/* ETTAMO v3 — 2026-10-01
   主色 EasyShed 绿；红、黄取自 logo 作点缀。所有绿色都走变量，具体色号见 palettes.py（build 时追加覆盖）。 */

:root{
  /* 主色：EasyShed 品牌绿 #208c76（取自其官网）；红、黄取自 ETTAMO logo，只作点缀 */
  --ink:#0f3b31; --ink-2:#14483c; --ink-3:#1b5547;
  --paper:#fbfcfb; --paper-2:#eff4f3; --paper-3:#e1eae7;
  --rule:#d3dedb; --rule-dark:var(--rule-dark);
  --muted:#5c6b67; --muted-dark:#a9c4bd;
  --accent:#208c76; --accent-hover:#187262; --accent-text:#187262; --accent-bright:#f0cf45; --accent-soft:#d6ece6;
  --accent-rgb:32,140,118; --ov:9,40,33; --ink-deep:#0c2f27; --text:#0f3b31;
  --red:#d3252f; --yellow:#e9cc44; --logo-green:#40ad51;
  --ok:#2f6b3f; --warn:#8a6100; --bad:#9c2b2b;
  --maxw:1220px; --gut:clamp(20px,5vw,64px);
  --display:"Archivo","Helvetica Neue",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  --body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  --r:4px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}
