:root {
  --ink:#23272b; --muted:#737d85; --paper:#fff; --accent:#3057bf; --line:#dce0e3;
  --gutter:clamp(24px,5.6vw,88px); --rail:42px;
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-synthesis:none;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:25px; }
body { margin:0; background:var(--paper); color:var(--ink); }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; border:0; cursor:pointer; }
button,a,summary { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
h1,h2,h3,p,figure,dl,dd { margin:0; }
h1,h2,h3 { font-weight:600; }
h1 { letter-spacing:-.055em; line-height:1.22; }
h2 { font-size:clamp(30px,3.1vw,48px); letter-spacing:-.035em; line-height:1.4; }
h3 { font-size:24px; line-height:1.45; letter-spacing:-.025em; }
p { line-height:1.9; }
img { display:block; width:100%; height:100%; object-fit:cover; }
figure { min-width:0; overflow:hidden; }
svg { display:block; width:24px; height:24px; flex:none; }
[hidden] { display:none!important; }
section[id],article[id] { scroll-margin-top:35px; }
.website { position:relative; }
.section-label { display:block; font-size:13px; margin-bottom:22px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:42px; }
.section-heading>span { font-size:12px; color:var(--muted); }
.text-link { display:inline-flex; align-items:center; gap:32px; padding:12px 0; border-bottom:1px solid currentColor; font-size:13px; }
.text-link svg { transition:transform .2s; width:22px; height:22px; }
.text-link:hover svg { transform:translateX(5px); }
.button { display:inline-flex; justify-content:center; align-items:center; gap:34px; padding:16px 26px; min-height:54px; font-size:13px; border:1px solid transparent; transition:background .2s; }
.button.primary { background:var(--accent); color:var(--button-ink,#fff); }
.button.secondary { border-color:currentColor; }
.button:hover { filter:brightness(1.08); }
.hero-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:32px; }
.hero-description { font-size:15px; line-height:1.8; margin-top:27px; }
.brand { display:flex; align-items:center; gap:14px; width:max-content; max-width:100%; }
.brand-mark { font-size:42px; font-weight:900; font-style:italic; letter-spacing:-7px; padding-right:7px; line-height:1; }
.brand-name { font-size:22px; font-weight:650; letter-spacing:.08em; }
.brand-name small { display:block; font-size:8px; font-weight:400; letter-spacing:.08em; margin-top:5px; }
.site-header { height:94px; display:flex; justify-content:space-between; align-items:center; gap:32px; padding:0 var(--gutter); position:relative; z-index:10; border-bottom:1px solid var(--line); }
.main-nav { display:flex; gap:38px; font-size:13px; }
.main-nav a { padding:14px 0; }
.main-nav a:hover { opacity:.65; }
.header-tools { display:flex; align-items:center; gap:24px; }
.language { font-size:12px; white-space:nowrap; padding:10px 0; }
.menu-button { display:none; align-items:center; gap:10px; background:none; padding:10px 0; font-size:11px; }
.menu-button i { display:block; width:20px; height:9px; border-block:1px solid currentColor; }
.review-rail { height:var(--rail); display:flex; align-items:center; gap:25px; padding:0 24px; background:#f5f5f2; color:#5b625d; border-bottom:1px solid #deded8; font-size:10px; }
.review-rail nav { display:flex; justify-content:center; gap:8px; flex:1; min-width:0; overflow:auto; scrollbar-width:none; padding-right:90px; }
.review-rail nav a { padding:6px 13px; display:flex; gap:7px; align-items:center; white-space:nowrap; border-radius:3px; }
.review-rail nav a>span { font-size:9px; opacity:.65; }
.review-rail nav a[aria-current] { color:#fff; background:#2a342f; }
.overview-link { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.overview-link>span { font-size:17px; }
.contact-fields { display:grid; gap:28px; }
.contact-fields dt { font-size:12px; opacity:.6; margin-bottom:13px; }
.contact-fields dd { font-size:20px; }
.site-footer { padding:23px var(--gutter); border-top:1px solid var(--line); color:var(--muted); font-size:10px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.site-footer a { display:flex; gap:14px; align-items:center; }
.site-footer svg { width:18px; height:18px; }
.about-copy p { font-size:15px; line-height:2; max-width:480px; margin:25px 0 24px; }

/* A：保留沉浸式工程方向，整页保持暗色金属视觉，产品从独立展台切换。 */
.theme-industrial { --paper:#101a22; --ink:#f4f2eb; --accent:#d6b16b; --muted:#929fa7; --line:#ffffff25; --button-ink:#171b20; }
.theme-industrial .site-header { position:absolute; inset:0 0 auto; border-color:#ffffff20; background:linear-gradient(#06101b85,transparent); }
.theme-industrial .brand-mark { color:#d6b16b; }
.industrial-hero { height:calc(100svh - var(--rail)); min-height:740px; max-height:1000px; padding:180px var(--gutter) 145px; display:flex; align-items:center; position:relative; isolation:isolate; }
.hero-photo { position:absolute; inset:0; z-index:-1; overflow:hidden; }
.hero-photo img { object-position:66% 48%; }
.hero-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#05111d80,transparent 75%),linear-gradient(0deg,#07111bd4,transparent 30%); }
.industrial-hero .hero-copy { max-width:900px; }
.industrial-hero h1 { font-size:clamp(52px,5.9vw,91px); line-height:1.3; font-weight:650; letter-spacing:-.055em; }
.industrial-hero .hero-description { color:#d2d9de; font-size:14px; margin-top:28px; }
.industrial-hero .hero-actions { margin-top:40px; }
.industrial-hero .secondary { border-color:#ffffff70; }
.industrial-hero-base { position:absolute; left:var(--gutter); right:var(--gutter); bottom:32px; border-top:1px solid #ffffff38; padding-top:25px; display:flex; align-items:center; justify-content:space-between; font-size:12px; }
.industrial-hero-base>a { display:flex; align-items:center; gap:40px; }
.industrial-hero-base>a span { font-size:28px; }
.industrial-products { padding:86px var(--gutter) 74px; background:radial-gradient(ellipse at 25% 65%,#1b2c37,#101a22 65%); }
.industrial-product-heading { display:flex; align-items:baseline; justify-content:space-between; gap:35px; }
.industrial-product-heading .section-label { color:var(--accent); }
.industrial-product-heading h2 { font-size:38px; }
.industrial-product-layout { display:grid; grid-template-columns:1.25fr 1fr; gap:65px; align-items:center; margin-top:25px; }
.product-stage { height:430px; display:flex; align-items:center; position:relative; min-width:0; }
.product-stage>img { object-fit:contain; filter:drop-shadow(0 22px 24px #00000040); }
.stage-caption { position:absolute; bottom:0; left:0; font-size:11px; letter-spacing:.08em; color:#94a3ae; }
.product-stage.scene-stage img { object-fit:cover; height:85%; filter:none; }
.product-tabs { display:flex; flex-direction:column; }
.product-tabs button { background:none; padding:26px 0; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:23px; text-align:left; opacity:.55; }
.product-tabs button[aria-selected=true] { color:var(--accent); opacity:1; border-color:#d6b16b70; }
.product-tabs button>span:nth-child(2) { flex:1; }
.product-tabs strong { display:block; font-size:21px; font-weight:500; }
.product-tabs small { display:block; font-size:11px; color:#9aa8b1; line-height:1.7; margin-top:9px; }
.tab-thumb { width:92px; height:75px; flex:none; }
.tab-thumb img { object-fit:contain; }
.product-tabs button:last-child .tab-thumb img { object-fit:cover; }
.industrial-selector>.text-link { color:var(--accent); margin-top:28px; }
.industrial-about { display:grid; grid-template-columns:1.15fr 1fr; min-height:460px; border-block:1px solid var(--line); }
.industrial-about>figure { min-height:460px; }
.industrial-about>figure img { filter:brightness(.7); }
.industrial-about .about-copy { align-self:center; padding:65px var(--gutter) 65px 65px; }
.industrial-about .section-label { color:var(--accent); }
.industrial-about h2 { font-size:38px; }
.industrial-about p { color:#a7b2b9; }
.industrial-contact { padding:70px var(--gutter) 60px; background:#0b131a; }
.contact-title { display:flex; justify-content:space-between; align-items:center; color:var(--accent); }
.contact-title h2 { font-size:clamp(56px,8vw,116px); font-weight:500; letter-spacing:-.07em; }
.contact-title svg { width:65px; height:65px; }
.industrial-contact>p { font-size:13px; color:#a7b2b9; margin:7px 0 36px; }
.industrial-contact .contact-fields { grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); padding-top:32px; }
.industrial-contact .contact-fields>div+div { border-left:1px solid var(--line); padding-left:38px; }
.theme-industrial .site-footer { background:#0b131a; }

/* B：新方案，以工程图纸构图，蓝图首屏、非对称矩阵与图纸标题栏互相呼应。 */
.theme-international { --accent:#123e75; --ink:#102e53; --muted:#71859a; --line:#cbd7e2; }
.theme-international .site-header { background:#123e75; color:#fff; border-color:#ffffff30; }
.blueprint-hero { min-height:600px; display:grid; grid-template-columns:1fr 1.13fr; padding:55px var(--gutter) 65px; gap:20px; background-color:#123e75; background-image:linear-gradient(#b9d2ed0b 1px,transparent 1px),linear-gradient(90deg,#b9d2ed0b 1px,transparent 1px); background-size:70px 70px; color:#fff; position:relative; overflow:hidden; }
.blueprint-copy { align-self:center; position:relative; z-index:2; padding-bottom:15px; }
.blueprint-copy h1 { font-size:clamp(48px,5vw,76px); font-weight:500; line-height:1.4; letter-spacing:-.045em; }
.blueprint-copy .hero-description { color:#aebfd4; font-size:13px; margin-top:26px; }
.blueprint-copy .button.primary { color:#123e75; background:white; }
.blueprint-copy .button.secondary { border-color:#ffffff45; }
.blueprint-art { position:relative; min-width:0; min-height:475px; }
.engineering-drawing { width:100%; height:100%; }
.blueprint-art>.engineering-drawing { position:absolute; width:104%; height:100%; color:#a8cbed; opacity:.45; left:-16%; top:0; }
.blueprint-cylinder { position:absolute; width:100%; height:100%; object-fit:contain; transform:rotate(-35deg) translate(6%,4%) scale(.78); filter:drop-shadow(15px 25px 18px #061e4440); }
.drawing-label { position:absolute; font-size:11px; color:#c0d3e7; padding:7px 13px; border-left:1px solid #a8cbed; }
.label-rod { right:2%; top:15%; }
.label-barrel { left:1%; bottom:25%; }
.blueprint-bottom { position:absolute; bottom:20px; left:var(--gutter); right:var(--gutter); display:flex; justify-content:space-between; font-size:10px; color:#91afd0; }
.blueprint-product-nav { background:#123e75; color:white; display:grid; grid-template-columns:repeat(3,1fr); padding:0 var(--gutter); border-block:1px solid #ffffff35; }
.blueprint-product-nav>a { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:30px 28px; border-inline-end:1px solid #ffffff35; font-size:16px; }
.blueprint-product-nav>a:first-child { border-inline-start:1px solid #ffffff35; }
.blueprint-product-nav>a:hover { background:#ffffff0e; }
.blueprint-products { padding:80px var(--gutter); }
.blueprint-products .section-heading { margin-bottom:35px; }
.blueprint-products h2 { font-size:39px; }
.blueprint-matrix { display:grid; grid-template-columns:1.1fr 1fr; grid-template-rows:300px 265px; gap:16px; }
.blueprint-matrix article { position:relative; background:#edf2f7; overflow:hidden; padding:30px; }
.blueprint-matrix h3 { font-size:25px; position:relative; z-index:1; }
.blueprint-matrix p { font-size:12px; color:var(--muted); margin-top:8px; position:relative; z-index:1; }
.blueprint-matrix .text-link { position:absolute; bottom:25px; left:30px; z-index:2; font-size:12px; padding:8px 0; }
.blueprint-matrix figure { position:absolute; inset:35px 15px 15px 38%; }
.blueprint-matrix figure img { object-fit:contain; }
.blueprint-matrix .matrix-primary { grid-row:span 2; }
.blueprint-matrix .matrix-primary figure { inset:80px -5px 65px; }
.blueprint-matrix .matrix-primary img { transform:rotate(-24deg) scale(.86); padding:35px; }
.blueprint-matrix .matrix-detail { color:white; }
.blueprint-matrix .matrix-detail>figure { inset:0; }
.blueprint-matrix .matrix-detail img { object-fit:cover; }
.blueprint-matrix .matrix-detail:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0b234bc9,transparent 95%); }
.blueprint-matrix .matrix-detail>div { position:relative; z-index:1; height:100%; }
.blueprint-matrix .matrix-detail .text-link { left:0; bottom:0; }
.blueprint-about { min-height:480px; padding:65px var(--gutter); background:#123e75; position:relative; display:flex; justify-content:flex-end; overflow:hidden; }
.blueprint-about>figure { position:absolute; inset:0 0 0 0; }
.blueprint-about>figure img { object-position:70% 40%; }
.blueprint-about .about-copy { background:#fff; position:relative; z-index:1; width:51%; padding:55px 60px; align-self:center; box-shadow:0 8px 30px #163c4620; }
.blueprint-about h2 { font-size:34px; }
.blueprint-about .section-label { color:#7292b1; }
.blueprint-about p { font-size:14px; }
.blueprint-contact { display:grid; grid-template-columns:1fr 1.3fr .6fr; background:#123e75; color:#fff; padding:0 var(--gutter); border-top:1px solid #ffffff3b; }
.blueprint-contact>div,.blueprint-contact>dl { padding:35px 30px; border-left:1px solid #ffffff35; }
.blueprint-contact>div:last-child { border-right:1px solid #ffffff35; }
.drawing-title .brand-mark { font-size:38px; }
.drawing-title .brand-name { font-size:19px; }
.drawing-title h2 { font-size:16px; font-weight:400; margin-top:27px; color:#b2c9e1; }
.blueprint-contact .contact-fields { grid-template-columns:1fr 1fr; gap:24px; }
.blueprint-contact .contact-fields>div:last-child { grid-column:1/-1; }
.blueprint-contact .contact-fields dd { font-size:16px; }
.footer-drawing { color:#98bbdf; overflow:hidden; }
.footer-drawing svg { width:100%; height:180px; }
.theme-international .site-footer { background:#123e75; color:#a5c0db; border-color:#ffffff30; }

/* C：透明底钢制设备形成完整主视觉；用真实金属近景表达精度，不再使用去色方框。 */
.theme-precision { --ink:#22262b; --paper:#fff; --accent:#3659cc; --muted:#8a9097; --line:#e1e3e6; }
.theme-precision .site-header { border:0; display:grid; grid-template-columns:1fr auto 1fr; gap:35px; height:100px; }
.theme-precision .brand { grid-column:2; grid-row:1; }
.theme-precision .main-nav { grid-column:1; grid-row:1; gap:27px; font-size:12px; }
.theme-precision .header-tools { justify-self:end; }
.theme-precision .brand-mark { font-size:30px; color:#25292d; letter-spacing:-4px; }
.theme-precision .brand-name { font-size:21px; }
.precision-hero { text-align:center; padding:50px var(--gutter) 0; overflow:hidden; background:linear-gradient(white 60%,#f5f6f6); }
.precision-hero h1 { font-size:clamp(40px,4.7vw,70px); font-weight:500; letter-spacing:-.055em; text-wrap:balance; }
.precision-hero h1 br { display:none; }
.precision-hero .hero-description { margin-top:22px; font-size:13px; color:#868d94; letter-spacing:.08em; }
.sculpture { height:370px; max-width:1300px; margin:25px auto 0; overflow:visible; }
.sculpture img { object-fit:contain; filter:drop-shadow(0 29px 21px #20313e1c); }
.precision-hero .hero-actions { justify-content:center; margin:14px 0 50px; }
.precision-hero .button { min-height:48px; padding:13px 24px; }
.precision-hero .button.secondary { border-color:#c9cdd3; }
.precision-baseline { border-top:1px solid #dce0e3; padding:24px 0; display:flex; justify-content:space-between; font-size:11px; color:#8a9097; }
.precision-products { padding:70px var(--gutter) 0; }
.precision-section-head { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.precision-section-head h2 { font-size:27px; }
.view-switch { display:flex; gap:20px; font-size:12px; }
.view-switch button { padding:9px 0; background:none; border-bottom:1px solid transparent; color:#91969d; }
.view-switch button[aria-pressed=true] { color:#262a30; border-color:#262a30; }
.precision-product-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:60px; align-items:center; min-height:360px; padding:25px 0 40px; }
.precision-stage { height:290px; padding-right:15px; }
.precision-stage img { object-fit:contain; }
.precision-stage.detail-view { padding:0; }
.precision-stage.detail-view img { object-fit:cover; }
.precision-product-copy { padding:14px 0 14px 40px; border-left:1px solid var(--line); }
.precision-product-copy h3 { font-size:32px; font-weight:500; margin-bottom:18px; }
.precision-product-copy p { font-size:14px; color:#777e87; }
.precision-product-copy .product-subline { font-size:12px; color:#9a9fa6; margin-top:6px; }
.precision-product-copy .text-link { color:#3659cc; margin-top:25px; }
.precision-other { display:flex; align-items:center; gap:40px; padding:20px 0 30px; border-top:1px solid var(--line); color:#747b84; font-size:13px; }
.precision-other .text-link { margin-left:auto; padding:4px 0; border:0; }
.precision-diptych { display:grid; grid-template-columns:1fr 1fr; gap:8px; height:420px; }
.precision-diptych img { object-position:50% 50%; }
.precision-about-copy { padding:42px var(--gutter); display:grid; grid-template-columns:.7fr 1.5fr auto; align-items:start; gap:50px; }
.precision-about-copy h2 { font-size:21px; }
.precision-about-copy p { font-size:14px; line-height:2; max-width:550px; color:#868c93; }
.precision-about-copy .text-link { border:0; padding:0; white-space:nowrap; }
.precision-contact { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:55px; padding:66px var(--gutter) 82px; }
.precision-contact>h2 { font-size:clamp(35px,4.2vw,61px); line-height:1.45; font-weight:500; }
.precision-contact-panel { background:#3659cc; color:white; padding:32px 38px; }
.precision-contact-panel h3 { font-size:18px; margin-bottom:28px; font-weight:500; }
.precision-contact .contact-fields { grid-template-columns:1fr 1fr; gap:24px; }
.precision-contact .contact-fields>div:last-child { grid-column:1/-1; }
.precision-contact .contact-fields dd { font-size:17px; }

/* D：独立侧栏与品牌海报；产品以编辑式拼接和不同尺度呈现。 */
.theme-heritage { --accent:#c7352e; --ink:#191b1d; --paper:#fff; --muted:#83878b; --line:#d4d7d9; --gutter:clamp(24px,4.3vw,65px); }
.heritage-layout { display:grid; grid-template-columns:135px minmax(0,1fr); background:#181b1d; }
.heritage-content { background:#fff; }
.heritage-layout .site-header { position:sticky; top:0; height:100svh; min-height:600px; padding:40px 0 30px; background:#181b1d; color:white; flex-direction:column; border:0; justify-content:flex-start; gap:0; }
.heritage-layout .brand { flex-direction:column; gap:20px; text-align:center; }
.heritage-layout .brand-mark { color:#df4238; font-size:48px; }
.heritage-layout .brand-name { font-size:16px; }
.heritage-layout .brand-name small { font-size:6px; letter-spacing:0; }
.heritage-layout .main-nav { display:flex; flex-direction:column; gap:0; width:100%; text-align:center; font-size:12px; margin-top:50px; }
.heritage-layout .main-nav a { padding:23px 12px; border-bottom:1px solid #ffffff15; }
.heritage-layout .main-nav a:first-child { background:var(--accent); }
.heritage-layout .main-nav a:hover { background:#ffffff10; opacity:1; }
.heritage-layout .header-tools { margin-top:auto; }
.heritage-poster-title { padding:24px 35px 23px; display:flex; align-items:center; justify-content:space-between; gap:35px; }
.heritage-poster-title h1 { font-size:clamp(80px,10.8vw,168px); font-weight:800; line-height:1.08; white-space:nowrap; letter-spacing:-.075em; }
.heritage-poster-title>p { max-width:220px; font-size:18px; line-height:1.5; font-weight:500; }
.heritage-poster-title small { display:block; font-size:10px; font-weight:400; margin-top:17px; letter-spacing:.1em; }
.heritage-hero-photo { position:relative; height:490px; }
.heritage-hero-photo>figure { height:100%; }
.heritage-hero-photo img { object-position:center 58%; }
.red-poster { position:absolute; bottom:0; right:0; background:var(--accent); color:white; width:32%; padding:34px 35px 24px; }
.red-poster h2 { font-size:clamp(29px,3.1vw,44px); font-weight:650; line-height:1.4; }
.red-poster a { display:flex; justify-content:flex-end; padding-top:26px; }
.red-poster svg { width:39px; height:39px; }
.heritage-products { padding:65px var(--gutter) 60px; }
.heritage-products .section-heading { border-bottom:1px solid #a4a8ab; padding-bottom:22px; margin-bottom:24px; }
.heritage-products h2 { font-size:clamp(35px,4.3vw,60px); font-weight:750; }
.heritage-mosaic { display:grid; grid-template-columns:1fr 1.2fr; gap:20px; }
.heritage-mosaic article { min-width:0; }
.mosaic-power { grid-column:1/-1; display:grid; grid-template-columns:.5fr 1.5fr; min-height:310px; background:#f2f3f3; }
.mosaic-red { background:var(--accent); color:white; padding:35px 30px; display:flex; flex-direction:column; justify-content:space-between; gap:20px; }
.mosaic-red h3 { font-size:29px; font-weight:500; }
.mosaic-red .text-link { align-self:start; border:0; gap:25px; font-size:12px; }
.mosaic-power figure { height:310px; padding:8px 30px; }
.mosaic-power figure img { object-fit:contain; }
.mosaic-closeup { height:310px; }
.mosaic-cylinder { background:#f2f3f3; position:relative; padding:25px; min-height:310px; overflow:hidden; }
.mosaic-cylinder h3 { font-size:26px; position:relative; z-index:2; }
.mosaic-cylinder .text-link { font-size:11px; border:0; position:relative; z-index:2; }
.mosaic-cylinder figure { position:absolute; inset:60px 20px 10px; }
.mosaic-cylinder img { object-fit:contain; transform:rotate(-8deg); }
.mosaic-equipment { grid-column:1/-1; display:grid; grid-template-columns:1fr 1.2fr; background:#f2f3f3; min-height:270px; }
.mosaic-equipment figure { height:270px; }
.mosaic-equipment>div { align-self:center; padding:40px; }
.mosaic-equipment h3 { font-size:32px; }
.mosaic-equipment .text-link { color:var(--accent); margin-top:18px; }
.heritage-about { display:grid; grid-template-columns:.9fr 1fr 1.1fr; padding:40px var(--gutter); gap:40px; align-items:center; background:#1b1d1f; color:white; }
.heritage-about h2 { font-size:clamp(54px,6.3vw,90px); font-weight:750; line-height:1.2; letter-spacing:-.06em; }
.heritage-about .section-label { color:#a3a5a7; font-size:11px; margin-bottom:14px; }
.heritage-about p { font-size:14px; color:#c4c6c7; line-height:2; }
.heritage-about>figure { height:280px; }
.heritage-contact { padding:46px var(--gutter); display:grid; grid-template-columns:1fr 1.8fr; gap:45px; background:var(--accent); color:#fff; align-items:center; }
.heritage-contact h2 { font-size:43px; font-weight:650; }
.heritage-contact .contact-fields { grid-template-columns:repeat(3,1fr); padding-left:35px; border-left:1px solid #ffffff50; }
.heritage-contact .contact-fields dd { font-size:18px; }
.heritage-contact .contact-fields dt { opacity:.75; }
.theme-heritage .site-footer { font-size:9px; }

/* E：全新建筑影像画廊。面板展开是主要交互，其余内容使用紧凑产品索引。 */
.theme-natural { --paper:#fff; --ink:#22272b; --accent:#ed6a3c; --muted:#888e92; --line:#d4d7d8; --gutter:clamp(24px,4vw,64px); }
.theme-natural .site-header { height:88px; border:0; }
.theme-natural .brand-mark { font-size:40px; }
.architecture-hero { margin:0 8px; }
.image-gallery { display:flex; height:640px; gap:6px; }
.gallery-panel { flex:1; min-width:0; position:relative; overflow:hidden; color:#fff; transition:flex .65s cubic-bezier(.22,.7,.2,1); }
.gallery-panel.is-active { flex:3; }
.gallery-panel>img { position:absolute; inset:0; object-position:58% 55%; }
.gallery-panel:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#0b17236e,transparent 50%,#0b172355); pointer-events:none; }
.gallery-panel-toggle { position:absolute; z-index:3; left:26px; right:26px; top:25px; display:flex; align-items:center; justify-content:space-between; gap:16px; background:none; padding:0; font-size:12px; text-align:left; }
.gallery-panel-toggle i { display:grid; place-items:center; width:32px; height:32px; border:1px solid #ffffff80; border-radius:50%; font-size:22px; font-style:normal; font-weight:300; flex:none; }
.gallery-panel.is-active .gallery-panel-toggle i { font-size:0; }
.gallery-panel.is-active .gallery-panel-toggle i:after { content:"−"; font-size:22px; }
.gallery-panel:not(.is-active) .gallery-panel-toggle { left:20px; right:20px; align-items:start; }
.gallery-panel:not(.is-active) .gallery-panel-toggle>span { writing-mode:vertical-rl; letter-spacing:.18em; }
.gallery-panel-copy { position:absolute; z-index:2; bottom:45px; left:40px; right:35px; }
.gallery-panel-copy h1,.gallery-panel-copy h2 { font-size:clamp(40px,4.6vw,69px); font-weight:650; line-height:1.26; letter-spacing:-.05em; }
.gallery-panel-copy a { margin-top:26px; font-size:12px; display:inline-flex; align-items:center; gap:28px; }
.gallery-controls { display:flex; align-items:center; gap:22px; height:66px; padding:0 25px; font-size:11px; }
.gallery-progress { width:90px; height:2px; background:#d8dcde; overflow:hidden; }
.gallery-progress i { display:block; width:33.333%; height:100%; background:#262a2d; transition:transform .3s; }
.gallery-equipment { flex:1; color:#8a9196; padding-left:20px; }
.gallery-controls button { width:38px; height:38px; display:grid; place-items:center; border:1px solid #d5d8da; background:#fff; }
.gallery-controls button:last-child { background:#22272b; border-color:#22272b; color:#fff; margin-left:-16px; }
.gallery-controls button[data-gallery-step="-1"] svg { transform:rotate(180deg); }
.architecture-products { display:grid; grid-template-columns:.85fr 1.3fr; padding:65px var(--gutter) 75px; gap:70px; }
.architecture-products>h2 { font-size:clamp(54px,6.7vw,96px); font-weight:700; line-height:1.3; padding-top:12px; }
.architecture-products>h2 span { display:block; font-size:clamp(28px,3.5vw,48px); line-height:1.4; font-weight:400; letter-spacing:-.045em; margin-top:15px; }
.architecture-index>article { display:grid; grid-template-columns:1.3fr 1fr 25px; align-items:center; gap:24px; min-height:145px; border-top:1px solid #aeb4b8; }
.architecture-index h3 { font-size:20px; }
.architecture-index p { font-size:11px; color:#979da2; margin-top:9px; line-height:1.7; }
.architecture-index figure { height:120px; padding:10px 0; }
.architecture-index img { object-fit:contain; }
.architecture-index article:last-child img { object-fit:cover; }
.architecture-index a { padding:18px 0; }
.architecture-about { display:grid; grid-template-columns:1.25fr 1fr; gap:8px; border-top:1px solid var(--line); }
.architecture-about>figure { min-height:350px; }
.architecture-about>div { padding:45px 50px; align-self:center; }
.architecture-about h2 { font-size:36px; }
.architecture-about p { font-size:17px; line-height:1.9; max-width:440px; margin:24px 0; }
.architecture-about .text-link { border:0; padding:0; }
.architecture-contact { display:grid; grid-template-columns:1fr 1fr; background:var(--accent); padding:55px var(--gutter); gap:60px; }
.architecture-contact h2 { font-size:clamp(45px,6.7vw,95px); font-weight:700; line-height:1.25; }
.architecture-contact p { font-size:13px; margin-top:20px; opacity:.65; }
.architecture-contact .contact-fields { grid-template-columns:1fr 1fr; border-left:1px solid #23272b55; padding-left:50px; gap:24px; }
.architecture-contact .contact-fields>div:last-child { grid-column:1/-1; border-top:1px solid #23272b40; padding-top:20px; }
.architecture-contact .contact-fields dd { font-size:18px; }
.theme-natural .site-footer { background:#ed6a3c; color:#703720; border-color:#23272b30; }

/* 设计总览展示真实页面截图，所有方案使用一致的展示面积。 */
.gallery-page { background:#f3f4f0; --ink:#202a24; --accent:#344c3b; --muted:#7c867d; }
.gallery-wrap { max-width:1540px; margin:0 auto; padding:0 5vw; }
.gallery-header { display:flex; align-items:center; justify-content:space-between; height:90px; border-bottom:1px solid #d5dbd2; }
.gallery-brand { display:flex; align-items:center; gap:18px; font-size:20px; font-weight:500; }
.gallery-brand .brand-mark { font-size:32px; letter-spacing:-5px; color:#344c3b; }
.gallery-intro { padding:60px 0 48px; }
.gallery-intro>p:first-child { font-size:12px; color:#6e7c70; margin-bottom:17px; }
.gallery-intro h1 { font-size:clamp(32px,4vw,58px); font-weight:500; letter-spacing:-.055em; }
.gallery-note { font-size:12px; color:#8a948b; margin-top:22px; }
.concept-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px 30px; padding-bottom:60px; }
.concept-card { display:block; min-width:0; }
.concept-card:last-child:nth-child(odd) { grid-column:1/-1; display:grid; grid-template-columns:1.25fr .75fr; column-gap:45px; align-items:start; }
.concept-card:last-child:nth-child(odd) .concept-preview { grid-row:1/5; }
.concept-card:last-child:nth-child(odd) .concept-meta { margin-top:12px; }
.concept-card:last-child:nth-child(odd) .concept-description { max-width:400px; }
.concept-preview { aspect-ratio:1.6; overflow:hidden; position:relative; border:1px solid #d4dad1; background:#e2e6de; }
.concept-preview img { object-fit:cover; object-position:top; transition:transform .5s; }
.concept-card:hover .concept-preview img { transform:scale(1.025); }
.preview-open { position:absolute; right:16px; bottom:16px; background:white; color:#25372a; display:flex; align-items:center; gap:20px; padding:12px 16px; font-size:11px; box-shadow:0 3px 15px #0000000a; }
.preview-open svg { width:17px; height:17px; }
.concept-meta { display:flex; align-items:center; gap:14px; margin-top:20px; }
.concept-meta h2 { font-size:23px; font-weight:500; letter-spacing:0; }
.concept-letter { width:25px; height:25px; display:grid; place-items:center; border:1px solid #bac6b9; border-radius:50%; font-size:10px; color:#647960; }
.swatches { display:flex; gap:5px; margin-left:auto; }
.swatches i { width:12px; height:12px; border-radius:50%; border:1px solid #00000010; }
.concept-mood { font-size:12px; color:#64765e; margin-top:11px; }
.concept-description { font-size:12px; color:#8a948b; margin-top:7px; max-width:560px; }
.gallery-footer { border-top:1px solid #d5dbd2; padding:24px 0 35px; display:flex; justify-content:space-between; gap:20px; font-size:11px; color:#8a948b; }
html[lang=en] .brand-name { font-size:18px; letter-spacing:0; }
html[lang=en] .brand-name small { font-size:8px; }
html[lang=en] .industrial-hero h1 { font-size:clamp(55px,6.2vw,94px); letter-spacing:-.055em; }
html[lang=en] .blueprint-copy h1 { font-size:clamp(45px,4.6vw,67px); line-height:1.25; }
html[lang=en] .heritage-poster-title h1 { font-size:clamp(70px,9vw,133px); }
html[lang=en] .heritage-poster-title>p { font-size:15px; max-width:185px; }
html[lang=en] .heritage-layout .brand-name { font-size:14px; }
html[lang=en] .gallery-panel-copy h1,html[lang=en] .gallery-panel-copy h2 { font-size:clamp(39px,4.2vw,62px); }
html[lang=en] .precision-contact>h2 { font-size:clamp(34px,3.6vw,52px); }

/* 中等屏幕优先保持清晰结构，不硬挤桌面列数。 */
@media(min-width:1800px) {
  .website { max-width:1920px; margin:0 auto; }
}
@media(max-width:1150px) {
  .site-header { gap:24px; }
  .main-nav { gap:25px; }
  .brand-name { font-size:20px; }
  .brand-mark { font-size:36px; }
  .industrial-product-layout { gap:30px; grid-template-columns:1.1fr 1fr; }
  .product-tabs button { gap:15px; }
  .tab-thumb { width:72px; height:65px; }
  .product-tabs strong { font-size:19px; }
  .industrial-about .about-copy { padding-left:40px; }
  .blueprint-hero { grid-template-columns:1fr 1.05fr; min-height:580px; }
  .blueprint-copy h1 { font-size:57px; }
  .blueprint-copy .hero-actions { gap:12px; }
  .blueprint-copy .button { padding:13px 20px; gap:20px; }
  .blueprint-matrix { grid-template-rows:280px 250px; }
  .blueprint-matrix h3 { font-size:23px; }
  .blueprint-matrix .matrix-primary img { padding:10px; }
  .blueprint-about .about-copy { width:57%; padding:40px; }
  .blueprint-contact { grid-template-columns:1fr 1.3fr; }
  .blueprint-contact .footer-drawing { display:none; }
  .blueprint-contact .contact-fields { border-right:1px solid #ffffff35; }
  .theme-precision .site-header { gap:22px; }
  .theme-precision .main-nav { gap:19px; font-size:11px; }
  .precision-product-layout { gap:35px; }
  .precision-product-copy { padding-left:28px; }
  .precision-contact { gap:32px; }
  .precision-contact-panel { padding:30px; }
  .precision-about-copy { gap:30px; }
  .heritage-layout { grid-template-columns:112px minmax(0,1fr); }
  .heritage-layout .brand-mark { font-size:42px; }
  .heritage-layout .brand-name { font-size:15px; }
  .heritage-poster-title { padding:25px; gap:20px; }
  .heritage-poster-title>p { font-size:15px; max-width:160px; }
  .heritage-poster-title h1 { font-size:clamp(65px,10.5vw,130px); }
  .red-poster { width:36%; padding:29px; }
  .red-poster h2 { font-size:34px; }
  .mosaic-power { grid-template-columns:.65fr 1.35fr; }
  .mosaic-red { padding:29px; }
  .mosaic-red h3 { font-size:25px; }
  .heritage-about { grid-template-columns:1fr 1fr; gap:30px; }
  .heritage-about>figure { grid-column:1/-1; height:260px; }
  .heritage-contact { grid-template-columns:1fr; gap:28px; }
  .heritage-contact .contact-fields { padding:28px 0 0; border-left:0; border-top:1px solid #ffffff50; }
  .architecture-products { gap:40px; }
  .architecture-index>article { gap:15px; grid-template-columns:1.3fr .8fr 25px; }
  .architecture-index h3 { font-size:19px; }
  .gallery-panel-copy { left:30px; right:24px; }
  .gallery-panel-copy h1,.gallery-panel-copy h2 { font-size:51px; }
  .architecture-about>div { padding:35px; }
  .architecture-about p { font-size:15px; }
  .architecture-contact { gap:35px; }
  .architecture-contact .contact-fields { padding-left:35px; }
  html[lang=en] .heritage-poster-title h1 { font-size:8.5vw; }
  html[lang=en] .heritage-poster-title>p { font-size:13px; }
}
@media(max-width:880px) {
  :root { --gutter:24px; --rail:82px; }
  h2 { font-size:30px; }
  .site-header { height:82px; padding-inline:24px; gap:15px; }
  .brand-mark { font-size:34px; letter-spacing:-5px; }
  .brand-name { font-size:20px; }
  .brand-name small { font-size:7px; letter-spacing:.05em; }
  .header-tools { gap:18px; }
  .language { font-size:11px; }
  .menu-button { display:flex; white-space:nowrap; }
  .main-nav { display:none; }
  .site-header.menu-open .main-nav { display:flex; position:absolute; inset:100% 0 auto; flex-direction:column; gap:0; padding:12px 24px 20px; background:var(--paper); color:var(--ink); border-bottom:1px solid var(--line); box-shadow:0 15px 20px #0000000c; font-size:13px; }
  .main-nav a { padding:14px 0; }
  .review-rail { height:82px; display:block; padding:9px 16px 0; }
  .overview-link { font-size:10px; height:23px; width:max-content; }
  .review-rail nav { justify-content:flex-start; padding:9px 0; overflow:auto; scrollbar-width:none; gap:6px; }
  .review-rail nav::-webkit-scrollbar { display:none; }
  .review-rail nav a { font-size:10px; padding:5px 8px; gap:5px; }
  .button { font-size:12px; padding:13px 20px; min-height:47px; gap:20px; }
  .hero-actions { gap:12px; margin-top:28px; }
  .hero-description { font-size:13px; margin-top:22px; }
  .section-heading { align-items:start; gap:18px; margin-bottom:25px; }
  .section-heading>span { font-size:10px; max-width:150px; }
  .section-label { font-size:12px; margin-bottom:16px; }
  .text-link { font-size:12px; gap:24px; }
  .contact-fields dt { font-size:11px; margin-bottom:10px; }
  .contact-fields dd { font-size:17px; }
  .site-footer { font-size:9px; flex-wrap:wrap; gap:15px; padding:22px 24px; }
  .site-footer>span:nth-child(2) { order:3; flex-basis:100%; }
  .site-footer a { margin-left:auto; gap:10px; }
  .site-footer svg { width:16px; height:16px; }

  .industrial-hero { height:740px; min-height:0; padding:150px 24px 130px; }
  .industrial-hero h1 { font-size:clamp(44px,6.8vw,65px); line-height:1.38; }
  .industrial-hero .hero-description { font-size:12px; margin-top:25px; }
  .hero-photo img { object-position:63% center; }
  .hero-photo:after { background:linear-gradient(90deg,#06131ca0,#06131c28),linear-gradient(0deg,#07111bd9,transparent 50%); }
  .industrial-hero .hero-actions { margin-top:30px; }
  .industrial-hero-base { left:24px; right:24px; bottom:25px; font-size:10px; }
  .industrial-hero-base>a { gap:20px; }
  .industrial-hero-base>a span { font-size:23px; }
  .industrial-products { padding:48px 24px 45px; }
  .industrial-product-heading { display:block; }
  .industrial-product-heading h2 { font-size:32px; }
  .industrial-product-heading .section-label { font-size:11px; }
  .industrial-product-layout { display:block; margin-top:10px; }
  .product-stage { height:280px; }
  .stage-caption { font-size:10px; }
  .product-tabs { margin-top:22px; }
  .product-tabs button { padding:20px 0; gap:23px; }
  .product-tabs strong { font-size:20px; }
  .product-tabs small { font-size:11px; margin-top:7px; }
  .tab-thumb { width:75px; height:65px; }
  .industrial-selector>.text-link { margin-top:25px; }
  .industrial-about { grid-template-columns:1fr; }
  .industrial-about>figure { min-height:0; height:300px; }
  .industrial-about .about-copy { padding:40px 24px 48px; }
  .industrial-about h2 { font-size:31px; }
  .about-copy p { font-size:14px; }
  .industrial-contact { padding:43px 24px 42px; }
  .contact-title h2 { font-size:57px; }
  .contact-title svg { width:40px; height:40px; }
  .industrial-contact>p { font-size:11px; margin:15px 0 26px; }
  .industrial-contact .contact-fields { grid-template-columns:1fr 1fr; gap:25px; }
  .industrial-contact .contact-fields>div+div { border:0; padding-left:0; }
  .industrial-contact .contact-fields>div:last-child { grid-column:1/-1; }

  .theme-international .site-header.menu-open .main-nav { background:#123e75; color:white; border-color:#ffffff30; }
  .blueprint-hero { grid-template-columns:1fr; min-height:0; gap:0; padding:40px 24px 35px; }
  .blueprint-copy { padding:0; }
  .blueprint-copy h1 { font-size:47px; line-height:1.35; }
  .blueprint-copy .hero-description { font-size:12px; margin-top:20px; max-width:330px; }
  .blueprint-copy .hero-actions { margin-top:26px; }
  .blueprint-copy .button { font-size:12px; }
  .blueprint-art { min-height:360px; margin-top:10px; }
  .blueprint-cylinder { transform:rotate(-25deg) translate(3%,0); padding:22px; }
  .blueprint-art>.engineering-drawing { left:-8%; }
  .drawing-label { font-size:9px; }
  .label-rod { right:0; top:5%; }
  .label-barrel { left:0; bottom:10%; }
  .blueprint-bottom { left:24px; right:24px; bottom:16px; font-size:8px; }
  .blueprint-bottom>span:last-child { display:none; }
  .blueprint-product-nav { padding:0 24px; grid-template-columns:1fr; }
  .blueprint-product-nav>a { border-inline:none; border-bottom:1px solid #ffffff30; font-size:13px; padding:19px 0; }
  .blueprint-product-nav>a:first-child { border-inline:0; }
  .blueprint-product-nav>a:last-child { border-bottom:0; }
  .blueprint-product-nav svg { width:20px; height:20px; }
  .blueprint-products { padding:48px 24px; }
  .blueprint-products h2 { font-size:32px; }
  .blueprint-products .section-heading>span { max-width:140px; font-size:9px; padding-top:8px; }
  .blueprint-matrix { grid-template-columns:1fr; grid-template-rows:370px 285px 260px; gap:12px; }
  .blueprint-matrix article { padding:24px; }
  .blueprint-matrix .matrix-primary { grid-row:auto; }
  .blueprint-matrix h3 { font-size:24px; }
  .blueprint-matrix p { font-size:11px; }
  .blueprint-matrix figure { inset:60px 5px 15px 25%; }
  .blueprint-matrix .matrix-primary figure { inset:75px 12px 50px; }
  .blueprint-matrix .matrix-primary img { transform:rotate(-18deg); padding:12px; }
  .blueprint-matrix .text-link { left:24px; bottom:20px; }
  .blueprint-about { padding:270px 24px 24px; min-height:0; }
  .blueprint-about>figure img { object-position:70% 35%; }
  .blueprint-about .about-copy { width:100%; padding:30px; }
  .blueprint-about h2 { font-size:29px; }
  .blueprint-about p { font-size:13px; }
  .blueprint-contact { grid-template-columns:1fr; padding:0 24px; }
  .blueprint-contact>div,.blueprint-contact>dl { padding:28px 0; border-left:0; }
  .blueprint-contact .contact-fields { border-right:0; border-top:1px solid #ffffff30; gap:25px; }
  .drawing-title { display:flex; justify-content:space-between; align-items:center; }
  .drawing-title h2 { margin:0; font-size:13px; }
  .drawing-title .brand-name { font-size:18px; }
  .drawing-title .brand-mark { font-size:32px; }

  .theme-precision .site-header { display:flex; height:82px; gap:15px; }
  .theme-precision .brand-name { font-size:19px; }
  .theme-precision .brand-mark { font-size:30px; }
  .theme-precision .main-nav { display:none; }
  .theme-precision .site-header.menu-open .main-nav { display:flex; font-size:13px; }
  .precision-hero { padding:40px 24px 0; }
  .precision-hero h1 { font-size:37px; line-height:1.4; }
  .precision-hero h1 br { display:block; }
  .precision-hero .hero-description { font-size:11px; margin-top:20px; letter-spacing:0; }
  .sculpture { height:260px; margin:14px -6px 0; }
  .precision-hero .hero-actions { margin:0 0 35px; gap:12px; }
  .precision-hero .button { padding:12px 20px; font-size:12px; min-height:44px; }
  .precision-baseline { font-size:9px; padding:20px 0; gap:25px; text-align:left; }
  .precision-baseline>span:last-child { max-width:180px; text-align:right; }
  .precision-products { padding:45px 24px 0; }
  .precision-section-head h2 { font-size:27px; }
  .view-switch { font-size:11px; gap:17px; }
  .precision-product-layout { grid-template-columns:1fr; gap:10px; padding:15px 0 30px; }
  .precision-stage { height:230px; padding:0; }
  .precision-product-copy { border-left:0; padding:15px 0 0; }
  .precision-product-copy h3 { font-size:29px; margin-bottom:12px; }
  .precision-product-copy p { font-size:13px; }
  .precision-product-copy .product-subline { font-size:11px; }
  .precision-product-copy .text-link { margin-top:18px; }
  .precision-other { flex-wrap:wrap; font-size:12px; gap:15px 28px; padding:22px 0 30px; }
  .precision-other .text-link { margin-left:0; font-size:11px; gap:20px; }
  .precision-diptych { height:440px; grid-template-columns:1fr; grid-template-rows:1fr 1fr; gap:6px; }
  .precision-about-copy { padding:30px 24px; grid-template-columns:1fr; gap:17px; }
  .precision-about-copy h2 { font-size:23px; }
  .precision-about-copy p { font-size:13px; }
  .precision-about-copy .text-link { justify-self:start; font-size:12px; margin-top:5px; }
  .precision-contact { grid-template-columns:1fr; gap:28px; padding:35px 24px 45px; }
  .precision-contact>h2 { font-size:38px; }
  .precision-contact-panel { padding:28px; }
  .precision-contact-panel h3 { font-size:18px; margin-bottom:24px; }
  .precision-contact .contact-fields { gap:23px; }
  .precision-contact .contact-fields dd { font-size:16px; }

  .heritage-layout { display:block; }
  .heritage-layout .site-header { height:82px; min-height:0; padding:0 24px; flex-direction:row; justify-content:space-between; gap:20px; position:relative; }
  .heritage-layout .brand { flex-direction:row; gap:14px; text-align:left; }
  .heritage-layout .brand-mark { font-size:35px; }
  .heritage-layout .brand-name { font-size:19px; }
  .heritage-layout .brand-name small { font-size:7px; }
  .heritage-layout .header-tools { margin-top:0; }
  .heritage-layout .main-nav { display:none; margin-top:0; text-align:left; }
  .heritage-layout .site-header.menu-open .main-nav { display:flex; color:white; background:#181b1d; }
  .heritage-layout .main-nav a { padding:14px 0; border:0; }
  .heritage-layout .main-nav a:first-child { background:none; }
  .heritage-poster-title { padding:26px 24px; display:block; }
  .heritage-poster-title h1 { font-size:clamp(62px,12vw,102px); letter-spacing:-.08em; }
  .heritage-poster-title>p { max-width:none; font-size:13px; margin-top:20px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
  .heritage-poster-title small { font-size:8px; max-width:120px; margin:0; text-align:right; letter-spacing:.05em; }
  .heritage-hero-photo { height:420px; }
  .heritage-hero-photo img { object-position:40% center; }
  .red-poster { width:59%; padding:25px; }
  .red-poster h2 { font-size:32px; }
  .red-poster a { padding-top:15px; }
  .red-poster svg { width:29px; height:29px; }
  .heritage-products { padding:40px 24px; }
  .heritage-products h2 { font-size:34px; }
  .heritage-products .section-heading>span { max-width:100px; font-size:9px; padding-top:7px; }
  .heritage-mosaic { grid-template-columns:1fr; gap:12px; }
  .mosaic-power { display:block; min-height:0; }
  .mosaic-red { flex-direction:row; align-items:center; padding:22px; }
  .mosaic-red h3 { font-size:25px; }
  .mosaic-red .text-link { padding:0; align-self:center; font-size:10px; gap:10px; }
  .mosaic-power figure { height:250px; padding:10px; }
  .mosaic-closeup { height:230px; }
  .mosaic-cylinder { min-height:300px; padding:22px; }
  .mosaic-cylinder h3 { font-size:25px; }
  .mosaic-cylinder figure { inset:70px 15px 20px; }
  .mosaic-equipment { display:block; }
  .mosaic-equipment figure { height:240px; }
  .mosaic-equipment>div { padding:26px; }
  .mosaic-equipment h3 { font-size:26px; }
  .mosaic-equipment .text-link { margin-top:12px; }
  .heritage-about { grid-template-columns:1fr 1fr; padding:35px 24px; gap:28px; }
  .heritage-about h2 { font-size:53px; }
  .heritage-about .section-label { font-size:10px; margin-bottom:12px; }
  .heritage-about p { font-size:12px; }
  .heritage-about>figure { height:240px; }
  .heritage-contact { padding:35px 24px; gap:25px; }
  .heritage-contact h2 { font-size:38px; }
  .heritage-contact .contact-fields { grid-template-columns:1fr 1fr; gap:25px; }
  .heritage-contact .contact-fields>div:last-child { grid-column:1/-1; }
  .heritage-contact .contact-fields dd { font-size:17px; }

  .theme-natural .site-header { height:82px; }
  .theme-natural .brand-mark { font-size:35px; }
  .architecture-hero { margin:0 5px; }
  .image-gallery { flex-direction:column; height:650px; gap:5px; }
  .gallery-panel { flex:0 0 68px; }
  .gallery-panel.is-active { flex:1; }
  .gallery-panel>img { object-position:55% 45%; }
  .gallery-panel:not(.is-active) img { object-position:50% 60%; }
  .gallery-panel-toggle { top:18px; left:20px; right:20px; font-size:11px; }
  .gallery-panel-toggle i { width:28px; height:28px; font-size:20px; }
  .gallery-panel:not(.is-active) .gallery-panel-toggle { align-items:center; top:19px; }
  .gallery-panel:not(.is-active) .gallery-panel-toggle>span { writing-mode:horizontal-tb; letter-spacing:0; }
  .gallery-panel:not(.is-active):after { background:#0c192c60; }
  .gallery-panel-copy { bottom:30px; left:24px; right:24px; }
  .gallery-panel-copy h1,.gallery-panel-copy h2 { font-size:44px; line-height:1.3; }
  .gallery-panel-copy a { font-size:11px; margin-top:22px; gap:22px; }
  .gallery-controls { padding:0 15px; gap:17px; height:62px; font-size:10px; }
  .gallery-progress { flex:1; max-width:90px; }
  .gallery-equipment { display:none; }
  .gallery-controls button { width:34px; height:34px; margin-left:auto; }
  .gallery-controls button:last-child { margin-left:-11px; }
  .architecture-products { grid-template-columns:1fr; padding:40px 24px 45px; gap:28px; }
  .architecture-products>h2 { font-size:55px; line-height:1.2; padding:0; }
  .architecture-products>h2 span { font-size:29px; margin-top:8px; }
  .architecture-index>article { grid-template-columns:1.3fr .9fr 22px; gap:17px; min-height:130px; }
  .architecture-index h3 { font-size:19px; }
  .architecture-index p { font-size:10px; }
  .architecture-index figure { height:110px; }
  .architecture-index a svg { width:21px; height:21px; }
  .architecture-about { grid-template-columns:1fr; gap:0; }
  .architecture-about>figure { min-height:0; height:270px; }
  .architecture-about>div { padding:32px 24px 40px; }
  .architecture-about h2 { font-size:31px; }
  .architecture-about p { font-size:16px; margin:20px 0; }
  .architecture-contact { grid-template-columns:1fr; padding:35px 24px 40px; gap:28px; }
  .architecture-contact h2 { font-size:55px; }
  .architecture-contact p { font-size:12px; margin-top:13px; }
  .architecture-contact .contact-fields { padding:26px 0 0; border-left:0; border-top:1px solid #23272b50; gap:22px; }
  .architecture-contact .contact-fields dd { font-size:17px; }
  .architecture-contact .contact-fields>div:last-child { padding-top:21px; }

  .gallery-wrap { padding:0 24px; }
  .gallery-header { height:78px; }
  .gallery-brand { font-size:18px; gap:15px; }
  .gallery-intro { padding:40px 0 35px; }
  .gallery-intro h1 { font-size:34px; line-height:1.4; }
  .gallery-intro>p:first-child { font-size:11px; }
  .gallery-note { font-size:11px; line-height:1.9; margin-top:19px; }
  .concept-grid { grid-template-columns:1fr; gap:38px; }
  .concept-card:last-child { grid-column:auto; display:block; }
  .concept-card:last-child .concept-meta { margin-top:20px; }
  .concept-preview { aspect-ratio:1.5; }
  .preview-open { right:12px; bottom:12px; padding:10px 13px; font-size:10px; }
  .concept-meta h2 { font-size:23px; }
  .concept-mood { font-size:11px; }
  .concept-description { font-size:12px; }
  .gallery-footer { flex-direction:column; font-size:10px; gap:10px; }
  html[lang=en] .brand-name { font-size:15px; }
  html[lang=en] .brand-name small { font-size:7px; }
  html[lang=en] .industrial-hero h1 { font-size:58px; line-height:1.25; }
  html[lang=en] .blueprint-copy h1 { font-size:44px; }
  html[lang=en] .precision-hero h1 { font-size:39px; }
  html[lang=en] .precision-contact>h2 { font-size:36px; }
  html[lang=en] .heritage-poster-title h1 { font-size:clamp(48px,10vw,83px); }
  html[lang=en] .heritage-poster-title>p { font-size:12px; max-width:none; }
  html[lang=en] .heritage-poster-title small { max-width:105px; }
  html[lang=en] .red-poster h2 { font-size:27px; }
  html[lang=en] .heritage-about { grid-template-columns:1fr; }
  html[lang=en] .heritage-about h2 { font-size:58px; }
  html[lang=en] .heritage-about>figure { grid-column:auto; }
  html[lang=en] .mosaic-red { gap:18px; }
  html[lang=en] .mosaic-red h3 { font-size:23px; }
  html[lang=en] .mosaic-red .text-link { font-size:10px; min-width:97px; }
  html[lang=en] .gallery-panel-copy h1,html[lang=en] .gallery-panel-copy h2 { font-size:40px; }
  html[lang=en] .architecture-index h3 { font-size:17px; }
  html[lang=en] .architecture-contact h2 { font-size:51px; }
}
@media(max-width:370px) {
  .site-header { padding-inline:18px; gap:12px; }
  .brand { gap:11px; }
  .brand-name { font-size:18px; }
  .brand-mark { font-size:30px; }
  .header-tools { gap:13px; }
  .industrial-hero h1 { font-size:39px; }
  .industrial-hero-base>span { max-width:165px; font-size:9px; }
  .contact-title h2 { font-size:49px; }
  .blueprint-copy h1 { font-size:43px; }
  .blueprint-copy .button { gap:15px; padding:12px 17px; }
  .precision-hero h1 { font-size:32px; }
  .precision-hero .button { padding:12px 15px; }
  .precision-contact>h2 { font-size:33px; }
  .heritage-poster-title h1 { font-size:57px; }
  .red-poster { width:64%; padding:22px; }
  .heritage-about h2 { font-size:46px; }
  .gallery-panel-copy h1,.gallery-panel-copy h2 { font-size:37px; }
  .architecture-contact h2 { font-size:48px; }
  .gallery-intro h1 { font-size:30px; }
  html[lang=en] .brand-name { font-size:13px; }
  html[lang=en] .industrial-hero h1 { font-size:50px; }
  html[lang=en] .blueprint-copy h1 { font-size:38px; }
  html[lang=en] .blueprint-copy .hero-actions { gap:10px; }
  html[lang=en] .blueprint-copy .button { padding-inline:13px; }
  html[lang=en] .precision-hero h1 { font-size:34px; }
  html[lang=en] .precision-hero .button { padding-inline:13px; gap:12px; }
  html[lang=en] .gallery-panel-copy h1,html[lang=en] .gallery-panel-copy h2 { font-size:34px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after { animation:none!important; transition:none!important; }
}

/* F 借鉴大汉首页的全景影像、纵向目录和企业展示；样式独立，保留前五套方案。 */
.theme-corporate { --paper:#fff; --ink:#13243f; --accent:#15499a; --orange:#f08519; --muted:#758397; --line:#dce2e9; --gutter:clamp(24px,5.6vw,88px); }
.theme-corporate .site-header { position:absolute; inset:0 0 auto; height:100px; color:white; border-bottom:1px solid #ffffff2d; background:linear-gradient(180deg,#082d548c,#082d542b); }
.theme-corporate .brand-mark { display:flex; font-size:48px; letter-spacing:-6px; font-weight:850; }
.theme-corporate .brand-mark b,.theme-corporate .brand-mark em { font-weight:inherit; font-style:italic; }
.theme-corporate .brand-mark em { color:var(--orange); }
.theme-corporate .brand-name { font-size:25px; letter-spacing:.1em; }
.theme-corporate .brand-name small { font-size:8px; letter-spacing:.06em; }
.theme-corporate .main-nav { font-size:14px; gap:42px; height:100%; align-items:stretch; }
.theme-corporate .main-nav a { display:flex; align-items:center; position:relative; padding:0; }
.theme-corporate .main-nav .corporate-home:after { content:""; position:absolute; height:3px; width:22px; bottom:23px; left:50%; transform:translateX(-50%); background:var(--orange); }
.theme-corporate .header-tools { gap:16px; }
.corporate-current-language { font-size:12px; border-right:1px solid #ffffff60; padding-right:16px; }
.corporate-hero { position:relative; isolation:isolate; height:min(850px,calc(100svh - var(--rail))); min-height:690px; display:flex; align-items:center; color:#fff; background:#184e89; overflow:hidden; }
.corporate-hero-image { position:absolute; inset:0; z-index:-2; object-position:center; }
.corporate-hero:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#06284f50,transparent 70%),linear-gradient(0deg,#07284a70,transparent 28%); }
.corporate-hero-copy { padding:115px var(--gutter) 135px; width:100%; }
.corporate-hero h1 { font-size:clamp(48px,4.8vw,74px); line-height:1.35; font-weight:700; letter-spacing:.005em; }
.corporate-hero-copy>p { font-size:19px; margin-top:26px; letter-spacing:.09em; }
.corporate-hero-copy>p:before { content:""; display:block; width:44px; height:3px; background:var(--orange); margin-bottom:17px; }
.theme-corporate .button { border-radius:0; font-size:14px; min-height:54px; padding:15px 30px; gap:40px; }
.corporate-hero .primary { margin-top:32px; background:var(--orange); color:#13243f; font-weight:600; }
.corporate-hero-bottom { position:absolute; bottom:0; left:var(--gutter); right:0; display:flex; align-items:center; gap:60px; }
.corporate-scroll { display:flex; align-items:center; gap:30px; flex:1; font-size:12px; letter-spacing:.12em; }
.corporate-scroll:after { content:""; height:1px; background:#ffffff4d; flex:1; }
.corporate-scroll svg { transform:rotate(180deg); width:18px; }
.corporate-about-preview { display:flex; align-items:center; gap:26px; padding:16px 40px 16px 16px; background:#082d56da; }
.corporate-about-preview>img { width:145px; height:87px; }
.corporate-about-preview>span { font-size:17px; }
.corporate-about-preview small { display:block; color:#b6c7da; font-size:8px; letter-spacing:.09em; margin-top:12px; }
.corporate-about-preview>svg { margin-left:10px; }
.corporate-section-title { text-align:center; padding:72px 24px 52px; }
.corporate-section-title>span { display:block; color:#8295af; font-size:13px; letter-spacing:.2em; }
.corporate-section-title h2 { font-size:40px; font-weight:650; margin-top:10px; letter-spacing:.06em; }
.corporate-section-title:after { content:""; display:block; width:40px; height:3px; background:var(--orange); margin:21px auto 0; }
.corporate-showcase { display:grid; grid-template-columns:28% 72%; background:#eef1f4; }
.corporate-tabs { display:grid; grid-template-rows:repeat(3,1fr); background:var(--accent); color:#fff; }
.corporate-tabs button { display:grid; grid-template-columns:1fr 68px 24px; grid-template-rows:auto auto; align-content:center; align-items:center; gap:8px 20px; background:transparent; color:inherit; padding:30px 38px 30px var(--gutter); text-align:left; position:relative; border-bottom:1px solid #ffffff26; transition:background .2s; }
.corporate-tabs button:last-child { border:0; }
.corporate-tabs button:hover { background:#ffffff12; }
.corporate-tabs button[aria-selected=true] { background:var(--orange); color:#13243f; }
.corporate-tabs button:focus-visible { outline-color:var(--orange); outline-offset:-6px; }
.corporate-tab-number { font-size:12px; letter-spacing:.07em; opacity:.7; }
.corporate-tab-name { grid-column:1; font-size:20px; font-weight:600; line-height:1.5; }
.corporate-icon { width:62px; height:62px; grid-column:2; grid-row:1 / 3; }
.corporate-tabs button>svg:last-child { grid-column:3; grid-row:1 / 3; width:21px; }
.corporate-featured { min-width:0; position:relative; display:flex; flex-direction:column; background:radial-gradient(ellipse at 55% 35%,#fcfdfe,#e6ebf0); }
.corporate-product-image { height:410px; padding:35px 55px 10px; }
.corporate-product-image img { object-fit:contain; }
.corporate-product-image.detail-image { padding:0; }
.corporate-product-image.detail-image img { object-fit:cover; object-position:center 50%; }
.corporate-product-copy { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:27px 55px 33px; min-height:125px; background:#f7f9fb; }
.corporate-product-copy h3 { font-size:25px; font-weight:600; }
.corporate-product-copy p { font-size:12px; color:#64738a; margin-top:7px; }
.corporate-product-copy .text-link { font-size:13px; color:var(--accent); flex:none; border-bottom-color:#b5c5d9; gap:35px; }
.corporate-about .corporate-section-title { padding-top:82px; }
.corporate-manufacturing { position:relative; display:grid; grid-template-columns:39% 61%; min-height:530px; }
.corporate-about-copy { background:var(--accent); color:white; padding:85px 60px 85px var(--gutter); display:flex; flex-direction:column; justify-content:center; align-items:start; }
.corporate-about-copy h3 { font-size:clamp(28px,2.5vw,39px); font-weight:600; line-height:1.5; letter-spacing:0; }
.corporate-about-copy p { font-size:15px; line-height:2.1; color:#d1e0f3; margin:25px 0 33px; max-width:400px; }
.corporate-about-copy .button { border-color:#ffffff70; }
.corporate-manufacturing>figure { min-height:530px; }
.corporate-manufacturing>figure img { object-position:center; }
.corporate-seam-link { position:absolute; left:calc(39% - 30px); bottom:82px; width:60px; height:60px; display:grid; place-items:center; background:var(--orange); color:var(--ink); }
.corporate-contact { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; padding:83px var(--gutter) 77px; }
.corporate-contact-heading>span { display:block; font-size:12px; letter-spacing:.17em; color:#8295af; }
.corporate-contact h2 { font-size:48px; margin:10px 0 15px; letter-spacing:.025em; }
.corporate-contact-heading p { font-size:13px; color:var(--muted); }
.corporate-contact .contact-fields { grid-template-columns:1fr 1fr; gap:25px 38px; align-content:center; }
.corporate-contact .contact-fields>div { border-left:1px solid var(--line); padding-left:28px; }
.corporate-contact .contact-fields>div:last-child { grid-column:1 / -1; }
.corporate-contact .contact-fields dt { font-size:12px; margin-bottom:10px; opacity:1; color:var(--muted); }
.corporate-contact .contact-fields dd { font-size:18px; }
.corporate-footer-main { margin:0 var(--gutter); padding:30px 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:40px; }
.corporate-footer-main .brand-mark { color:var(--accent); font-size:39px; }
.corporate-footer-main .brand-name { font-size:20px; }
.corporate-footer-main nav { display:flex; gap:35px; font-size:12px; color:#64738a; }
.theme-corporate .site-footer { font-size:10px; padding-block:20px; background:#f7f9fb; }
html[lang=en] .theme-corporate .brand-name { font-size:21px; }
html[lang=en] .corporate-hero h1 { font-size:clamp(43px,4.5vw,68px); letter-spacing:-.025em; }
html[lang=en] .corporate-hero-copy>p { font-size:16px; letter-spacing:0; }
html[lang=en] .corporate-tab-name { font-size:17px; }
html[lang=en] .corporate-about-copy h3 { font-size:clamp(27px,2.35vw,36px); }
@media(max-width:1200px) {
 .theme-corporate .main-nav { gap:25px; font-size:13px; }
 .theme-corporate .site-header { gap:22px; }
 .theme-corporate .brand-name { font-size:22px; }
 .corporate-showcase { grid-template-columns:30% 70%; }
 .corporate-tabs button { padding-right:25px; gap:8px 12px; grid-template-columns:1fr 42px 18px; }
 .corporate-icon { width:42px; height:42px; }
 .corporate-tab-name { font-size:17px; }
 .corporate-product-image { padding:30px; height:370px; }
 .corporate-product-copy { padding:24px 30px; }
 .corporate-product-copy h3 { font-size:23px; }
 .corporate-about-copy { padding-right:40px; }
 .corporate-current-language { display:none; }
 html[lang=en] .corporate-tab-name { font-size:15px; }
 html[lang=en] .corporate-product-copy h3 { font-size:21px; }
}
@media(max-width:960px) {
 .theme-corporate .main-nav { display:none; }
 .theme-corporate .menu-button { display:flex; }
 .theme-corporate .site-header.menu-open .main-nav { display:flex; position:absolute; top:100%; left:0; right:0; height:auto; flex-direction:column; padding:16px var(--gutter); gap:0; background:#123e75; color:#fff; }
 .theme-corporate .main-nav a { padding:16px 0; }
 .theme-corporate .main-nav .corporate-home:after { display:none; }
 .corporate-product-copy { align-items:start; gap:20px; }
 .corporate-product-copy .text-link { gap:14px; }
 .corporate-hero { min-height:700px; }
 .corporate-hero-image { object-position:58% center; }
 .corporate-hero:after { background:linear-gradient(90deg,#082c5a75,transparent),linear-gradient(0deg,#07284a70,transparent 30%); }
 .corporate-about-preview { padding-right:25px; gap:18px; }
 .corporate-about-preview>img { width:110px; height:75px; }
 .corporate-about-preview>span { font-size:15px; }
 .corporate-manufacturing { grid-template-columns:44% 56%; }
 .corporate-about-copy { padding:55px 40px 55px var(--gutter); }
 .corporate-about-copy h3 { font-size:29px; }
 .corporate-seam-link { left:calc(44% - 25px); width:50px; height:50px; }
 .corporate-contact { gap:35px; }
 .corporate-contact h2 { font-size:39px; }
}
@media(max-width:760px) {
 .theme-corporate .site-header { height:82px; padding-inline:24px; }
 .theme-corporate .brand-mark { font-size:37px; letter-spacing:-5px; }
 .theme-corporate .brand-name { font-size:20px; }
 .theme-corporate .brand-name small { font-size:6px; }
 .theme-corporate .header-tools { gap:18px; }
 .corporate-hero { min-height:730px; height:calc(100svh - var(--rail)); max-height:890px; align-items:start; }
 .corporate-hero-image { object-position:67% center; }
 .corporate-hero:after { background:linear-gradient(180deg,#07336470,#07336440 55%,#062d5890); }
 .corporate-hero-copy { padding:150px 24px 120px; }
 .corporate-hero h1 { font-size:clamp(34px,7.8vw,53px); letter-spacing:-.025em; line-height:1.5; }
 .corporate-hero-copy>p { font-size:13px; margin-top:21px; letter-spacing:.035em; }
 .corporate-hero-copy>p:before { margin-bottom:14px; width:32px; }
 .theme-corporate .button { font-size:13px; min-height:50px; padding:13px 24px; gap:32px; }
 .corporate-hero .primary { margin-top:25px; }
 .corporate-hero-bottom { left:24px; right:24px; bottom:22px; }
 .corporate-scroll { display:none; }
 .corporate-about-preview { width:100%; padding:10px 17px 10px 10px; background:#0a2d55df; gap:20px; }
 .corporate-about-preview>img { width:91px; height:64px; }
 .corporate-about-preview>span { flex:1; font-size:14px; }
 .corporate-about-preview small { font-size:7px; margin-top:9px; }
 .corporate-about-preview>svg { width:20px; margin-left:0; }
 .corporate-section-title,.corporate-about .corporate-section-title { padding:48px 24px 35px; }
 .corporate-section-title>span { font-size:10px; }
 .corporate-section-title h2 { font-size:30px; margin-top:8px; }
 .corporate-section-title:after { margin-top:16px; width:32px; }
 .corporate-showcase { display:flex; flex-direction:column; }
 .corporate-tabs { display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:auto; }
 .corporate-tabs button { display:flex; flex-direction:column; align-items:start; padding:19px 16px; gap:9px; border-bottom:0; border-right:1px solid #ffffff26; }
 .corporate-tab-number { font-size:10px; }
 .corporate-tab-name { font-size:13px; }
 .corporate-tabs svg { display:none; }
 .corporate-product-image { height:270px; padding:22px; }
 .corporate-product-copy { padding:24px; min-height:126px; gap:14px; }
 .corporate-product-copy h3 { font-size:22px; }
 .corporate-product-copy p { font-size:11px; margin-top:8px; max-width:225px; }
 .corporate-product-copy .text-link { font-size:11px; gap:9px; white-space:nowrap; margin-top:1px; }
 .corporate-product-copy .text-link svg { width:16px; }
 .corporate-manufacturing { display:flex; flex-direction:column; min-height:0; }
 .corporate-about-copy { padding:42px 24px 44px; }
 .corporate-about-copy h3 { font-size:28px; }
 .corporate-about-copy p { font-size:14px; margin:20px 0 25px; max-width:500px; }
 .corporate-manufacturing>figure { min-height:0; height:300px; }
 .corporate-seam-link { display:none; }
 .corporate-contact { grid-template-columns:1fr; padding:46px 24px 38px; gap:30px; }
 .corporate-contact h2 { font-size:36px; }
 .corporate-contact-heading>span { font-size:10px; }
 .corporate-contact-heading p { font-size:12px; }
 .corporate-contact .contact-fields { gap:26px 24px; }
 .corporate-contact .contact-fields>div { padding-left:16px; }
 .corporate-contact .contact-fields dd { font-size:16px; }
 .corporate-footer-main { margin-inline:24px; padding:28px 0; flex-direction:column; align-items:start; gap:25px; }
 .corporate-footer-main nav { font-size:11px; gap:24px; flex-wrap:wrap; }
 .theme-corporate .site-footer { font-size:9px; }
 html[lang=en] .theme-corporate .brand-name { font-size:16px; }
 html[lang=en] .corporate-hero h1 { font-size:clamp(33px,7.5vw,50px); line-height:1.35; }
 html[lang=en] .corporate-hero-copy>p { font-size:13px; max-width:300px; }
 html[lang=en] .corporate-tab-name { font-size:12px; }
 html[lang=en] .corporate-product-copy { flex-direction:column; gap:10px; }
 html[lang=en] .corporate-product-copy h3 { font-size:23px; }
 html[lang=en] .corporate-product-copy p { max-width:none; }
 html[lang=en] .corporate-about-copy h3 { font-size:29px; max-width:430px; }
}
@media(max-width:360px) {
 .theme-corporate .site-header { padding-inline:18px; gap:12px; }
 .theme-corporate .brand { gap:11px; }
 .theme-corporate .brand-mark { font-size:31px; }
 .theme-corporate .brand-name { font-size:18px; }
 .theme-corporate .header-tools { gap:12px; }
 .corporate-hero-copy { padding-inline:18px; }
 .corporate-hero h1 { font-size:30px; }
 .corporate-product-copy { flex-direction:column; }
 .corporate-tab-name { font-size:12px; }
 .corporate-tabs button { padding-inline:12px; }
 .corporate-about-copy h3 { font-size:25px; }
 html[lang=en] .theme-corporate .brand-name { font-size:14px; }
 html[lang=en] .corporate-hero h1 { font-size:30px; }
}