:root {
  --brand-red: #e70012;
  --brand-gold: #b38d54;
  --text: #333;
  --muted: #a9a9a9;
  --page-width: 75%;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: #fff; font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; font-size: 14px; line-height: 1.5; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.skip { position: fixed; left: 16px; top: -80px; z-index: 99; padding: 10px 16px; background: #fff; }
.skip:focus { top: 16px; }
.legacy-container { width: var(--page-width); margin: 0 auto; }
.legacy-top { position:sticky; top:0; z-index:30; height: 52px; color: var(--muted); background: #fff; }
.legacy-top .legacy-container { height: 52px; display: grid; grid-template-columns: 1fr 1.65fr 1fr; align-items: center; column-gap: 20px; }
.legacy-top-item { display: flex; align-items: center; gap: 10px; white-space: nowrap; font-size: 13px; }
.legacy-top-item:nth-child(2) { justify-content: center; }
.legacy-top-item:last-child { justify-content: flex-end; }
.legacy-top-item img { width: 24px; height: 24px; object-fit: contain; }
.legacy-header { position:sticky; top:52px; z-index:30; height: 119px; background: #050505; }
.legacy-nav { height: 119px; display: grid; grid-template-columns: 1fr 11fr; align-items: center; }
.legacy-brand { width: 96.48px; height: 85px; display: block; }
.legacy-brand img { width: 96.48px; height: 85px; object-fit: contain; }
.legacy-menu { height: 119px; display: flex; justify-content: flex-end; align-items: center; gap: 20px; list-style: none; padding: 0 21px 0 0; margin: 0; }
.legacy-menu li { height: 63px; display: flex; align-items: center; }
.legacy-menu a { width: 100px; height: 119px; display: flex; align-items: center; justify-content: center; padding: 0; color: #fff; font-size: 16px; font-weight: 700; }
.legacy-menu a:hover,.legacy-menu a[aria-current="page"] { color: var(--brand-red); background: transparent; border-bottom: 3px solid var(--brand-red); }
.legacy-menu-button { display: none; }
.legacy-subnav-toggle { display: none; }
.legacy-hero { position: relative; width: 100%; height: 41.536vw; max-height: 797.5px; overflow: hidden; background: #fff; }
.legacy-slide { position: absolute; inset: 0; display: none; }
.legacy-slide.is-active { display: block; animation:legacy-hero-in 1.5s ease both; }
.legacy-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.legacy-dots { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); display: flex; gap: 10px; }
.legacy-dot { width: 30px; height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.6); cursor: pointer; }
.legacy-dot.is-active { background: var(--brand-red); }
.legacy-about { height: 783px; overflow: hidden; }
.legacy-about-grid { width: var(--page-width); height: 783px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; align-items:center; }
.legacy-about-copy { height: 360px; overflow: hidden; }
.legacy-about-copy h1 { margin: 0 0 54px; color: var(--brand-red); font-size: 28px; line-height: 34px; text-align: right; font-weight: 700; }
.legacy-about-copy p { height: 205px; margin: 0; overflow: hidden; font-size: 14px; line-height: 34px; text-align: justify; }
.legacy-more { height: 40px; display: flex; align-items: center; justify-content: center; color: var(--brand-gold); border: 1px solid var(--brand-gold); font-size: 14px; }
.legacy-more:hover { color: #fff; background: var(--brand-gold); }
.legacy-about-image { width: 100%; height: 500px; object-fit: contain; object-position: center; }
.legacy-factory-gallery { height:1483px; padding:16px 0; overflow:hidden; background:#000; }
.legacy-factory-grid { width:80%; height:1451px; margin:0 auto; display:grid; grid-template-columns:1.45fr 1fr 1fr; grid-template-rows:300px 1135px; gap:16px; }
.legacy-factory-grid img { width:100%; height:100%; object-fit:cover; }
.legacy-factory-wide { grid-column:1/-1; }
.legacy-equipment { height: 1358px; padding-top:80px; overflow: hidden; background:#fff url('/assets/images/legacy/source/ABUIABACGAAg05HalgYovq7CXDCADzjoBw.jpg') center/cover no-repeat; }
.legacy-equipment-inner { width: 75%; height: 100%; margin: 0 auto; }
.legacy-heading { margin: 0; color: var(--brand-red); font-size: 28px; line-height: 39px; text-align: center; font-weight: 700; }
.legacy-equipment-main { width:100%; height: 500px; margin:80px auto 0; display: grid; grid-template-columns: 1.35fr 1fr; }
.legacy-equipment-main img { width: 100%; height: 500px; object-fit: cover; }
.legacy-equipment-copy { padding-left: 0; }
.legacy-equipment-copy h3 { margin: 0 0 38px; color: var(--brand-red); font-size: 24px; line-height: 36px; font-weight: 400; }
.legacy-equipment-copy p { margin: 0; font-size: 16px; line-height: 41px; }
.legacy-equipment-strip { width:100%; margin: 20px auto 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; height: 220px; overflow: hidden; }
.legacy-equipment-strip img { width: 100%; height: 220px; object-fit: cover; }
.legacy-facts { height: 310px; margin-top:-310px; overflow: hidden; position:relative; }
.legacy-facts-grid { width: 75%; margin: 0 auto; display: grid; grid-template-columns: repeat(5,1fr); }
.legacy-fact { height: 255px; text-align: center; }
.legacy-fact img { width: 100px; height: 100px; margin: 0 auto; object-fit: contain; }
.legacy-fact-text { color: #333; }
.legacy-fact-text strong { display: block; font-size: 32px; line-height: 42px; font-weight: 400; }
.legacy-fact-text span { display: block; font-size: 14px; line-height: 21px; }
.legacy-capability { height: 603px; display: grid; grid-template-columns: 2fr 1fr; width: 100%; padding:42px 0; margin: 0 auto; background:#000; color:#fff; }
.legacy-capability > img { width: 100%; height: 519px; object-fit: cover; }
.legacy-capability-copy { height: 310px; margin-top:80px; padding-left:36px; overflow: hidden; }
.legacy-capability-copy h2 { height: 36px; margin: 0; color: var(--brand-red); font-size: 28px; line-height: 36px; font-weight: 700; }
.legacy-capability-copy p { height: 112px; margin: 0; overflow: hidden; font-size: 14px; line-height: 28px; text-align: justify; }
.legacy-capability-copy .legacy-more { width: 100%; }
.legacy-metrics { width: 100%; height: 310px; padding:0 12.5%; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; background:#000; color:#fff; }
.legacy-metric { position: relative; height: 310px; text-align: center; }
.legacy-metric img { width: 160px; height:160px; margin:0 auto; object-fit: contain; }
.legacy-metric-copy { position: absolute; left: 0; right: 0; top: 165px; }
.legacy-metric-copy strong { display: block; font-size: 36px; line-height: 54px; font-weight: 400; }
.legacy-metric-copy span { display: block; font-size: 16px; line-height: 30px; }
.legacy-bottom { width: 80%; height: 627px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; align-items:center; }
.legacy-product-panel > img { width: 100%; height:500px; object-fit: contain; }
.legacy-product-panel .legacy-more { width: 100%; }
.legacy-partner-panel h2 { height: 58px; margin: 0; padding-top: 2px; font-size: 20px; font-weight: 400; }
.legacy-partners { display: grid; grid-template-columns: repeat(3,1fr); column-gap: 42px; row-gap: 56px; padding: 0 21px; }
.legacy-partners img { width: 100%; aspect-ratio: 2.37; object-fit: contain; }
.legacy-footer { height:454px; padding-top:110px; color: #fff; background: #000; }
.legacy-footer-grid { width: var(--page-width); margin: 0 auto; display: grid; grid-template-columns: 5.5fr repeat(5,1.2fr); }
.legacy-footer-company h2 { margin: 0; font-size: 22px; letter-spacing: .25em; font-weight: 400; }
.legacy-footer-logo { width:96px; height:85px; margin:0 0 18px; object-fit:contain; }
.legacy-footer-company p { margin: 4px 0; font-size: 14px; }
.legacy-footer-links h3 { margin: 0 0 10px; font-size: 18px; font-weight: 400; }
.legacy-footer-links a { display: block; margin: 6px 0; font-size: 16px; }
.legacy-cert { width: 93px; height: 84px; object-fit: contain; }
.legacy-copy { width: var(--page-width); margin: 45px auto 0; padding: 18px 0; display: flex; justify-content: space-between; border-top: 1px solid #222; font-size: 12px; }
.legacy-inquiry { position:fixed; left:-320px; top:50%; z-index:40; width:320px; height:467px; transform:translateY(-50%); transition:left .8s ease; }
.legacy-inquiry.is-open { left:0; }
.legacy-inquiry-panel { height:100%; padding:28px 26px; background:rgba(255,255,255,.96); box-shadow:0 3px 18px rgba(0,0,0,.18); }
.legacy-inquiry-panel label { display:block; margin-bottom:15px; font-size:14px; }
.legacy-inquiry-panel input,.legacy-inquiry-panel textarea { width:100%; margin-top:6px; padding:9px 10px; border:1px solid #ddd; background:#fff; font:inherit; resize:none; }
.legacy-inquiry-panel a { display:block; padding:10px; color:#fff; background:var(--brand-gold); text-align:center; }
.legacy-message { position:absolute; left:320px; top:50%; width:34px; padding:12px 8px; border:0; color:#fff; background:var(--brand-gold); transform:translateY(-50%); writing-mode:vertical-rl; letter-spacing:.16em; cursor:pointer; }
.legacy-back-top { position:fixed; right:28px; bottom:28px; z-index:35; width:44px; height:44px; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; background:#b38d54; font-size:22px; opacity:0; visibility:hidden; transform:translateY(12px); transition:.3s ease; cursor:pointer; }
.legacy-back-top.is-visible { opacity:1; visibility:visible; transform:none; }
.legacy-reveal { opacity:0; transform:translateY(36px); transition:opacity .85s ease,transform .85s ease; }
.legacy-reveal.is-visible { opacity:1; transform:none; }
@keyframes legacy-hero-in { from { opacity:.25; transform:scale(1.018); } to { opacity:1; transform:scale(1); } }
@media(prefers-reduced-motion:reduce){.legacy-slide.is-active,.legacy-reveal,.legacy-inquiry,.legacy-back-top{animation:none;transition:none}}
@media(max-width:1024px){
  .legacy-container,.legacy-about-grid,.legacy-capability,.legacy-metrics,.legacy-bottom,.legacy-footer-grid,.legacy-copy { width: calc(100% - 40px); }
  .legacy-menu-button { display:block; border:0; background:none; justify-self:end; }
  .legacy-menu-button span { display:block; width:25px; height:2px; margin:5px; background:var(--brand-red); }
  .legacy-nav { grid-template-columns:1fr auto; }
  .legacy-menu { display:none; position:absolute; top:177px; left:0; right:0; height:auto; padding:15px; flex-direction:column; background:#fff; z-index:20; }
  .legacy-menu.open { display:flex; }
  .legacy-menu a { width:100%; min-height:46px; justify-content:flex-start; }
}
@media(max-width:700px){
  :root{--page-width:calc(100% - 32px)}
  body{font-size:15px;overflow-x:hidden}
  .legacy-container{width:var(--page-width)}
  .legacy-top{height:36px;position:relative}
  .legacy-top .legacy-container{height:36px;display:flex;justify-content:center}
  .legacy-top-item{display:none}
  .legacy-top-item:nth-child(2){display:flex;font-size:12px;gap:7px}
  .legacy-top-item:nth-child(2) img,.legacy-top-item:nth-child(2) span,.legacy-top-item:nth-child(2) a:first-of-type{display:none}
  .legacy-header{top:0;height:72px}
  .legacy-nav{height:72px}
  .legacy-brand,.legacy-brand img{width:64px;height:57px}
  body.mobile-menu-open{overflow:hidden}
  .mobile-menu-open .legacy-inquiry,.mobile-menu-open .legacy-back-top{visibility:hidden}
  .legacy-menu-button{position:relative;z-index:101;padding:12px;margin-right:-7px}
  .legacy-menu-button span{width:27px;margin:6px;transition:transform .2s ease,opacity .2s ease}
  .mobile-menu-open .legacy-menu-button{position:fixed;top:6px;left:4px;margin:0}
  .mobile-menu-open .legacy-menu-button span{background:#777}
  .mobile-menu-open .legacy-menu-button span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .mobile-menu-open .legacy-menu-button span:nth-child(2){opacity:0}
  .mobile-menu-open .legacy-menu-button span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .legacy-menu{position:fixed;inset:0;z-index:100;height:100dvh;max-height:none;padding:52px 15px 24px;gap:0;overflow-y:auto;border:0;background:#fff;box-shadow:none;align-items:stretch;justify-content:flex-start}
  .legacy-menu li{width:100%;height:auto;display:block}
  .legacy-menu a{height:52px;min-height:52px;padding:0 5px;color:#666;border-bottom:1px solid #eee;font-size:15px;font-weight:400}
  .legacy-menu a:hover,.legacy-menu a[aria-current="page"]{color:#b38d54;background:#fff;border-bottom:1px solid #eee;font-weight:400}
  .legacy-subnav-host{position:relative;width:100%;display:block}
  .legacy-subnav-host>a{position:relative;z-index:1;padding-right:70px}
  .legacy-subnav-toggle{position:absolute;top:0;right:0;z-index:2;width:64px;height:52px;display:block;border:0;border-bottom:1px solid #eee;color:#777;background:transparent;font-size:13px;cursor:pointer}
  .legacy-subnav{position:static;width:100%;max-height:0;padding:0;overflow:hidden;opacity:0;visibility:hidden;transform:none;background:#fff;transition:max-height .25s ease,opacity .2s ease}
  .legacy-subnav-host:hover .legacy-subnav,.legacy-subnav-host:focus-within .legacy-subnav{transform:none}
  .legacy-subnav-host.is-open .legacy-subnav{max-height:156px;opacity:1;visibility:visible}
  .legacy-menu .legacy-subnav a{width:100%;height:52px;padding-left:25px;color:#555;background:#fafafa;font-size:14px;font-weight:400}
  .legacy-hero{height:41.536vw;min-height:160px;max-height:190px}
  .legacy-slide.is-active{animation:none}
  .legacy-slide img{object-position:center center}
  .legacy-about{height:auto;padding:52px 0 46px;overflow:visible}
  .legacy-about-grid{width:var(--page-width);height:auto;display:grid;grid-template-columns:1fr;gap:26px}
  .legacy-about-copy{height:auto;overflow:visible}
  .legacy-about-copy h1{margin:0 0 22px;text-align:center;font-size:24px;line-height:1.4}
  .legacy-about-copy p{height:auto;overflow:visible;font-size:14px;line-height:1.95;text-align:left}
  .legacy-more{min-height:44px;height:auto;margin-top:18px;padding:8px 14px;font-size:14px}
  .legacy-about-image{height:260px;object-fit:contain}
  .legacy-factory-gallery{height:auto;padding:8px 0;background:#000}
  .legacy-factory-grid{width:calc(100% - 16px);height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:8px}
  .legacy-factory-grid img{height:172px;object-fit:cover}
  .legacy-factory-grid img:nth-child(3){grid-column:1/-1;height:220px}
  .legacy-factory-wide{grid-column:1/-1;height:220px!important}
  .legacy-equipment{height:auto;min-height:0;padding:52px 0 48px;background-position:center top;background-size:auto 100%}
  .legacy-equipment-inner{width:var(--page-width);height:auto}
  .legacy-heading{font-size:24px;line-height:1.4}
  .legacy-equipment-main{height:auto;margin:30px auto 0;display:grid;grid-template-columns:1fr;background:rgba(255,255,255,.9)}
  .legacy-equipment-main img{height:235px}
  .legacy-equipment-copy{padding:22px 18px 24px}
  .legacy-equipment-copy h3{margin:0 0 10px;font-size:20px;line-height:1.5}
  .legacy-equipment-copy p{font-size:14px;line-height:2}
  .legacy-equipment-strip{height:auto;margin-top:12px;grid-template-columns:1fr 1fr;gap:10px}
  .legacy-equipment-strip img{height:135px}
  .legacy-facts{height:auto;margin:0;padding:42px 0;overflow:visible;background:#f7f7f7}
  .legacy-facts-grid{width:var(--page-width);grid-template-columns:1fr 1fr;gap:30px 12px}
  .legacy-fact{height:auto;min-height:150px}
  .legacy-fact:last-child{grid-column:1/-1}
  .legacy-fact img{width:76px;height:76px}
  .legacy-fact-text strong{font-size:27px;line-height:38px}
  .legacy-fact-text span{font-size:13px}
  .legacy-capability{width:100%;height:auto;padding:0 0 46px;display:grid;grid-template-columns:1fr}
  .legacy-capability>img{height:245px}
  .legacy-capability-copy{height:auto;margin:0;padding:30px 16px 0;overflow:visible}
  .legacy-capability-copy h2{height:auto;margin-bottom:16px;font-size:24px}
  .legacy-capability-copy p{height:auto;overflow:visible;font-size:14px;line-height:1.95;text-align:left}
  .legacy-metrics{width:100%;height:auto;padding:12px 16px 42px;grid-template-columns:1fr 1fr;gap:12px}
  .legacy-metric{height:190px}
  .legacy-metric img{width:110px;height:110px}
  .legacy-metric-copy{top:105px}
  .legacy-metric-copy strong{font-size:26px;line-height:40px}
  .legacy-metric-copy span{font-size:14px;line-height:24px}
  .legacy-bottom{width:var(--page-width);height:auto;padding:46px 0;grid-template-columns:1fr;gap:50px}
  .legacy-product-panel>img{height:300px}
  .legacy-partner-panel h2{height:auto;margin-bottom:25px;text-align:center;font-size:20px}
  .legacy-partners{grid-template-columns:repeat(2,1fr);gap:28px 30px;padding:0 12px}
  .legacy-footer{height:auto;padding:50px 0 20px}
  .legacy-footer-grid{width:var(--page-width);grid-template-columns:1fr 1fr;gap:28px 20px}
  .legacy-footer-company{grid-column:1/-1}
  .legacy-footer-company h2{font-size:18px;letter-spacing:.08em}
  .legacy-footer-company p{font-size:13px;line-height:1.7}
  .legacy-footer-links h3{font-size:15px}
  .legacy-footer-links a{font-size:14px}
  .legacy-copy{width:var(--page-width);margin:32px auto 0;display:block;line-height:2}
  .legacy-inquiry{left:16px;right:16px;top:auto;bottom:16px;width:auto;height:min(520px,calc(100dvh - 100px));transform:none;pointer-events:none}
  .legacy-inquiry.is-open{left:16px}
  .legacy-inquiry-panel{overflow-y:auto;padding:20px 18px;transform:translateY(calc(100% + 32px));transition:transform .35s ease;pointer-events:auto}
  .legacy-inquiry.is-open .legacy-inquiry-panel{transform:none}
  .legacy-message{position:fixed;left:auto;right:16px;top:auto;bottom:16px;width:auto;min-width:94px;min-height:44px;padding:8px 14px;transform:none;writing-mode:horizontal-tb;letter-spacing:.08em;pointer-events:auto}
  .legacy-back-top{right:16px;bottom:72px;width:42px;height:42px}
  .legacy-reveal{opacity:1;transform:none;transition:none}
}