p{margin:0 0 1.1em}p:last-child{margin-bottom:0}
ul,ol{margin:0;padding-left:1.2em}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:99;background:var(--ink);color:#fff;padding:10px 16px}
.eyebrow{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:14px}
.dark .eyebrow{color:var(--accent-bright)}
.lede{font-size:19px;line-height:1.6;color:var(--muted);max-width:60ch}
.dark .lede{color:#dbe5e2}
h2.t{font-size:clamp(28px,3.6vw,44px);max-width:22ch;margin-bottom:18px}
h3{font-size:22px;margin-bottom:10px}
.muted{color:var(--muted)}
.dark{background:var(--ink);color:#fff}
.dark .muted{color:var(--muted-dark)}
.paper2{background:var(--paper-2)}
section{padding-block:clamp(56px,8vw,112px)}
section.tight{padding-block:clamp(36px,5vw,64px)}
.btn{display:inline-flex;align-items:center;gap:.6em;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:var(--r);border:0;font-size:16px;cursor:pointer;font-family:var(--body)}
.btn:hover{background:var(--accent-hover)}
.btn.ghost{background:transparent;border:1.5px solid currentColor;color:inherit}
.btn.ghost:hover{background:rgba(255,255,255,.08)}
.btn.light{background:#fff;color:var(--ink)}.btn.light:hover{background:var(--paper-2)}
.link{color:var(--accent);font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent-soft)}
.link:hover{border-bottom-color:var(--accent)}
.dark .link{color:var(--accent-bright);border-bottom-color:var(--rule-dark)}

/* ── 页头：白色刊头（大 logo + 询盘入口）+ 品牌绿导航条 ──
   结构：header.top > .mast（白色刊头，随页面滚走） + .navbar（绿色导航条，吸顶）。
   吸顶：.top 用负的 sticky top 把刊头“推”出视口，所以 --mast-h 必须等于刊头实际高度；
        改 logo 大小只动下面几个变量（各断点各一组），不要在别处写死高度。
   滚动态：导航条吸顶时 site.js 给 <html> 加 .hdr-compact（绿条左端露出小 logo，右端露出询盘按钮）；
        网址带 hdr=compact 时再加 .hdr-locked（直接收起刊头，供截图预览滚动后的样子）。 */
:root{
  --mast-h:184px; --logo-h:150px; --nav-h:62px; --chip-h:40px; --stripe-h:6px;
  --stripe:linear-gradient(90deg,var(--red) 0 33.33%,var(--yellow) 33.33% 66.66%,var(--accent) 66.66% 100%);
}
html{scroll-padding-top:calc(var(--nav-h) + 16px)}
[hidden]{display:none!important}
header.top{position:sticky;top:calc(-1*var(--mast-h));z-index:50}
.hdr-locked header.top{top:0}
.hdr-locked .mast{display:none}

/* 刊头 */
.mast{height:var(--mast-h);padding-top:var(--stripe-h);background:var(--stripe) top/100% var(--stripe-h) no-repeat,#fff;color:var(--text)}
.mast .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{flex:0 0 auto;line-height:0}
.brand img{height:var(--logo-h);width:auto}
.mast-side{display:grid;justify-items:end;gap:16px}
.mast-util{display:flex;align-items:center;gap:16px;font-size:13.5px;color:var(--muted)}
.mast-base{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.mast-pin{width:15px;height:15px;color:var(--accent);stroke-width:3.4}
.langs{display:flex;gap:6px;font-size:13px}
.langs a{text-decoration:none;color:var(--muted);padding:3px 10px;border:1px solid var(--rule);border-radius:3px;line-height:1.5}
.langs a:hover{color:var(--accent-text);border-color:var(--accent)}
.langs a[aria-current]{color:#fff;background:var(--accent);border-color:var(--accent)}
.mast-act{display:flex;align-items:center;gap:28px}
.mast-mail{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}
.mast-ico{flex:0 0 auto;width:48px;height:48px;padding:11px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);stroke-width:2.6}
.mast-mail small{display:block;font-size:12.5px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.mast-mail b{display:block;font-family:var(--display);font-size:21px;line-height:1.25;letter-spacing:-.01em}
.mast-mail:hover b{color:var(--accent-text)}
.mast-btn{font-size:17px;padding:16px 26px;white-space:nowrap}

/* 绿色导航条 */
.navbar{background:var(--accent);color:#fff;box-shadow:0 1px 0 rgba(var(--ov),.3)}
.hdr-compact .navbar{box-shadow:0 6px 18px rgba(var(--ov),.3)}
.navbar .wrap{display:flex;align-items:center;height:var(--nav-h)}
.top nav{display:flex;align-self:stretch}
.top nav a{position:relative;display:flex;align-items:center;padding:0 24px;color:#fff;font-weight:700;font-size:17px;text-decoration:none;white-space:nowrap;border-right:1px solid rgba(255,255,255,.2);transition:padding .25s ease,background .15s ease}
.top nav a:first-child{border-left:1px solid rgba(255,255,255,.2)}
.top nav a:hover{background:var(--accent-hover)}
.top nav a[aria-current]{background:var(--ink)}
.top nav a[aria-current]::after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--yellow)}
.hdr-compact .top nav a{padding-inline:14px}
/* 小 logo 与询盘按钮：平时收起，滚动态才出现 */
.chip{flex:0 0 auto;width:0;overflow:hidden;opacity:0;visibility:hidden;background:#fff;border-radius:5px;line-height:0;transition:width .25s ease,margin .25s ease,opacity .2s ease,visibility 0s .25s}
.chip img{height:var(--chip-h);width:auto;max-width:none;margin:5px 9px}
.hdr-compact .chip{width:calc(var(--chip-h)*381/149 + 18px);margin-right:16px;opacity:1;visibility:visible;transition-delay:0s}
.nav-cta{flex:0 0 auto;margin-left:auto;background:var(--yellow);color:var(--ink);font-weight:800;font-size:15px;line-height:1.4;padding:9px 16px;border-radius:var(--r);text-decoration:none;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}
.nav-cta:hover{background:#fff}
.hdr-compact .nav-cta{opacity:1;visibility:visible;transition-delay:0s}
.hdr-locked .chip,.hdr-locked .nav-cta,.hdr-locked .top nav a{transition:none}
.navtoggle{display:none;align-items:center;gap:11px;height:100%;padding:0 16px 0 0;background:none;border:0;color:#fff;font:700 16.5px/1 var(--body);cursor:pointer}
.navtoggle i,.navtoggle i::before,.navtoggle i::after{display:block;width:22px;height:2px;background:currentColor;transition:transform .2s ease,background .2s ease}
.navtoggle i{position:relative}
.navtoggle i::before,.navtoggle i::after{content:"";position:absolute;left:0;top:-7px}
.navtoggle i::after{top:7px}
.navtoggle[aria-expanded="true"] i{background:transparent}
.navtoggle[aria-expanded="true"] i::before{transform:translateY(7px) rotate(45deg)}
.navtoggle[aria-expanded="true"] i::after{transform:translateY(-7px) rotate(-45deg)}
.navbar a:focus-visible,.navtoggle:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){.chip,.nav-cta,.top nav a,.navtoggle i,.navtoggle i::before,.navtoggle i::after{transition:none}}

/* 窄一档的桌面：整体收一号，英文导航仍排一行 */
@media(max-width:1239px){
  :root{--mast-h:160px;--logo-h:128px}
  .mast-act{gap:22px}
  .top nav a,.hdr-compact .top nav a{padding-inline:15px;font-size:15.5px}
  .nav-cta{display:none}
}
/* 平板与手机：导航收进汉堡菜单，询盘按钮移到绿条右端常驻 */
@media(max-width:1000px){
  :root{--mast-h:118px;--logo-h:90px;--nav-h:56px;--chip-h:36px}
  .mast-base,.mast-btn{display:none}
  .mast-side{gap:12px}
  .mast-ico{width:40px;height:40px;padding:9px}
  .mast-mail b{font-size:18px}
  .navtoggle{display:inline-flex}
  .nav-cta{display:block;opacity:1;visibility:visible;font-size:14.5px}
  .top nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--ink);max-height:calc(100vh - var(--mast-h) - var(--nav-h));max-height:calc(100dvh - var(--mast-h) - var(--nav-h));overscroll-behavior:contain;overflow-y:auto;box-shadow:0 14px 28px rgba(var(--ov),.35)}
  .hdr-compact .top nav{max-height:calc(100vh - var(--nav-h));max-height:calc(100dvh - var(--nav-h))}
  .top nav.open{display:flex}
  .top nav a,.top nav a:first-child,.hdr-compact .top nav a{padding:15px var(--gut);font-size:17px;border:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .top nav a[aria-current]{background:var(--accent-hover)}
  .top nav a[aria-current]::after{inset:0 auto 0 0;width:4px;height:auto}
}
@media(max-width:640px){
  .mast-act{display:none}
}
@media(max-width:420px){
  :root{--mast-h:100px;--logo-h:74px}
  .hdr-compact .navtoggle span{display:none}
  .hdr-compact .chip{margin-right:12px}
}
@media(max-width:350px){
  .hdr-compact .nav-cta{display:none}
}

/* ── 满幅图片页头 ── */
.hero{position:relative;color:#fff;background:var(--ink);overflow:hidden;min-height:min(calc(100vh - var(--mast-h) - var(--nav-h)),720px);display:flex;align-items:flex-end}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--ov),.9) 0%,rgba(var(--ov),.72) 38%,rgba(var(--ov),.18) 72%,rgba(var(--ov),0) 100%),linear-gradient(0deg,rgba(var(--ov),.55) 0%,rgba(var(--ov),0) 45%)}
.hero .wrap{position:relative;z-index:1;padding-block:clamp(40px,5.5vw,76px);width:100%}
.hero h1{font-size:clamp(32px,4.6vw,60px);max-width:18ch;margin:10px 0 18px}
.hero .lede{color:#dfe3e7;max-width:64ch;font-size:18px}
.hero ul{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:8px;max-width:64ch}
.hero ul li{position:relative;padding-left:20px;color:#e3e6e9;font-size:15.5px}
.hero ul li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:var(--accent-bright)}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap}
.hero .cap{position:absolute;right:var(--gut);bottom:14px;font-size:12px;color:#a9b0b7;z-index:1;letter-spacing:.02em}
.hero.short{min-height:min(52vh,460px)}
.hero.short h1{font-size:clamp(30px,4vw,52px)}

/* ── 数字条 ── */
.stats{background:var(--ink-2);color:#fff;border-top:1px solid var(--rule-dark)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat{padding:28px 24px 28px 0;border-right:1px solid var(--rule-dark);margin-right:24px}
.stat:last-child{border-right:0;margin-right:0}
.stat b{display:block;font-family:var(--display);font-size:46px;line-height:1;letter-spacing:-.03em;color:#fff}
.stat b small{font-size:22px;color:var(--accent-bright);margin-left:2px}
.stat span{display:block;font-size:14.5px;color:#cdd3d9;margin-top:8px;font-weight:600}
.stat em{display:block;font-style:normal;font-size:13px;color:#8d959d;margin-top:2px}
@media(max-width:900px){.stats .wrap{grid-template-columns:1fr 1fr}.stat{border-right:0;border-bottom:1px solid var(--rule-dark);margin-right:0}.stat:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:520px){.stats .wrap{grid-template-columns:1fr}.stat:nth-last-child(2){border-bottom:1px solid var(--rule-dark)}}

/* ── 图文分栏 ── */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.split.rev>.media{order:2}
.split .media img{width:100%;border-radius:var(--r)}
.split .media figcaption{font-size:12.5px;color:var(--muted);margin-top:8px}
.dark .split .media figcaption{color:var(--muted-dark)}
.split .text h2{margin-bottom:18px}
.split .text p{font-size:17px}
@media(max-width:860px){.split{grid-template-columns:1fr}.split.rev>.media{order:0}}
.media-stack{display:grid;gap:12px}
.media-stack .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.media-stack img{border-radius:var(--r)}
.slogan{font-family:var(--display);font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.01em;margin:0 0 14px}
.sub-slogan{font-size:14px;letter-spacing:.14em;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:20px}
.dark .sub-slogan{color:var(--accent-bright)}
.quote{border-left:3px solid var(--accent);padding-left:18px;color:var(--muted);font-size:16.5px}

/* ── 品类网格 ── */
.catgrid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:16px;margin-top:36px}
.cat{position:relative;display:block;text-decoration:none;color:#fff;border-radius:var(--r);overflow:hidden;background:var(--ink);min-height:260px;grid-column:span 2}
.cat:nth-child(1),.cat:nth-child(2){grid-column:span 3;min-height:340px}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cat:hover img{transform:scale(1.04)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--ov),.88) 0%,rgba(var(--ov),.22) 50%,rgba(var(--ov),0) 100%)}
.cat .in{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;z-index:1}
.cat .n{font-size:12px;letter-spacing:.16em;color:var(--accent-bright);font-weight:700}
.cat h3{font-size:22px;margin:6px 0 6px;color:#fff}
.cat p{font-size:14px;color:#cfd5da;margin:0;max-width:46ch}
.cat .cnt{display:inline-block;margin-top:10px;font-size:12.5px;color:#fff;border:1px solid rgba(255,255,255,.35);padding:3px 9px;border-radius:99px}
@media(max-width:900px){.catgrid{grid-template-columns:1fr 1fr}.cat,.cat:nth-child(1),.cat:nth-child(2){grid-column:span 1;min-height:240px}}
@media(max-width:560px){.catgrid{grid-template-columns:1fr}}

/* ── 照片带 ── */
.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
.strip img{border-radius:var(--r)}
.strip figure{margin:0}
.strip img{aspect-ratio:1/1;object-fit:cover;width:100%;border-radius:var(--r)}
.strip .k{font-family:var(--display);font-size:13px;letter-spacing:.12em;color:var(--accent);margin:14px 0 4px}
.dark .strip .k{color:var(--accent-bright)}
.strip h3{font-size:17px;margin-bottom:6px}
.strip p{font-size:14px;color:var(--muted);margin:0}
.dark .strip p{color:#b9c0c6}
@media(max-width:1000px){.strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.strip{grid-template-columns:1fr 1fr}}

/* ── 画廊 ── */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(170px,21vw,300px);grid-auto-flow:dense;gap:14px;margin-top:32px}
.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:var(--r);background:var(--paper-3)}
.gallery figure:nth-child(4n+1){grid-column:span 2;grid-row:span 2}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:12.5px;color:#fff;background:linear-gradient(0deg,rgba(var(--ov),.8),rgba(var(--ov),0))}
@media(max-width:800px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(150px,30vw,240px)}}
@media(max-width:480px){.gallery{grid-template-columns:1fr;grid-auto-rows:220px}.gallery figure:nth-child(4n+1){grid-column:span 1;grid-row:span 1}}

/* ── 产品目录 ── */
.prod{display:grid;grid-template-columns:300px 1fr 1.1fr;gap:26px;padding:30px 0;border-top:1px solid var(--rule);align-items:start}
.prod-media img,.prod-media .prod-illus{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);display:block;background:var(--paper-3)}
.prod-media .ico{width:64px;height:64px;color:var(--accent);margin:20px}
.prod-illus{color:var(--ink)}
.prod:last-child{border-bottom:1px solid var(--rule)}
.prod .ico{width:52px;height:52px;color:var(--accent)}
.prod h3{font-size:21px;margin-bottom:8px}
.prod p{font-size:15.5px;color:#3d4247}
.spec{width:100%;border-collapse:collapse;font-size:14px}
.spec th,.spec td{text-align:left;padding:7px 10px 7px 0;vertical-align:top;border-bottom:1px solid var(--rule)}
.spec th{width:38%;color:var(--muted);font-weight:600}
.spec caption{text-align:left;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;padding-bottom:8px}
.spec-note{font-size:13px;color:var(--muted);margin-top:22px;max-width:70ch}
@media(max-width:1000px){.prod{grid-template-columns:220px 1fr}.prod .spec-wrap{grid-column:2}}
@media(max-width:600px){.prod{grid-template-columns:1fr}.prod .spec-wrap{grid-column:1}}

/* ── 业务范围 ── */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 28px;margin-top:36px}
.svc{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;border-top:1px solid var(--rule-dark);padding-top:18px}
.svc .ico{width:38px;height:38px;color:var(--accent-bright)}
.svc h3{font-size:17px;margin:4px 0 8px}
.svc p{font-size:14px;color:#b9c0c6;margin:0}
@media(max-width:1000px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.svc-grid{grid-template-columns:1fr}}

/* ── 通用表格 ── */
.tbl{width:100%;border-collapse:collapse;font-size:15px;margin-top:22px}
.tbl th,.tbl td{text-align:left;padding:12px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
.tbl thead th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink)}
.dark .tbl th,.dark .tbl td{border-color:var(--rule-dark)}
.dark .tbl thead th{color:var(--muted-dark);border-bottom-color:var(--muted-dark)}
.tbl td.hi{color:var(--accent);font-weight:700}
.tbl td.ok{color:var(--ok)}.tbl td.bad{color:var(--bad)}.tbl td.warn{color:var(--warn)}
.tbl-wrap{overflow-x:auto}
.tbl.small{font-size:13.5px}.tbl.small th,.tbl.small td{padding:9px 10px}

/* ── 两栏文字 / 卡片 ── */
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:36px}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:36px}
.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px);margin-top:36px}
@media(max-width:900px){.cols3,.cols4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cols2,.cols3,.cols4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.dark .card{background:var(--ink-2);border-color:var(--rule-dark)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card .in{padding:20px 22px 24px}
.card h3{font-size:19px;margin-bottom:8px}
.card p{font-size:15px;color:var(--muted);margin:0}
.dark .card p{color:#b9c0c6}
.point .ico{width:40px;height:40px;color:var(--accent);margin-bottom:12px}
.dark .point .ico{color:var(--accent-bright)}
.point h3{font-size:19px}
.point p{font-size:15px;color:var(--muted)}
.dark .point p{color:#b9c0c6}
.num{font-family:var(--display);font-size:13px;letter-spacing:.14em;color:var(--accent);font-weight:700}
.dark .num{color:var(--accent-bright)}

/* ── 团队 / 顾问 ── */
.team-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule-dark);margin-top:36px}
.team-cols>div{padding:26px 24px 26px 0;border-right:1px solid var(--rule-dark);margin-right:24px}
.team-cols>div:last-child{border:0;margin:0}
.team-cols h3{font-size:18px}
.team-cols p{font-size:14.5px;color:#b9c0c6;margin:0}
.advisors{margin-top:40px;padding:32px 36px;border:1px solid var(--rule-dark);background:linear-gradient(135deg,var(--ink-2),var(--ink-deep));border-radius:var(--r);display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.advisors .big{font-family:var(--display);font-size:clamp(48px,7vw,84px);line-height:1;color:var(--accent-bright);letter-spacing:-.04em}
.advisors .lab{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-bright);font-weight:700;margin-bottom:8px}
.advisors p{font-size:17px;margin:0;color:#e3e6e9}
@media(max-width:800px){.team-cols{grid-template-columns:1fr}.team-cols>div{border-right:0;border-bottom:1px solid var(--rule-dark);margin:0}.advisors{grid-template-columns:1fr}}

/* ── 图示 ── */
.routemap{width:100%;height:auto;color:var(--ink)}
.dark .routemap{color:#fff}
.kitsvg{width:100%;height:auto;color:var(--ink)}
.kit-legend{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;counter-reset:k}
.kit-legend li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:14.5px;align-items:start}
.kit-legend li b{display:block}
.kit-legend li span{color:var(--muted);font-size:13.5px}
.kit-legend li::before{counter-increment:k;content:counter(k);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;font-family:var(--display)}
.dark .kit-legend li::before{background:var(--accent-bright);color:var(--ink)}
.dark .kit-legend li span{color:#b9c0c6}
.dark .kitsvg{color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.chips span{font-size:13px;border:1px solid var(--rule-dark);padding:4px 10px;border-radius:99px;color:#dfe3e7}

/* ── 流程（步骤块） ── */
.step{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);padding:40px 0;border-top:1px solid var(--rule);align-items:start}
.step:nth-child(even) .media{order:2}
.step .media img{border-radius:var(--r)}
.step .media figcaption{font-size:12.5px;color:var(--muted);margin-top:8px}
.step h3{font-size:26px;margin:6px 0 16px}
.step dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:15px}
.step dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;padding-top:3px;white-space:nowrap}
.step dd{margin:0;color:#3d4247}
@media(max-width:820px){.step{grid-template-columns:1fr}.step:nth-child(even) .media{order:0}}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:36px;counter-reset:f}
.flow>div{position:relative;padding:22px 22px 22px 0;border-top:3px solid var(--rule-dark)}
.flow>div::before{counter-increment:f;content:"0" counter(f);font-family:var(--display);font-size:13px;letter-spacing:.14em;color:var(--accent-bright);font-weight:700;display:block;margin-bottom:8px}
.flow h3{font-size:17px}
.flow p{font-size:14px;color:#b9c0c6;margin:0}
@media(max-width:900px){.flow{grid-template-columns:1fr 1fr}}@media(max-width:560px){.flow{grid-template-columns:1fr}}
.qc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px}
.qc>div{border-top:2px solid var(--ink);padding-top:14px}
.qc h3{font-size:17px}
.qc ul{list-style:none;padding:0;margin:0}
.qc li{font-size:14.5px;padding:6px 0;border-bottom:1px solid var(--rule);position:relative;padding-left:18px}
.qc li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
@media(max-width:900px){.qc{grid-template-columns:1fr 1fr}}@media(max-width:520px){.qc{grid-template-columns:1fr}}

/* ── 关于页 ── */
.about-sec{display:grid;grid-template-columns:260px 1fr;gap:clamp(20px,4vw,56px);padding:34px 0;border-top:1px solid var(--rule)}
.about-sec h3{font-size:22px}
.about-sec p{font-size:16.5px;color:#2f3439}
@media(max-width:760px){.about-sec{grid-template-columns:1fr}}
.infobox{border-top:3px solid var(--ink);padding-top:16px}
.infobox dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14.5px}
.infobox dt{color:var(--muted)}.infobox dd{margin:0}
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.people>div{border-top:2px solid var(--ink);padding-top:12px}
.people b{display:block;font-family:var(--display);font-size:18px}
.people span{display:block;font-size:14px;color:var(--muted)}
.people a{font-size:14px;color:var(--accent);text-decoration:none}
@media(max-width:640px){.people{grid-template-columns:1fr}}
.cost{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}
.cost>div{display:grid;grid-template-columns:200px 1fr 130px;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--rule)}
.cost b{font-family:var(--display);font-size:18px}
.cost p{font-size:15px;color:var(--muted);margin:0}
.cost .tag{justify-self:end;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent);border:1px solid var(--accent);padding:5px 10px;border-radius:99px}
@media(max-width:700px){.cost>div{grid-template-columns:1fr}.cost .tag{justify-self:start}}

/* ── CTA ── */
.cta{position:relative;color:#fff;background:var(--ink);overflow:hidden}
.cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--accent-rgb),.9),rgba(var(--ov),.7))}
.cta .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding-block:clamp(56px,8vw,96px)}
.cta h2{font-size:clamp(26px,3.4vw,40px);max-width:22ch}
.cta p{color:#e2f2ee;max-width:52ch;margin-top:10px}
@media(max-width:760px){.cta .wrap{grid-template-columns:1fr}}

/* ── FAQ / 表单 ── */
.faq details{border-top:1px solid var(--rule);padding:16px 0}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;font-weight:700;font-family:var(--display);font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:10px;color:#3d4247;font-size:15.5px;max-width:70ch}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-top:24px}
.form label{display:grid;gap:6px;font-size:13.5px;color:var(--muted);font-weight:600}
.form input,.form select,.form textarea{font:inherit;font-size:15px;padding:11px 12px;border:1px solid var(--rule);border-radius:var(--r);background:#fff;color:var(--ink);width:100%}
.form textarea{min-height:120px;resize:vertical}
.form .full{grid-column:1/-1}
.form fieldset{border:1px solid var(--rule);border-radius:var(--r);padding:12px 14px;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 18px}
.form fieldset legend{font-size:13.5px;color:var(--muted);font-weight:600;padding:0 6px}
.form fieldset label{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:500;font-size:14.5px}
.form fieldset input{width:auto}
.form .note{grid-column:1/-1;font-size:13px;color:var(--muted)}
@media(max-width:640px){.form{grid-template-columns:1fr}}

/* ── 页脚 ── */
footer{background:var(--ink);color:#cdd3d9;font-size:14px;padding:56px 0 28px}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
footer h4{color:#fff;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:6px 0}
footer a{color:#cdd3d9;text-decoration:none}footer a:hover{color:#fff}
footer .bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rule-dark);margin-top:40px;padding-top:18px;font-size:12.5px;color:#8d959d}
@media(max-width:820px){footer .cols{grid-template-columns:1fr 1fr}}@media(max-width:480px){footer .cols{grid-template-columns:1fr}}
.photo-note{font-size:12.5px;color:#8d959d;max-width:70ch;margin-top:12px}

/* ── 杂项 ── */
.mt0{margin-top:0}.mt2{margin-top:20px}.mt3{margin-top:36px}
.grid-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid-photos img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%}
.market-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.market-cards>div{border-top:2px solid var(--accent-bright);padding-top:12px}
.market-cards b{font-family:var(--display);font-size:18px;display:block;margin-bottom:6px}
.market-cards p{font-size:14px;color:#b9c0c6;margin:0}
@media(max-width:900px){.market-cards{grid-template-columns:1fr 1fr}}
.credits li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:14.5px}
.two-ways{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.two-ways>div{background:#fff;border:1px solid var(--rule);padding:24px 26px;border-radius:var(--r)}
.two-ways h3{font-size:20px}
.two-ways p{margin:0;color:var(--muted);font-size:15.5px}
@media(max-width:640px){.two-ways{grid-template-columns:1fr}}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#fff;border-radius:99px;padding:10px 16px;font-weight:700;text-decoration:none;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.25)}

/* ── 品牌层（2026-09-30）：小字用深一档的绿保证对比度；红色短线与三色条作点缀 ── */
.eyebrow,.link,.spec caption,.step dt,.people a,.num,.strip .k,.sub-slogan,.cost .tag,.tbl td.hi{color:var(--accent-text)}
.hero .eyebrow,.cta .eyebrow{color:var(--accent-bright)}
.eyebrow::before{content:"";display:inline-block;width:22px;height:3px;background:var(--red);margin-right:10px;vertical-align:middle;position:relative;top:-1px}
.brand-chip{display:inline-block;background:#fff;border-radius:6px;padding:6px 10px;line-height:0}
.brand-chip img{height:78px;width:auto}
footer{position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--red) 0 33.33%,var(--yellow) 33.33% 66.66%,var(--accent) 66.66% 100%)}

/* ═════════════ v3 组件（2026-10-01） ═════════════ */
h1,h2,h3,h4{color:inherit}
.lede.strong{color:var(--text);font-weight:600}
h2.t.wide{max-width:26ch}
h1.plain{font-size:36px}
.split.align-top{align-items:start}
.fine{font-size:13px;color:#a9b5b2}
footer .bottom a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* 首页首屏：生活场景照片，遮罩更轻，文字区加一点阴影保证可读 */
.hero.home::after{background:linear-gradient(90deg,rgba(10,26,22,.82) 0%,rgba(10,26,22,.66) 32%,rgba(10,26,22,.1) 62%,rgba(10,26,22,0) 100%),linear-gradient(0deg,rgba(10,26,22,.35) 0%,rgba(10,26,22,0) 35%)}
.hero.home h1{max-width:16ch;text-shadow:0 2px 18px rgba(var(--ov),.45)}
.hero.home .lede,.hero.home ul{max-width:54ch}

/* 八大服务：图卡 */
.svc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.svc-card{background:var(--ink-2);border:1px solid var(--rule-dark);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.svc-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.svc-card .in{padding:18px 20px 22px}
.svc-card h3{font-size:18.5px;margin:6px 0 8px;color:#fff}
.svc-card p{font-size:14.5px;line-height:1.6;color:#d3dedb;margin:0}
@media(max-width:1100px){.svc-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.svc-cards{grid-template-columns:1fr}}

/* 产品图卡（钢卷 / 五金 / 附件 / 辅材） */
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.pcards.n5{grid-template-columns:repeat(5,1fr);gap:18px}
.pcard{background:#fff;border:1px solid var(--rule);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.pcard-media{background:#fff;border-bottom:1px solid var(--rule)}
.pcard-media img,.pcard-media .prod-illus{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.prod-ico{aspect-ratio:4/3;display:grid;place-items:center;background:var(--paper-2)}
.prod-ico .ico{width:72px;height:72px;color:var(--accent)}
.pcard .in{padding:18px 20px 20px}
.pcard h3{font-size:19px;margin-bottom:8px}
.pcard p{font-size:15px;color:var(--muted);margin:0}
.pcard dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--rule);font-size:13.5px}
.pcard dt{color:var(--accent-text);font-weight:700;white-space:nowrap}
.pcard dd{margin:0;color:var(--text)}
.pcards.n5 .pcard h3{font-size:17px}
.pcards.n5 .pcard p{font-size:14px}
@media(max-width:1100px){.pcards.n5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pcards,.pcards.n5{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pcards,.pcards.n5{grid-template-columns:1fr}}

/* 勾选清单 */
.checks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.checks li{position:relative;padding-left:32px;font-size:16px}
.checks li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:var(--accent)}
.checks li::after{content:"";position:absolute;left:6.5px;top:calc(.2em + 5px);width:6px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.chips.light span{border-color:var(--rule);color:var(--text);background:#fff}

/* 团队 */
.team-intro{max-width:74ch;font-size:17.5px}
.team-intro p{margin-bottom:.8em}
.people.portraits{grid-template-columns:repeat(3,minmax(0,280px));gap:28px;margin-top:32px}
.people.portraits .person{border-top:0;padding-top:0}
.person img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;margin-bottom:14px;background:var(--paper-3)}
.person b{display:block;font-family:var(--display);font-size:20px}
.person span{display:block;font-size:14.5px;color:var(--muted)}
.person a{font-size:14.5px;color:var(--accent-text);text-decoration:none;word-break:break-all}
.person a:hover{text-decoration:underline}
.people.portraits.small{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.people.portraits.small .person b{font-size:16px}
.people.portraits.small .person a{font-size:12.5px}
@media(max-width:640px){.people.portraits,.people.portraits.small{grid-template-columns:1fr 1fr}}
.team-cols.light{border-top-color:var(--rule)}
.team-cols.light>div{border-right-color:var(--rule)}
.team-cols.light p{color:var(--muted)}
.advisors.light{background:#fff;border-color:var(--rule)}
.advisors.light .big{color:var(--accent)}
.advisors.light .lab{color:var(--accent-text)}
.advisors.light p{color:var(--text)}
@media(max-width:800px){.team-cols.light>div{border-bottom-color:var(--rule)}}

/* 世界地图 */
.worldmap{width:100%;height:auto;display:block}
.wm-land circle{fill:currentColor;opacity:.3}
.wm-arc{fill:none;stroke:var(--accent-bright);stroke-width:1.5;stroke-dasharray:5 4;opacity:.95}
.wm-pt{fill:var(--accent-bright)}
.wm-halo{fill:var(--accent-bright);opacity:.22}
.wm-origin{fill:var(--red);stroke:#fff;stroke-width:1.6}
.wm-halo.o{fill:var(--red);opacity:.25}
.wm-name{font:700 15px var(--display);fill:currentColor}
.wm-sub{font:400 11.5px var(--body);fill:currentColor;opacity:.8}
section:not(.dark) .wm-land circle{opacity:.22}
section:not(.dark) .wm-arc{stroke:var(--accent)}
section:not(.dark) .wm-pt,section:not(.dark) .wm-halo{fill:var(--accent)}
@media(max-width:640px){.wm-name{font-size:22px}.wm-sub{font-size:16px}}

/* 图片来源 */
ul.credits{list-style:none;padding:0}

/* 深色区块里的卡片说明文字再亮一点 */
.dark .point p,.dark .team-cols p,.flow p{color:#d3dedb}

/* 中文标题宽度：ch 以数字宽度计，中文要按 em 算；标题自动平衡换行 */
h1,h2,h3{text-wrap:balance}
html[lang^="zh"] h2.t{max-width:20em}
html[lang^="zh"] h2.t.wide{max-width:22em}
html[lang^="zh"] .hero h1{max-width:13em}
html[lang^="zh"] .hero.home h1{max-width:15em;font-size:clamp(30px,4vw,52px)}
html[lang^="zh"] .lede{max-width:36em}
html[lang^="zh"] .hero .lede,html[lang^="zh"] .hero ul{max-width:34em}

/* 10 个产品类别：5 列 × 2 行，规格改为上下排 */
.pcards.n10{grid-template-columns:repeat(5,1fr);gap:18px}
.pcards.n10 .pcard .in{padding:16px 16px 18px}
.pcards.n10 .pcard h3{font-size:17px}
.pcards.n10 .pcard p{font-size:14px}
.pcards.n10 .pcard dl{grid-template-columns:1fr;gap:0;font-size:13px}
.pcards.n10 .pcard dt{margin-top:8px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.pcards.n10 .pcard dt:first-child{margin-top:0}
@media(max-width:1100px){.pcards.n10{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pcards.n10{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pcards.n10{grid-template-columns:1fr}}

/* ── 10-01 调整：首屏可读性、手机数字条 ── */
.stat em{color:var(--muted-dark)}
.hero.home::after{background:linear-gradient(90deg,rgba(10,26,22,.9) 0%,rgba(10,26,22,.78) 34%,rgba(10,26,22,.2) 64%,rgba(10,26,22,0) 100%),linear-gradient(0deg,rgba(10,26,22,.4) 0%,rgba(10,26,22,0) 35%)}
@media(max-width:760px){
  .hero::after,.hero.home::after{background:linear-gradient(0deg,rgba(10,26,22,.9) 0%,rgba(10,26,22,.72) 55%,rgba(10,26,22,.5) 100%)}
  .hero img{object-position:70% center}
}
@media(max-width:900px){.stats .wrap{grid-template-columns:1fr 1fr}.stat{padding:20px 14px 20px 0;border-right:0;margin-right:0}.stat:nth-child(odd){border-right:1px solid var(--rule-dark);margin-right:14px}.stat b{font-size:38px}.stat:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:520px){.stats .wrap{grid-template-columns:1fr 1fr}.stat:nth-last-child(2){border-bottom:0}.stat span{font-size:13.5px}.stat em{font-size:12px}}
html[lang^="zh"] .cta h2{max-width:20em}
html[lang^="zh"] .slogan{max-width:22em}
html[lang="en"] h2.t{max-width:26ch}
.media-stack figure,.split .media figure,.step .media figure{margin:0}


/* ═════════════ 最终审查修订（2026-10-01 晚） ═════════════ */
/* 字体：未加载 Archivo / Inter，改用系统字体，保证各平台一致 */
:root{--display:"Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{letter-spacing:.01em;line-height:1.3}
html[lang^="zh"] .eyebrow,html[lang^="zh"] .step dt,html[lang^="zh"] .advisors .lab,html[lang^="zh"] .spec caption,html[lang^="zh"] .tbl thead th,html[lang^="zh"] footer h4,html[lang^="zh"] .pcard dt{font-size:14px;letter-spacing:.04em}
.nw{white-space:nowrap}
p,li,dd{text-wrap:pretty}
.lede,.hero .lede,.cta p,.sub-slogan,.eyebrow{text-wrap:balance}

/* 首页品类卡：文字区整块加深，保证浅色图上也看得清 */
.cat::after{background:linear-gradient(0deg,rgba(var(--ov),.95) 0%,rgba(var(--ov),.86) 45%,rgba(var(--ov),.35) 75%,rgba(var(--ov),0) 100%)}
.cat p{color:#e6ece9}
.cat h3,.cat .n,.cat p{text-shadow:0 1px 8px rgba(0,0,0,.35)}
@media(max-width:560px){.cat,.cat:nth-child(1),.cat:nth-child(2){min-height:280px}}

/* 首页首屏：文字列收窄，右侧留给照片 */
.hero.home .lede,.hero.home ul{max-width:46ch}
html[lang^="zh"] .hero.home .lede,html[lang^="zh"] .hero.home ul{max-width:27em}
.hero.home .lede,.hero.home li{text-shadow:0 1px 3px rgba(10,26,22,.85),0 0 16px rgba(10,26,22,.5)}
.hero.home::after{background:linear-gradient(90deg,rgba(10,26,22,.9) 0%,rgba(10,26,22,.8) 36%,rgba(10,26,22,.35) 52%,rgba(10,26,22,0) 70%),linear-gradient(0deg,rgba(10,26,22,.4) 0%,rgba(10,26,22,0) 35%)}
.hero .cap{color:#fff;opacity:.85;text-shadow:0 1px 4px rgba(0,0,0,.7)}
/* 手机：首页大图单独一条，文字放在下方深色底上 */
@media(max-width:760px){
  .hero.home{flex-direction:column;align-items:stretch;min-height:0}
  .hero.home img{position:relative;inset:auto;width:100%;height:clamp(210px,58vw,320px);object-position:65% 60%}
  .hero.home::after,.hero.home .cap,.hero.home ul{display:none}
  .hero.home .wrap{background:var(--ink-deep);padding-block:24px 32px}
  .hero.home h1{text-shadow:none}
  .hero.home .lede{font-size:16px;text-shadow:none}
  .hero:not(.home)::after{background:linear-gradient(0deg,rgba(10,26,22,.92) 0%,rgba(10,26,22,.75) 50%,rgba(10,26,22,.6) 100%)}
  .hero .eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.7)}
}

/* 首页"五个环节"：纯文字流程条（浅色底） */
.flow.light>div{border-top-color:var(--rule)}
.flow.light>div::before{color:var(--accent-text)}
.flow.light h3{color:var(--text)}
.flow.light p{color:var(--muted)}

/* 关于页：客户价值图标卡、绿色供应链窄栏 */
.point.value{background:#fff;border:1px solid var(--rule);border-radius:6px;padding:24px 24px 26px}
.point.value .ico{width:44px;height:44px}
.narrow{max-width:760px}

/* 白底产品图放在页面里时加细边框，不再"漂"着 */
.media img[src*="kit-bagged"],.media img[src*="kit-flatlay"],.media img[src*="cat-workshop-supplies"],.media img[src*="p-magnetic-hooks"],.svc-card img[src*="kit-flatlay"]{background:#fff;border:1px solid var(--rule);border-radius:6px}
.svc-card img[src*="kit-flatlay"]{border:0;border-radius:0}

/* 世界地图：标签加描边，避免被航线穿过；手机端字号放大、隐藏副标题 */
.wm-name,.wm-sub{paint-order:stroke;stroke:var(--ink);stroke-width:5px;stroke-linejoin:round}
section:not(.dark) .wm-name,section:not(.dark) .wm-sub{stroke:var(--paper)}
@media(max-width:640px){.wm-name{font-size:30px}.wm-sub{display:none}}

/* 表格：中文首列不竖排 */
html[lang^="zh"] .tbl th{white-space:nowrap}

/* 流程页：手机端定义列表上下排；桌面图文垂直居中 */
.step{align-items:center}
@media(max-width:560px){.step dl{grid-template-columns:1fr;gap:2px}.step dd{margin-bottom:12px}}
.step .media figcaption{font-size:12px;color:var(--muted)}

/* 团队：手机端每人一行，小方头像 */
@media(max-width:640px){
  .people.portraits,.people.portraits.small{grid-template-columns:1fr;gap:14px}
  /* 文字块在头像旁垂直居中：上下各一条弹性空行，有没有职位都对齐 */
  .people.portraits .person{display:grid;grid-template-columns:96px 1fr;grid-template-rows:1fr auto auto auto 1fr;column-gap:14px}
  .people.portraits .person img{grid-column:1;grid-row:1/-1;width:96px;height:96px;aspect-ratio:1/1;margin:0}
  .people.portraits .person b{grid-column:2;grid-row:2}
  .people.portraits .person span{grid-column:2;grid-row:3}
  .people.portraits .person a{grid-column:2;grid-row:4}
}

/* 手机端产品卡改横排，页面短一半 */
@media(max-width:560px){
  .pcards.n9 .pcard,.pcards.n10 .pcard{flex-direction:row;align-items:flex-start}
  .pcards.n9 .pcard-media,.pcards.n10 .pcard-media{flex:0 0 112px;border-bottom:0;border-right:1px solid var(--rule)}
  .pcards.n9 .pcard-media img,.pcards.n10 .pcard-media img{aspect-ratio:1/1;object-fit:contain}
  .pcards.n9 .pcard .in,.pcards.n10 .pcard .in{padding:12px 14px 14px}
  .pcards.n5 .prod-ico{aspect-ratio:auto;padding:22px 0}
  .svc-card img{aspect-ratio:2/1}
  .card img{aspect-ratio:16/9}
}

/* 询盘表单 */
.form input,.form select,.form textarea{font-size:16px}
.form fieldset input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--accent)}
.form-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn.ghost-dark{background:#fff;color:var(--accent-text);border:1.5px solid var(--accent)}
.btn.ghost-dark:hover{background:var(--accent-soft)}
.enq-fallback{background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:14px 16px}
.enq-fallback p{margin:0 0 8px;font-size:14px;color:var(--text)}
.enq-fallback textarea{width:100%;font:16px/1.5 ui-monospace,Consolas,monospace;padding:10px;border:1px solid var(--rule);border-radius:4px;background:#fff}
/* Formspree 提交：蜜罐字段（真人看不到）、发送中、失败提示、成功确认 */
.form .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.btn[disabled]{opacity:1;background:var(--accent-hover);cursor:progress}
.enq-error{background:#fdf1ef;border:1px solid #ebc1b9;border-left:4px solid #c0392b;border-radius:6px;padding:12px 14px;font-size:14.5px;line-height:1.6;color:var(--ink)}
.enq-error p{margin:0}.enq-error a{color:var(--accent-text);font-weight:700;white-space:nowrap}
.enq-done{margin-top:24px;background:var(--accent-soft);border:1px solid var(--accent);border-left:5px solid var(--accent);border-radius:6px;padding:20px 22px}
.enq-done p{margin:0;font-size:17px;line-height:1.6;font-weight:700;color:var(--ink)}
.enq-done p::before{content:"✓";display:inline-block;margin-right:10px;color:var(--accent-text);font-weight:800}
.enq-done:focus{outline:none}

/* 手机菜单里的语言切换 */
.top nav .nav-lang{display:none}
@media(max-width:1000px){.top nav .nav-lang{display:flex;color:var(--accent-bright)}}

/* 数字条：中文量词小一号 */
.stat b small{font-size:.5em;color:#fff;margin-left:2px;font-weight:700}

/* 页脚对比度 */
footer .bottom,.photo-note{color:#b8cdc7}
.fine{color:#c3d3ce}
/* 5 列钢卷卡：规格改上下排，避免窄栏里数字断行 */
.pcards.n5 .pcard dl{grid-template-columns:1fr;gap:0;font-size:13px}
.pcards.n5 .pcard dt{margin-top:8px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.pcards.n5 .pcard dt:first-child{margin-top:0}
html[lang^="zh"] .pcards.n5 .pcard dt,html[lang^="zh"] .pcards.n10 .pcard dt{font-size:13px;letter-spacing:.04em;text-transform:none}
.pcard dd{text-wrap:balance}
/* CTA 底图：去色、压暗，避免橙色海面发脏 */
.cta img{opacity:.3;filter:grayscale(1) contrast(1.1);object-position:center 80%}
.cta::after{background:linear-gradient(90deg,rgba(var(--accent-rgb),.94),rgba(var(--ov),.88))}
/* 白底产品图做页头时，遮罩改为左深右浅，保持产品清楚 */
.hero img[src*="kit-hero"]{object-fit:contain;background:#fff;object-position:right center}

/* 团队合照（公司提供的合照，下方不列姓名邮箱） */
.team-banner{margin:32px 0 0}
.team-banner img{width:100%;border-radius:6px;display:block}
/* 联系页单人卡片：邮箱只在 @ 前换行（不在单词中间断开）；手机方形头像上方留点空 */
.people.portraits .person a{word-break:normal;overflow-wrap:normal}
@media(max-width:640px){.people.portraits .person img{object-position:50% 8%}}
/* 联系页单人卡片（桌面）：邮箱贴底，有没有职位都在同一条线上 */
@media(min-width:641px){.people.portraits .person{display:flex;flex-direction:column}.people.portraits .person a{margin-top:auto}}
html[lang^="zh"] #vision h2.t{font-size:clamp(24px,2.6vw,34px)}
.nw{white-space:nowrap}

/* 询盘表单（复核修订）：按钮等宽不跳位；手机上按钮上下排、复选框一行一项、触控高度够；说明文字字号回到 14px */
.form-actions .btn{justify-content:center;min-height:52px}
@media(min-width:481px){#enq-send{min-width:11em}}
@media(max-width:480px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}
  .form fieldset{display:grid;grid-template-columns:1fr;gap:0}.form fieldset label{min-height:44px}}
.split .text .form .note{font-size:14px;line-height:1.6}
.split .text .enq-error p{font-size:15px}
.split .text .enq-fallback p{font-size:14px}
/* 手机触控目标 ≥ 40px */
@media(max-width:1000px){.langs a{padding:10px 11px;white-space:nowrap}.nav-cta{padding:12px 16px}}
@media(max-width:420px){.hdr-compact .navtoggle{padding:0 11px}.mast .wrap{gap:16px}}
.faq summary{padding-block:7px}
/* 触屏横屏、平板上复选框也保持 44px 触控高度；五金包页头是白底产品图，手机上加深遮罩让黄色小标题看得清 */
@media(pointer:coarse){.form fieldset{row-gap:2px}.form fieldset label{min-height:44px}}
@media(max-width:760px){.hero:has(img[src*="kit-hero"])::after{background:linear-gradient(0deg,rgba(10,26,22,.92) 0%,rgba(10,26,22,.8) 50%,rgba(10,26,22,.72) 100%)}}

/* ── 配色方案：emerald ── */
:root{--accent:#00896d;--accent-hover:#007058;--accent-text:#00705a;--accent-soft:#d7f0e9;--accent-rgb:0,137,109;--accent-bright:#ffd24a;--ink:#0f5345;--ink-2:#14614f;--ink-3:#1a705c;--ink-deep:#0a4438;--rule-dark:#2f7a67;--muted-dark:#b3d9ce;--paper:#ffffff;--paper-2:#f0f7f5;--paper-3:#dfeeea;--rule:#cfe2dc;--muted:#566b66;--text:#1f302c;--ov:8,58,47}