/* ============================================================
   YIGAO PLASTIC · V2 SCHEME 4 — Brief 2.0 Revision（2026-09-15）
   依据：YIGAO PLASTIC WEBSITE 2.0 Homepage Design Revision Brief
   方向 APPROVED：减法+品牌感+差异化；13 屏+Footer（Brief §17）
   · Trust Strip 轻量化 / Why 手风琴→3×2 Value Points / Quality 招牌屏
   · 新增：Real Work 画廊 · Industries · Case Studies · Resources · About
   · Token 体系不变：navy #0A6292 / 白+浅灰+奶白交替 / 橙 Token 分层
   ============================================================ */
:root{
  --bg:#FFFFFF;
  --bg2:#F4F6F8;
  --cream:#FBFAF7;
  --navy:#0A6292;
  --navy2:#0B5178;
  --ink:#12324A;
  --body-ink:#3A3F47;
  --dim:#6B7280;
  --acc:#E76B15;   /* 图形层 */
  --accC:#C2570B;  /* CTA 实底（白字 4.5:1） */
  --accL:#FFD1A8;  /* navy 底小字橙（4.7:1） */
  --acc2:#B8530A;  /* hover */
  --line:#E3E7EC;
  --sans:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --disp:"Barlow Condensed","Inter",-apple-system,sans-serif;
  --mono:"Cascadia Code",Consolas,Menlo,"SF Mono","Courier New",monospace;
  --pad:clamp(20px,5vw,72px);
  --tr:.28s cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#FFFFFF;color:var(--body-ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--acc);color:#FFFFFF}
a{color:inherit}
a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"]){outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accC);outline-offset:3px}
ul,ol{list-style:none}
main{position:relative}

/* ============ STYLE NOTE BAR ============ */
.stylenote{background:#FAF2EB;border-bottom:1px dashed rgba(231,107,21,.45);font-family:var(--mono)}
.sn-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;padding:11px var(--pad);
  max-width:1360px;margin:0 auto;font-size:11px;letter-spacing:.04em;color:#86604A}
.sn-row .sn-name{color:var(--accC);font-weight:700;letter-spacing:.08em}
.sn-sw{display:inline-flex;align-items:center;gap:6px}
.sn-sw i{display:inline-block;width:11px;height:11px;border-radius:2px;border:1px solid rgba(10,98,146,.18)}
.sn-flag{margin-left:auto;color:rgba(134,96,74,.8)}
.sn-flag a{color:#0A6292}
@media(max-width:820px){.sn-flag{margin-left:0}}

/* ============ HEADER ============ */
.site-head{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .in{display:flex;align-items:center;gap:32px;height:78px;
  max-width:1360px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;margin-right:auto}
.brand img{height:48px;width:auto;display:block;border-radius:3px}
.brand-name{font:700 22px/1.1 var(--disp);letter-spacing:.04em;color:var(--ink)}
.brand-name span{display:block;font:500 9px/1.6 var(--mono);letter-spacing:.22em;color:var(--dim);margin-top:2px}
.menu{display:flex;gap:22px}
.menu a{font:500 14px/1 var(--sans);text-decoration:none;color:var(--dim);transition:color var(--tr)}
.menu a:hover{color:var(--navy)}
.lang{position:relative;font-family:var(--mono);font-size:11px;letter-spacing:.08em}
.lang>button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;cursor:pointer;
  border:1px solid var(--line);background:transparent;color:var(--dim);font:inherit;letter-spacing:inherit;transition:.2s}
.lang>button::after{content:"▾";color:var(--acc);font-size:9px;transition:transform .2s}
.lang.open>button::after{transform:rotate(180deg)}
.lang>button:hover{color:var(--navy)}
.lang-list{position:absolute;top:calc(100% + 6px);right:0;min-width:158px;background:#fff;border:1px solid var(--line);
  box-shadow:0 16px 34px -18px rgba(20,40,60,.35);display:none;z-index:140}
.lang.open .lang-list{display:block}
.lang-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 13px;
  text-decoration:none;color:var(--dim);border-bottom:1px solid var(--line);transition:.15s}
.lang-list a:last-child{border-bottom:0}
.lang-list a:hover{background:var(--bg2);color:var(--navy)}
.lang-list a.on{color:var(--accC)}
.lang-list a.on::after{content:"✓";font-size:11px}
@media(max-width:960px){.lang{display:none}}
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:130;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -8px 30px -18px rgba(20,40,60,.25)}
.cookie .in{max-width:1360px;margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:14px var(--pad);font-size:12.5px;color:var(--dim)}
.cookie a{color:var(--navy)}
.cookie .ck-btns{margin-left:auto;display:flex;gap:10px}
.cookie button{font:700 11px/1 var(--mono);letter-spacing:.1em;padding:10px 16px;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--ink);transition:.2s}
.cookie button.ok{background:var(--navy);border-color:var(--navy);color:#fff}
.cookie button.ok:hover{background:var(--accC);border-color:var(--accC)}
@media(max-width:820px){.cookie{bottom:56px}}
.site-head .btn{padding:12px 20px;font-size:11px}
@media(max-width:1150px){.menu{display:none}}

/* ============ SHARED ============ */
.wrap{max-width:1360px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.sec{position:relative;border-top:1px solid var(--line);overflow:hidden}
.sec-head{margin-bottom:clamp(30px,4vw,46px)}
.sec-head.center{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:600 12px/1 var(--mono);letter-spacing:.24em;
  color:var(--accC);text-transform:uppercase}
.eyebrow::before{content:"";width:14px;height:14px;background:var(--acc);flex:none}
.sec-head.center .eyebrow::after{content:"";width:14px;height:14px;background:var(--acc);flex:none}
/* ============ 文字放大（2026-09-15 客户反馈：整体大气、重点文字加大） ============ */
h2{font-family:var(--disp);font-size:clamp(34px,4.2vw,54px);line-height:1.08;font-weight:600;
  letter-spacing:.01em;margin:16px 0 14px;color:var(--ink)}
.lead{color:var(--dim);max-width:720px;font-size:clamp(17px,1.55vw,21px);line-height:1.75}
.sec-head.center .lead{margin-left:auto;margin-right:auto}
.p-mid{padding:clamp(88px,10vw,124px) 0}
.p-final{padding:clamp(96px,12vw,132px) 0}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
  font:700 15px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  padding:16px 26px;text-decoration:none;cursor:pointer;
  transition:background var(--tr),border-color var(--tr),color var(--tr),box-shadow var(--tr),transform var(--tr)}
.btn-stamp{background:var(--accC);border:1px solid var(--accC);color:#FFFFFF}
.btn-stamp:hover{background:var(--acc2);border-color:var(--acc2);color:#FFFFFF;transform:translateY(-2px);
  box-shadow:0 14px 30px -14px rgba(194,87,11,.55)}
.btn-navy{background:var(--navy);border:1px solid var(--navy);color:#FFFFFF}
.btn-navy:hover{background:#084E74;border-color:#084E74;color:#fff;transform:translateY(-2px)}
/* #96 追加 3：navy 实底按钮在深藏青 page-hero 上不可见——hero 内用白底藏青字 */
.btn-white{background:#FFFFFF;border:1px solid #FFFFFF;color:var(--navy)}
.btn-white:hover{background:var(--cream);border-color:var(--cream);color:var(--navy);transform:translateY(-2px);
  box-shadow:0 14px 30px -14px rgba(0,0,0,.35)}
.btn-stamp-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn-stamp-ghost:hover{border-color:var(--accC);color:var(--accC)}
.arrow-link{display:inline-flex;align-items:center;gap:10px;font:700 16px/1 var(--mono);letter-spacing:.12em;
  text-decoration:none;color:var(--accC);transition:color var(--tr)}
.arrow-link::after{content:"→";transition:transform var(--tr)}
.arrow-link:hover{color:var(--acc2)}
.arrow-link:hover::after{transform:translateX(5px)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:square;stroke-linejoin:miter}
.ic-s{width:15px;height:15px}
.ic-m{width:17px;height:17px}

/* ============================================================
   01 · HERO — 左窄钢蓝竖版面板 + 右大素材位（深色仅左面板）
   ============================================================ */
.hero{position:relative;overflow:hidden;background:var(--cream);border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:minmax(220px,4fr) minmax(0,8fr);column-gap:12px}
.hero-panel{position:relative;background:var(--navy);padding:clamp(32px,4vw,56px) clamp(24px,3vw,44px);
  display:flex;flex-direction:column;overflow:hidden}
.hero-panel.gridbg{background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),
    var(--navy);
  background-size:24px 24px,24px 24px,120px 120px,120px 120px,auto}
.hero-panel .sheet-code{font:600 9px/1.8 var(--mono);letter-spacing:.2em;color:rgba(255,255,255,.55)}
.hero-panel .sheet-code b{color:var(--accL);font-weight:600}
.hero-panel h1{font-family:var(--disp);font-size:clamp(36px,4vw,54px);line-height:1.06;font-weight:600;
  color:#FFFFFF;margin-top:18px}
.hero-panel h1 em{font-style:normal;color:var(--accL)}
.hero-panel .hero-body{color:rgba(255,255,255,.8);font-size:clamp(14.5px,1.25vw,16.5px);line-height:1.8;margin-top:14px}
.hero-cta{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.hero-support{padding-top:10px;font:600 9px/1.8 var(--mono);letter-spacing:.14em;color:rgba(255,255,255,.65)}
/* 右侧视觉（Hero C：主图+底部横带2小图，图间留缝，2026-09-16 用户裁定） */
.hero-stage{display:grid;grid-template-rows:3fr 1fr;gap:12px;min-height:560px}
.hv{position:relative;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:var(--bg2)}
.hv em{position:absolute;left:14px;bottom:12px;z-index:1;font:600 10px/1.6 var(--mono);font-style:normal;letter-spacing:.18em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.hv-main{background-image:url(hero-main.webp)}
.hv-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hv-a{background-image:url(qc-machining.webp)}
.hv-b{background-image:url(flow-stock.webp)}
@media(max-width:960px){
  .hero{grid-template-columns:1fr}
  .hero-stage{min-height:240px}
}

/* ============ 02 · 信任数据行（白底） ============ */
.statband{background:#fff;border-bottom:1px solid var(--line)}
.statband .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  max-width:1360px;margin:0 auto;padding:26px clamp(20px,3vw,40px);gap:16px 28px}
.titem{display:flex;align-items:center;gap:12px;white-space:nowrap;
  font:600 14px/1.5 var(--mono);letter-spacing:.02em;color:var(--body-ink);text-transform:uppercase}
.titem .ic-s{width:19px;height:19px;color:var(--accC)}
/* statband：flex 自适应折行（原 grid 5 列在放大字号后单项内换行，2026-09-16 用户反馈）；
   ≤760px 改纵向清单（手机上居中散列 5 行难看，2026-09-16 用户反馈"注意移动端展示"） */
@media(max-width:760px){
  .statband .in{display:grid;grid-template-columns:1fr;justify-items:start;gap:12px;padding:22px var(--pad)}
  .titem{font-size:13px;letter-spacing:.02em}
}

/* ============================================================
   03 · ENTRIES — 横排堆叠入口（巨号编号 + 左料位右文）
   ============================================================ */
.ent-sec{background:var(--cream)}
.mat-sec{background:#FFFFFF}
.mat-foot{display:flex;align-items:center;gap:22px;margin-top:clamp(26px,3.6vw,38px)}
.flow-cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:clamp(26px,3.6vw,38px)}
.dimline{position:relative;flex:1;height:1px;background:var(--line)}
.dimline::before,.dimline::after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--line)}
.dimline::before{left:0}.dimline::after{right:0}
.dimline>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background:#fff;
  font:600 12.5px/1 var(--mono);letter-spacing:.16em;color:var(--body-ink);white-space:nowrap}

/* ============================================================
   05 · PROCESS — 巨号编号 4 步带
   ============================================================ */
.flow-sec{background:var(--bg2)}
/* ============ WHY YIGAO（Brief Screen 05 六点，2026-09-14 客户反馈补） ============ */
.why-sec{background:var(--bg)}

/* ============ QUALITY（Screen 06 多图网格版，2026-09-14 用户反馈：图为主/文字作标题说明） ============ */
.qc-sec{background:var(--cream)}

/* ============================================================
   06 · FINAL — 浅底橙边大卡终屏
   ============================================================ */
.cta{background:var(--cream);border-top:1px solid var(--line);text-align:center}
.cta-card{position:relative;max-width:860px;margin:0 auto;background:#fff;
  border:1px solid var(--line);border-left:5px solid var(--acc);
  padding:clamp(44px,6vw,72px) clamp(24px,5vw,64px);
  box-shadow:0 40px 80px -50px rgba(18,50,74,.3)}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
/* #34 终屏双路径卡（RMQ 主 + UYD 次 + 副标注自筛选）；#35 主流化：等高卡/底部对齐/次入口描边/hover */
.cta-paths{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:stretch;margin-top:36px}
.path{flex:1 1 300px;max-width:390px;display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);background:var(--cream);padding:24px 26px 26px;transition:border-color var(--tr),box-shadow var(--tr)}
.path:hover{border-color:var(--accC);box-shadow:0 24px 48px -32px rgba(18,50,74,.35)}
.path .p-tag{font:500 11px/1 var(--mono);letter-spacing:.2em;color:var(--dim);margin:0 0 14px}
.path .btn{width:100%}
.path .p-scope{font:500 12px/1.9 var(--mono);letter-spacing:.06em;color:var(--dim);margin:auto 0 0;padding-top:14px}
.path-main{border-left:5px solid var(--acc)}
.btn-navy-ghost{background:transparent;border:1px solid var(--navy);color:var(--navy)}
.btn-navy-ghost:hover{background:var(--navy);border-color:var(--navy);color:#FFFFFF;transform:translateY(-2px)}
.cta-support{margin-top:26px;font:500 12px/2 var(--mono);letter-spacing:.16em;color:var(--dim)}
.cta-support a{color:var(--accC);text-decoration:none;transition:color var(--tr)}
.cta-support a:hover{color:var(--acc2)}

/* ============================================================
   V3 新增模块（Brief 2.0，2026-09-15）
   ============================================================ */
/* Quality 招牌屏补充（2026-09-16 用户裁定：h2 第二行与第一行同色同大小，em 强调移除） */
.qc-cta{display:flex;justify-content:center;margin-top:28px}

/* 08 Real Work — 编辑画廊（1 大 + 7 小，文字极少） */
.work-sec{background:#FFFFFF}
/* 编辑画廊：左列竖版大图 + 右侧小图网格（2026-09-16 用户裁定"大图单独占一列，其他放右边"） */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gal-tile{position:relative;margin:0;background-position:center;background-size:cover;background-repeat:no-repeat;
  background-color:var(--bg2);border:1px solid var(--line);aspect-ratio:1/1}
.gal-tile figcaption{position:absolute;left:0;bottom:0;right:0;padding:11px 14px;
  font:600 14px/1.4 var(--mono);letter-spacing:.12em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:linear-gradient(180deg,transparent,rgba(9,26,42,.82));text-shadow:0 1px 3px rgba(0,0,0,.5)}
@media(max-width:960px){.gal{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gal-tile figcaption{font-size:12px;letter-spacing:.1em;white-space:normal}}

/* 09 Industries — 全宽行式清单（Brief §11 纯文字红线；2026-09-16 用户裁定"纯文字要大气 排版下功夫"） */
.ind-sec{background:var(--bg2)}
.indrows{border-top:1px solid var(--line)}
.indrow{display:flex;align-items:center;gap:clamp(16px,2.4vw,30px);padding:clamp(14px,2vw,20px) 12px;
  border-bottom:1px solid var(--line);text-decoration:none;transition:background var(--tr)}
.ir-im{width:clamp(64px,7vw,96px);aspect-ratio:1/1;flex:none;background-position:center;background-size:cover;
  background-repeat:no-repeat;background-color:var(--cream);border:1px solid var(--line)}
.ir-name{flex:1;font:600 clamp(22px,2.4vw,27px)/1.15 var(--disp);letter-spacing:.02em;color:var(--ink);transition:color var(--tr)}
.ir-arr{font:400 24px/1 var(--mono);color:var(--dim);flex:none;transition:transform var(--tr),color var(--tr)}
.indrow:hover{background:var(--cream)}
.indrow:hover .ir-name{color:var(--navy)}
.indrow:hover .ir-arr{color:var(--accC);transform:translateX(6px)}

/* 10 Case Studies — 3 栏短案例 */
.case-sec{background:#FFFFFF}
.casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,3.4vw,46px)}
.case{border-top:1px solid var(--line);padding-top:20px}
.case-ph{margin:0 0 16px}
.case-ph .ph{aspect-ratio:1/1;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg2)}
.case-ph figcaption{margin-top:7px;font:500 11px/1.3 var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.case b{display:block;font:700 32px/1.15 var(--disp);letter-spacing:.01em;color:var(--ink)}
.case-line{margin:10px 0 0;font:500 15px/1.65 var(--mono);color:var(--body-ink)}
.case-line strong{font-weight:700;color:var(--navy)}
.case-cta{display:flex;justify-content:center;margin-top:36px}
@media(max-width:960px){.casegrid{grid-template-columns:1fr}}

/* 11 Resources — 文章列表 */
.res-sec{background:var(--cream)}
.reslist{border-top:1px solid var(--line)}
.res-item{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px 6px;border-bottom:1px solid var(--line);text-decoration:none;transition:background var(--tr)}
.res-item b{font:600 clamp(22px,2.4vw,27px)/1.2 var(--disp);letter-spacing:.02em;color:var(--ink);transition:color var(--tr)}
.res-item .arr{font:400 24px/1 var(--mono);color:var(--dim);transition:transform var(--tr),color var(--tr)}
.res-item:hover{background:rgba(255,255,255,.7)}
.res-item:hover b{color:var(--navy)}
.res-item:hover .arr{color:var(--accC);transform:translateX(4px)}
@media(max-width:560px){.res-item b{font-size:18px}}

/* 12 About — 简短可信度 + 4 事实 */
.about-sec{background:#FFFFFF}
.about-bd{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,3vw,48px);align-items:stretch}
.about-bd p{margin:0;font-size:18px;line-height:1.8;color:var(--body-ink)}
.about-im{border:1px solid var(--line);background:var(--bg2);background-position:center;background-size:cover;background-repeat:no-repeat;aspect-ratio:1/1}
.about-cap{margin-top:10px;font:600 14px/1.4 var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.ab-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,32px);margin-top:40px}
.ab{border-top:1px solid var(--line);padding-top:16px}
.ab b{display:block;font:700 clamp(22px,2.2vw,30px)/1.05 var(--disp);letter-spacing:.02em;color:var(--navy)}
.ab span{display:block;margin-top:8px;font:500 18px/1.5 var(--sans);color:var(--dim)}
@media(max-width:960px){.about-bd{grid-template-columns:1fr}.ab-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ab-facts{grid-template-columns:1fr}}

/* ============ FOOTER ============ */
.site-foot{background:var(--cream);border-top:4px double var(--line)}
.foot-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 0 24px}
.foot-top img{height:72px;width:auto;display:block;border-radius:3px}
.foot-note{font:600 14px/1.9 var(--mono);letter-spacing:.14em;color:var(--dim);text-transform:uppercase;text-align:right}
.foot-bot{border-top:1px solid var(--line);padding:16px 0 24px;font:400 12px/1.9 var(--mono);color:var(--dim)}
.foot-contact{display:block;font-size:13px;letter-spacing:.06em;color:var(--body-ink);margin-bottom:6px}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;border-top:1px solid var(--line);padding:30px 0 26px}
.fcol{display:flex;flex-direction:column;gap:7px}
.fcol b{font:700 12px/1 var(--mono);letter-spacing:.2em;color:var(--ink);margin-bottom:5px}
.fcol a{font-size:15px;line-height:1.6;color:var(--dim);text-decoration:none;width:fit-content}
.fcol-txt{font-size:15px;line-height:1.6;color:rgba(58,63,71,.55)}
.fcol a:hover{color:var(--navy)}
@media(max-width:820px){.foot-note{text-align:left}.foot-cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.foot-cols{grid-template-columns:1fr}}

/* ============ MOBILE STICKY BAR ============ */
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:110;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--line);background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mbar a{display:flex;align-items:center;justify-content:center;height:56px;font:700 12px/1 var(--mono);letter-spacing:.16em;text-decoration:none}
.mbar a+a{border-left:1px solid var(--line)}
.mbar .q{background:var(--accC);color:#FFFFFF}
.mbar .w{color:var(--ink)}
@media(max-width:820px){.mbar{display:grid}body{padding-bottom:56px}}

/* ============ MOBILE HARDENING（2026-09-14 窄屏适配补强） ============ */
@media(max-width:640px){
  /* header 防溢出：logo+站名+按钮 在 ≤360px 视口超出 */
  .site-head .in{gap:16px;height:68px}
  .brand img{height:40px}
  .brand-name{font-size:17px}
  .site-head .btn{padding:10px 12px;font-size:10px;letter-spacing:.08em}
  /* 尺寸线组合行挤爆 → 收起尺寸线居中按钮 */
  .dimline{display:none}
  .mat-foot,.flow-cta{flex-wrap:wrap;justify-content:center}
  .hero-cta .btn{width:100%}
}

/* ============ MOBILE NAV（汉堡菜单：导航+多语言，2026-09-14） ============ */
.mburger{display:none;width:42px;height:42px;flex:none;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--ink);font:700 15px/1 var(--mono)}
.mburger:hover{border-color:var(--navy);color:var(--navy)}
.mnav{display:none;position:absolute;top:100%;left:0;right:0;z-index:120;background:#fff;
  border-bottom:1px solid var(--line);box-shadow:0 24px 44px -28px rgba(20,40,60,.45)}
.mnav.open{display:block}
.mnav a.mlink{display:block;padding:15px var(--pad);font:500 15px/1 var(--sans);color:var(--ink);
  text-decoration:none;border-bottom:1px solid var(--line);transition:color .15s}
.mnav a.mlink:hover{color:var(--navy)}
.mnav .mlang{padding:12px var(--pad) 18px}
.mnav .mlang p{font:600 9px/1 var(--mono);letter-spacing:.22em;color:var(--dim);margin:0 0 10px}
.mnav .mlang .lngs{display:flex;gap:8px;flex-wrap:wrap}
.mnav .mlang .lngs a{display:inline-block;padding:9px 13px;border:1px solid var(--line);
  font:500 12px/1 var(--sans);color:var(--dim);text-decoration:none;transition:.15s}
.mnav .mlang .lngs a:hover{border-color:var(--navy);color:var(--navy)}
.mnav .mlang .lngs a.on{border-color:var(--accC);color:var(--accC)}
@media(max-width:1150px){.mburger{display:block}}
@media(max-width:820px){.site-head .btn{display:none}}/* header GET A QUOTE ≤820 隐藏：移动端已有底部 mbar（GET QUOTE|WHATSAPP），header 按钮冗余且撑出横向滚动（2026-09-14 用户实测反馈） */

/* ============ REVEAL ============ */
.rv{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .btn:hover,.bigent:hover{transform:none}
}
/* ============ INTERACTIVE MODULES（2026-09-14 用户反馈：2-6 屏去直铺，五模块五种交互原型） ============ */
/* 通用 tab/pane 引擎态 */
.selbox .sel-pane{display:none}
.selbox .sel-pane.on{display:flex}
.selbox .sel-tab{cursor:pointer;background:none;border:0;font:inherit;text-align:left}

/* —— S2 入口：选择器列表 + 实时预览 —— */
.entsel{display:grid;grid-template-columns:5fr 7fr;gap:clamp(18px,2.5vw,32px);align-items:stretch}
.ent-list{border-top:1px dashed rgba(10,98,146,.32);display:flex;flex-direction:column}
.ent-item{flex:1;display:block;width:100%;
  padding:15px 24px;border-bottom:1px dashed rgba(10,98,146,.32);
  transition:background var(--tr),box-shadow var(--tr)}
.ent-item b{display:block;font:700 26px/1.15 var(--disp);letter-spacing:.01em;color:var(--ink);transition:color var(--tr)}
.ent-item small{display:block;font:500 15.5px/1.55 var(--sans);color:var(--dim);margin-top:6px}
.ent-item .ent-cta{margin-top:12px;font-size:13px}
.ent-item:hover{background:var(--bg2)}
.ent-item.on{background:var(--cream);box-shadow:inset 3px 0 0 var(--accC)}
.ent-item.on b{color:var(--navy)}
.ent-stage{position:relative;display:grid;border:1px solid var(--line);background:var(--cream)}
.ent-pane{grid-area:1/1;flex-direction:column}
.ent-pane .pane-im{flex:none;aspect-ratio:1/1;background-position:center;background-size:cover;background-repeat:no-repeat}

/* —— S3 材料：大图+图注（2026-09-16 用户裁定：去分隔信息区/chips；描述换行独立成行、字号加大） —— */
.matgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px}
.matcard{text-decoration:none;display:flex;flex-direction:column}
.matcard .mc-im{aspect-ratio:1/1;background-position:center;background-size:cover;background-repeat:no-repeat;
  background-color:var(--bg2);transition:transform var(--tr)}
.matcard:hover .mc-im{transform:scale(1.02)}
.matcard .mc-cap{padding:14px 2px 0}
.matcard .mc-cap b{display:block;font:700 26px/1.15 var(--disp);letter-spacing:.01em;color:var(--ink)}
.matcard .mc-cap span{display:block;margin-top:6px;font-size:16px;line-height:1.45;color:var(--dim)}
@media(max-width:1080px){.matgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.matgrid{grid-template-columns:repeat(2,1fr);gap:18px 12px}
  .matcard .mc-cap b{font-size:20px}
  .matcard .mc-cap span{font-size:13px}}

/* —— B1 属性入口 chips（2026-09-16 参照站分析 B1：Ensinger 工程语言层——按工程需求选材料） —— */
.prop-row{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:13px}
.prop-lb{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--accC)}
.prop-chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.prop-chips a,.prop-chips span{font:600 12px/1 var(--mono);letter-spacing:.12em;color:var(--navy);text-decoration:none;
  border:1px solid rgba(10,98,146,.3);padding:9px 13px;background:#fff;transition:all var(--tr)}
.prop-chips a:hover,.prop-chips a:focus-visible{background:var(--navy);color:#fff;border-color:var(--navy)}

/* —— 材料谱系行（2026-09-16 参照站分析 B1 扩展：Ensinger 材料谱系层的诚实版——缩写=工程师语言，
   11 项全部有客户现行官网存档证据：9 独立产品页（PEEK/PEI/PI/POM/PPS/PTFE/Nylon/ABS/Acrylic）+PET/PBT） —— */
.spec-row{margin-top:0;margin-bottom:38px}
.spec-row .prop-chips a{padding:9px 15px;font-size:13px}

/* —— B2 中段询盘钩子（B2：Curbell 通道冗余——页面中段补一处轻量动作，不打断阅读流） —— */
.mid-hook{margin-top:38px;padding-top:24px;border-top:1px solid var(--line);text-align:center}
.mid-hook p{font-size:16px;color:var(--dim);margin-bottom:10px}
.mid-hook a{font:600 12.5px/1 var(--mono);letter-spacing:.14em;color:var(--acc2);text-decoration:none;transition:color var(--tr)}
.mid-hook a:hover,.mid-hook a:focus-visible{color:var(--navy)}

/* —— B3 直连通道（B3：联系方式真链接；号码/邮箱=客户现行官网存档 docs/assets/yigaoplastic-com，2026-09-14 源码级） —— */
.cta-contact{margin-top:14px;font:500 12px/2 var(--mono);letter-spacing:.08em;color:var(--dim)}
.cta-contact a{color:var(--navy);text-decoration:none;transition:color var(--tr)}
.cta-contact a:hover,.cta-contact a:focus-visible{color:var(--accC)}
.foot-contact a{color:var(--navy);text-decoration:none}
.foot-contact a:hover,.foot-contact a:focus-visible{color:var(--accC)}

/* —— S4 流程：步进轨 + 阶段联动视图 —— */
.ptrack{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin-bottom:26px}
.ptrack::before{content:"";position:absolute;top:21px;left:8.33%;right:8.33%;height:1px;background:rgba(10,98,146,.3)}
.pnode{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:0 4px}
.pnode .pn-dot{width:44px;height:44px;display:grid;place-items:center;background:#fff;
  border:1px solid rgba(10,98,146,.4);color:var(--ink);transition:all var(--tr)}
.pnode .pn-dot .ic{width:21px;height:21px}
.pnode .pn-tag{font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--dim);transition:color var(--tr)}
.pnode .pn-lb{font:700 32px/1.15 var(--disp);letter-spacing:.01em;color:var(--body-ink);text-align:center}
.pnode:hover .pn-dot{border-color:var(--navy)}
.pnode.on .pn-dot{border-color:transparent;box-shadow:0 0 0 3px var(--cream),0 0 0 4px var(--navy)}
.pnode.on .pn-tag{color:var(--accC)}
.pnode.on.st-raw .pn-dot{background:#6B4E35;color:#fff}
.pnode.on.st-blank .pn-dot{background:#C08A3E;color:#fff}
.pnode.on.st-mach .pn-dot{background:#0A6292;color:#fff}
.pnode.on.st-insp .pn-dot{background:#4A7BA6;color:#fff}
.pnode.on.st-fin .pn-dot{background:#12324A;color:#fff}
.pnode.on.st-ship .pn-dot{background:#6B7280;color:#fff}
.pview{position:relative;border:1px solid var(--line);min-height:300px;background:var(--cream);aspect-ratio:1.74/1}
.pv-pane{position:absolute;inset:0;flex-direction:row}
.pv-pane .pv-im{flex:none;width:57.45%;aspect-ratio:1/1;background-position:center;background-size:cover;background-repeat:no-repeat;border-right:1px solid var(--line)}
.pv-pane .pv-bd{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px 30px}
.pv-pane h3{font:700 34px/1.1 var(--disp);letter-spacing:.01em;color:var(--ink)}
.pv-pane p{font-size:18px;line-height:1.65;color:var(--body-ink);max-width:44ch}
.pv-bar{width:56px;height:6px;margin-top:6px}
.pv-bar.st-raw{background:#6B4E35}
.pv-bar.st-blank{background:#C08A3E}
.pv-bar.st-mach{background:#0A6292}
.pv-bar.st-insp{background:#4A7BA6}
.pv-bar.st-fin{background:#12324A}
.pv-bar.st-ship{background:#6B7280}

/* —— S5 WHY：3×2 Value Points（Brief §8：手风琴改可见论点，去厚重卡片边框） —— */
.vpgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,3.4vw,46px) clamp(22px,3vw,38px)}
.vp{border-top:1px solid var(--line);padding-top:20px}
.vp .vnum{display:block;font:700 36px/1 var(--disp);letter-spacing:.02em;color:var(--navy);margin-bottom:10px}
.vp b{display:block;font:700 32px/1.15 var(--disp);letter-spacing:.01em;color:var(--ink)}
.vp p{margin-top:9px;font-size:18px;line-height:1.6;color:var(--dim)}
@media(max-width:960px){.vpgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vpgrid{grid-template-columns:1fr}}

/* —— S6 QUALITY：步骤列表×图证舞台一体化（2026-09-16 用户裁定"步骤和图片是一个整体进行展示和交互"） —— */
.qwrap{display:grid;grid-template-columns:4fr 8fr;gap:clamp(18px,2.5vw,32px);align-items:stretch}
.qlist{border-top:1px dashed rgba(10,98,146,.32);display:flex;flex-direction:column}
.qstep{flex:1;display:flex;align-items:center;gap:16px;width:100%;padding:14px 16px;cursor:pointer;
  text-align:left;transition:background var(--tr)}
.qstep b{font:700 32px/1 var(--disp);letter-spacing:.02em;color:rgba(10,98,146,.45);min-width:46px;transition:color var(--tr)}
.qstep span{font:400 18px/1.4 var(--sans);color:var(--body-ink);letter-spacing:.02em;transition:color var(--tr)}
.qstep:hover{background:var(--bg2)}
.qstep:hover b{color:var(--navy)}
.qstep.on{background:var(--bg2);box-shadow:inset 3px 0 0 var(--accC)}
.qstep.on b{color:var(--navy)}
.qstep.on span{color:var(--ink);font-weight:600}
.qstage{position:relative;border:1px solid var(--line);overflow:hidden;background:var(--bg2);aspect-ratio:1/1}
.qstage .qcv-im{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.qstage .qcv-im.on{opacity:1;visibility:visible}

/* 交互模块响应式 */
@media(max-width:960px){
  .entsel{grid-template-columns:1fr}
  .ent-pane{display:none}
  .ent-pane.on{display:flex}
}
@media(max-width:760px){
  .ptrack{grid-template-columns:repeat(3,1fr);gap:16px 8px;margin-bottom:20px}
  .ptrack::before{display:none}
  .pview{min-height:0;aspect-ratio:unset}
  .pv-pane{position:static;flex-direction:column}
  .pv-pane .pv-im{border-right:0;border-bottom:1px solid var(--line)}
  .pv-pane .pv-bd{padding:18px}
  .qwrap{grid-template-columns:1fr}
  .qstage{order:-1}
  .qlist{border-top:0}
  .qstep{padding:12px 10px}
}
@media(prefers-reduced-motion:reduce){
  .qcv-im,.pnode .pn-dot{transition:none}
}

/* —— s4 override（2026-09-15 调整：去编号装饰） —— */
.ent-item.on{background:var(--bg2);box-shadow:inset 3px 0 0 var(--accC)}
.ent-item.on b{color:var(--ink)}
.ent-stage{background:#fff}
.pview{background:#fff}
.pnode .pn-dot{border-radius:0}


/* ============================================================
   SUBPAGE 公共层（#36 多页站，2026-09-20）：page-hero / article /
   matdet 材料分区 / qform 询盘表单 —— 供 materials/guides/contact
   等子页复用，Token 与组件体系与主页一致
   ============================================================ */
.page-hero{background:var(--navy);color:#fff}
.page-hero .wrap{padding-top:clamp(48px,6.5vw,84px);padding-bottom:clamp(38px,5vw,60px)}
.page-hero .eyebrow{color:var(--accL)}
.page-hero h1{font:700 clamp(38px,5.2vw,64px)/1.06 var(--disp);letter-spacing:.01em;color:#fff;
  text-transform:uppercase;margin:14px 0 14px}
.page-hero .lead{color:rgba(255,255,255,.85)}
.crumbs{display:block;font:500 11px/1 var(--mono);letter-spacing:.18em;color:rgba(255,255,255,.55);text-decoration:none}
.crumbs:hover{color:#fff}

/* 长文排版（guides / about / quality） */
.article{max-width:840px;margin:0 auto}
.article h2{font:700 clamp(26px,3vw,36px)/1.15 var(--disp);color:var(--ink);
  text-transform:uppercase;letter-spacing:.01em;margin:42px 0 14px}
.article h3{font:700 19px/1.3 var(--disp);color:var(--ink);text-transform:uppercase;
  letter-spacing:.02em;margin:26px 0 8px}
.article p{margin:0 0 15px}
.article ul.bul{margin:0 0 18px}
.article ul.bul li{position:relative;padding-left:22px;margin-bottom:8px}
.article ul.bul li::before{content:"";position:absolute;left:2px;top:.66em;width:9px;height:2px;background:var(--acc)}
.article .note{font:500 12.5px/1.9 var(--mono);letter-spacing:.04em;color:var(--dim);
  border-left:3px solid var(--acc);padding:8px 0 8px 16px;background:var(--cream);margin:0 0 18px}
.cmp-table{width:100%;border-collapse:collapse;margin:16px 0 26px;font-size:14.5px}
.cmp-table th{background:var(--navy);color:#fff;font:600 12px/1.5 var(--mono);
  letter-spacing:.1em;text-align:left;padding:10px 14px}
.cmp-table td{border:1px solid var(--line);padding:10px 14px;vertical-align:top;background:#fff}
.cmp-table tr td:first-child{font-weight:600;color:var(--ink);background:var(--cream);white-space:nowrap}

/* 材料总览分区（materials.html） */
.matdet{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:clamp(24px,4vw,52px);
  padding:clamp(30px,4.5vw,52px) 0;border-top:1px solid var(--line);scroll-margin-top:96px}
.matdet .md-im{aspect-ratio:1/1;background-size:cover;background-position:center;border:1px solid var(--line)}
.matdet h3{font:700 clamp(24px,2.6vw,32px)/1.1 var(--disp);color:var(--ink);
  text-transform:uppercase;margin-bottom:6px}
.matdet .md-sub{color:var(--dim);margin-bottom:14px}
.matdet .md-cta{margin-top:18px}
.matdet .chips{justify-content:flex-start}
@media(max-width:820px){.matdet{grid-template-columns:1fr}}

/* 询盘表单（contact.html） */
.qform{max-width:1140px;margin:0 auto;text-align:left;border:1px solid var(--line);
  background:var(--cream);padding:clamp(30px,4vw,60px)}
.qform .fr{margin-bottom:24px}
.qform label{display:block;font:700 15px/1 var(--mono);letter-spacing:.12em;color:var(--ink);margin-bottom:11px}
.qform input,.qform select,.qform textarea{width:100%;border:1px solid var(--line);background:#fff;
  padding:16px 18px;font:400 17px/1.5 var(--sans);color:var(--body-ink)}
.qform input:focus,.qform select:focus,.qform textarea:focus{border-color:var(--navy)}
.qform textarea{min-height:150px;resize:vertical}
.qform .f2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.qform .fhint{font:500 13.5px/1.8 var(--mono);letter-spacing:.04em;color:var(--dim);margin:12px 0 0}
.qform .btn-stamp{width:100%;padding:22px 26px;font-size:18px}
@media(max-width:680px){.qform .f2{grid-template-columns:1fr}}

/* 子页收尾 CTA 带（浅色，区别于主页终屏） */
.subcta{border-top:1px solid var(--line);background:var(--bg2)}
.subcta .wrap{padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(36px,5vw,56px);text-align:center}
.subcta h2{font:700 clamp(28px,3.4vw,42px)/1.1 var(--disp);color:var(--ink);
  text-transform:uppercase;margin-bottom:10px}
.subcta .lead{margin:0 auto 24px}


/* ============ #40 产品总览行式清单 ============ */
.mlist{border-top:1px solid var(--line)}
.mrow{display:flex;align-items:center;gap:clamp(16px,2.4vw,30px);padding:clamp(14px,2vw,20px) 12px;border-bottom:1px solid var(--line);text-decoration:none;transition:background var(--tr)}
.mrow:hover{background:var(--cream)}
.mr-bd{flex:1;min-width:0}
.mr-bd b{font:600 clamp(22px,2.4vw,27px)/1.15 var(--disp);letter-spacing:.02em;color:var(--ink);display:block;transition:color var(--tr)}
.mrow:hover .mr-bd b{color:var(--navy)}
.mr-bd small{display:block;font:500 11px/1.4 var(--mono);color:var(--accC);letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.mr-bd p{margin:6px 0 0;color:var(--dim);font-size:15px;line-height:1.5}
.mr-cta{flex:none;font:600 12px/1 var(--mono);letter-spacing:.12em;color:var(--navy);display:flex;align-items:center;gap:8px}
.mr-cta em{font-style:normal;transition:transform var(--tr)}
.mrow:hover .mr-cta em{transform:translateX(5px)}
@media(max-width:760px){.mr-cta{display:none}.mr-bd p{font-size:14px}}

/* #40 通用 chips（page-hero 等处，脱离 .ent-pane 也可用） */
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips .chip{font:600 12px/1 var(--mono);letter-spacing:.12em;color:var(--navy);
  border:1px solid rgba(10,98,146,.3);padding:8px 11px;background:#fff}
.page-hero .chips .chip{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}

/* #40 材料页 grades 双列卡内的等级列表 */
.grd-list li{display:block;padding:9px 0;border-bottom:1px solid var(--line)}
.grd-list li:last-child{border-bottom:0}
.grd-list b{display:block;font:700 16px/1.3 var(--disp);letter-spacing:.02em;color:var(--ink);text-transform:uppercase}
.grd-list span{display:block;font-size:14px;line-height:1.5;color:var(--dim);margin-top:2px}

/* #40 总表分组行 + 通用 note */
.grp-tr td{background:var(--navy)!important;color:#fff;font:600 12px/1.5 var(--mono);letter-spacing:.12em;padding:8px 14px}
.sec .note{font:500 12.5px/1.9 var(--mono);letter-spacing:.04em;color:var(--dim);background:var(--cream);border-left:3px solid var(--accC);padding:12px 16px;margin:14px 0}

/* #42 materials 货架页：3 列大图卡 + 分组区节奏 */
.matgrid.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1080px){.matgrid.g3{grid-template-columns:repeat(2,1fr)}}
.fam-alt{background:var(--cream)}
.fam-alt .matcard .mc-cap span{color:var(--dim)}

/* #42b materials 材料类型切换（selbox 引擎复用）：清单置顶+族切换面板 */
.famtabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
/* #42c 表格数据融入图卡：聚合物行 + 典型温度行 */
.matcard .mc-cap .mc-poly{margin-top:5px;font:600 11px/1.35 var(--mono);letter-spacing:.1em;color:var(--acc);text-transform:uppercase}
.matcard .mc-cap .mc-temp{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);
  font:600 11px/1.35 var(--mono);letter-spacing:.08em;color:var(--navy)}
.famtabs .chip{flex:1 1 0;min-width:200px;text-align:center;cursor:pointer;
  font:700 24px/1 var(--disp);letter-spacing:.04em;text-transform:uppercase;
  color:var(--navy);border:1px solid rgba(10,98,146,.3);padding:18px 20px;background:#fff}
.famtabs .chip:hover,.famtabs .chip:focus-visible{border-color:var(--navy)}
.famtabs .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.fam-pane{display:none}
.fam-pane.on{display:block}

/* #42e 材料详情大卡：竖版大图（全宽 4:3）+ 下方详情，主次分层 */
.mrows{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 22px}
.mrow{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--line);
  transition:border-color .2s,box-shadow .2s}
.mrow:hover{border-color:var(--navy);box-shadow:0 10px 28px rgba(10,40,70,.08)}
.mrow-im{width:100%;aspect-ratio:1/1;background-position:center;background-size:cover;
  background-repeat:no-repeat;border-bottom:1px solid var(--line)}
.mrow-bd{flex:1;display:flex;flex-direction:column;padding:18px 20px 20px}
.mrow-hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.mrow-hd b{font:700 30px/1.1 var(--disp);letter-spacing:.01em;color:var(--ink)}
.mrow-poly{font:600 11px/1.3 var(--mono);letter-spacing:.1em;color:var(--acc);text-transform:uppercase}
.mrow-tmp{margin-left:auto;font:700 12px/1 var(--mono);letter-spacing:.06em;color:#fff;
  background:var(--navy);padding:7px 11px;white-space:nowrap;align-self:center}
.mrow-desc{margin-top:10px;font-size:15.5px;line-height:1.5;color:var(--dim)}
.mrow-data{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;
  margin-top:14px;padding:12px 0 0;border-top:1px solid var(--line)}
.mrow-data li span{display:block;font:600 10px/1.3 var(--mono);letter-spacing:.1em;color:var(--dim)}
.mrow-data li em{display:block;font:700 16px/1.35 var(--disp);font-style:normal;color:var(--ink);margin-top:3px}
.mrow-apps{margin-top:auto;padding-top:12px}
.mrow-apps .lb{display:block;font:600 10px/1.3 var(--mono);letter-spacing:.1em;color:var(--dim)}
.mrow-apps .v{display:block;font-size:13.5px;line-height:1.5;color:var(--ink);margin-top:4px}
.mrow-more{margin-top:12px;font:700 13px/1 var(--mono);letter-spacing:.12em;color:var(--navy)}
.mrow:hover .mrow-more{text-decoration:underline}
@media(max-width:960px){.mrows{grid-template-columns:1fr}}
@media(max-width:560px){.mrow-hd b{font-size:24px}}

/* #43 产品详情页视觉升级：大图首区 + stat tiles + chips/appgrid 化清单 */
.matdet{grid-template-columns:minmax(340px,520px) 1fr}
.matdet h3{font-size:clamp(28px,3.4vw,42px)}
.matdet .md-sub{font:600 12px/1.4 var(--mono);letter-spacing:.12em;color:var(--acc);text-transform:uppercase}
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 22px}
.stat{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);padding:22px 24px}
.stat span{display:block;font:600 12px/1.4 var(--mono);letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.stat em{display:block;font:700 34px/1.2 var(--disp);font-style:normal;color:var(--ink);margin-top:8px}
.appgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 6px}
.app{background:var(--cream);border-left:4px solid var(--acc);padding:16px 18px;
  font-weight:600;font-size:16px;line-height:1.5;color:var(--ink)}
@media(max-width:820px){.statgrid{grid-template-columns:1fr 1fr}.appgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.statgrid{grid-template-columns:1fr}.appgrid{grid-template-columns:1fr}}

/* #43b Forms&Grades 重构 + 全页区段奶油底交替 */
/* #44e CNC 图证区：证据链行卡（图+环节+该图证明什么）+ 验证路径 */
.evrow{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:clamp(18px,2.5vw,30px);align-items:center;
  background:#fff;border:1px solid var(--line);padding:14px 18px;margin:0}
.evrow+.evrow{margin-top:18px}
.evrow-im{aspect-ratio:1/1;background-size:cover;background-position:center}
.evrow-bd .n{font:700 13px/1 var(--mono);letter-spacing:.16em;color:var(--acc)}
.evrow-bd b{display:block;font:700 26px/1.15 var(--disp);letter-spacing:.01em;color:var(--ink);text-transform:uppercase;margin:8px 0 0}
.evrow-bd p{margin:9px 0 0;font-size:15.5px;line-height:1.6;color:var(--dim)}
@media(max-width:820px){.evrow{grid-template-columns:1fr}}

/* #44d CNC 图证区：统一 2 列大图卡（替代拼贴 mosaic） */
.evgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ev{margin:0;background:#fff;border:1px solid var(--line)}
.ev figcaption{display:flex;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid var(--line)}
.ev figcaption::before{content:"";width:10px;height:10px;background:var(--acc);flex:none}
.ev figcaption b{font:700 16px/1.2 var(--disp);letter-spacing:.06em;color:var(--ink);text-transform:uppercase}
@media(max-width:820px){.evgrid{grid-template-columns:1fr}}

/* #44c CNC 六服务：竖版图卡（图+编号+标题+详述） */
.svcgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.svc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.svc:hover{border-color:var(--navy);box-shadow:0 10px 28px rgba(10,40,70,.08)}
.svc-im{width:100%;aspect-ratio:1/1;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.svc-bd{flex:1;padding:20px 22px 22px}
.svc-hd{display:flex;align-items:baseline;gap:12px}
.svc .n{font:700 20px/1 var(--disp);letter-spacing:.02em;color:var(--acc)}
.svc b{font:700 26px/1.15 var(--disp);letter-spacing:.01em;color:var(--ink);text-transform:uppercase}
.svc p{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--dim)}
@media(max-width:820px){.svcgrid{grid-template-columns:1fr}}
.sec.navy{background:var(--navy)}
.sec.navy h2{color:#fff}
.sec.navy .eyebrow{color:var(--accL)}
.sec.navy .app{background:rgba(255,255,255,.08);border-left-color:var(--acc);color:#fff}
.sec.navy .note{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75)}
.sec.navy .btn-stamp-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.sec.navy .btn-stamp-ghost:hover{border-color:#fff}

/* #43f specialty 页：全宽大图横幅 + 五行大号编号行卡（替代 5 张同图小卡） */
.specrows{}
.specrow{display:grid;grid-template-columns:96px 1fr auto;gap:26px;align-items:center;
  padding:26px 10px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}
.specrow:first-child{border-top:1px solid var(--line)}
.specrow .n{font:700 42px/1 var(--disp);letter-spacing:.02em;color:var(--navy)}
.specrow .bd b{display:block;font:700 27px/1.15 var(--disp);letter-spacing:.01em;color:var(--ink);text-transform:uppercase}
.specrow .bd p{margin:7px 0 0;font-size:15.5px;line-height:1.55;color:var(--dim)}
.specrow .arr{font:700 13px/1 var(--mono);letter-spacing:.12em;color:var(--navy);white-space:nowrap}
.specrow:hover{background:var(--cream)}
.specrow:hover .arr{text-decoration:underline}
@media(max-width:820px){.specrow{grid-template-columns:64px 1fr;gap:16px}
  .specrow .n{font-size:32px}.specrow .bd b{font-size:23px}.specrow .arr{display:none}}

/* #43d 产品详情整合：属性/形式/牌号并为首区连续子块，不再独立成章 */
.detsub{margin-top:clamp(36px,4.5vw,54px)}
.ds-lb{font:600 13px/1 var(--mono);letter-spacing:.2em;color:var(--acc);margin:0 0 16px;text-transform:uppercase}
.grdgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px}
.grd{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);padding:20px 22px}
.grd b{display:block;font:700 24px/1.2 var(--disp);letter-spacing:.02em;color:var(--ink);text-transform:uppercase}
.grd span{display:block;font-size:14.5px;line-height:1.55;color:var(--dim);margin-top:6px}
@media(max-width:960px){.grdgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grdgrid{grid-template-columns:1fr}}

/* #46 Solutions 五项方案详述行卡（用户处境 + 公司做法，左右交替） */
.solrow{display:grid;grid-template-columns:minmax(320px,500px) 1fr;gap:clamp(26px,4vw,52px);
  align-items:center;padding:clamp(34px,4.5vw,54px) 0;border-top:1px solid var(--line)}
.solrow:first-of-type{border-top:none;padding-top:10px}
.solrow.rev .solrow-im{order:2}
.solrow-im{aspect-ratio:1/1;background-size:cover;background-position:center;border:1px solid var(--line)}
.sol-n{font:600 13px/1 var(--mono);letter-spacing:.2em;color:var(--acc);margin:0 0 12px;text-transform:uppercase}
.solrow h2{font-size:clamp(30px,3.2vw,40px);margin:0 0 20px}
.solrow .sol-blk p{margin:0;font-size:16.5px;line-height:1.6;color:var(--ink);font-weight:500}
.sol-blk+.sol-blk{margin-top:20px}
.solrow .appgrid{grid-template-columns:1fr;gap:10px;margin:0}
.solrow .app{font-size:15px;padding:13px 16px}
.solrow .arrow-link{display:inline-flex;margin-top:22px}
@media(max-width:920px){.solrow{grid-template-columns:1fr}.solrow.rev .solrow-im{order:0}}
/* #47 Industries 行内材料 chips 加大 */
.solrow .prop-chips a{padding:9px 15px;font-size:13px}

/* #48 Industries 六行业大图横幅带（全宽背景图 + 白面板） */
.indsec{margin-top:clamp(8px,1vw,14px)}
.ind-band{background-size:cover;background-position:center;padding:clamp(48px,6vw,84px) 0}
.ind-band+.ind-band{border-top:3px solid #fff}
.ind-panel{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);
  padding:clamp(26px,3vw,40px);max-width:640px;box-shadow:0 16px 44px rgba(10,40,70,.16)}
.ind-panel h2{font-size:clamp(28px,3vw,38px);margin:0 0 6px}
.ind-lb{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--acc);margin:18px 0 10px;text-transform:uppercase}
.ind-panel .chips{margin:0;justify-content:flex-start}
.ind-panel .chips .chip{background:var(--cream)}
.ind-panel .prop-chips{justify-content:flex-start;margin:0}
.ind-panel .prop-chips a{padding:9px 15px;font-size:13px}
.ind-panel .arrow-link{display:inline-flex;margin-top:20px}
@media(max-width:920px){.ind-band{padding:26px 0}.ind-panel{max-width:none;box-shadow:none}}

/* #49 Industries hover 切换舞台：六标签 + 大图叠字（左渐变遮罩保图保字） */
.indtabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.indtabs .chip{flex:1 1 0;min-width:140px;text-align:center;cursor:pointer;
  font:700 17px/1.1 var(--disp);letter-spacing:.05em;text-transform:uppercase;
  color:var(--navy);border:1px solid rgba(10,98,146,.3);padding:14px 10px;background:#fff}
.indtabs .chip:hover{border-color:var(--navy)}
.indtabs .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.indstage{display:grid;border:1px solid var(--line);aspect-ratio:1/1}
.ind-slide{grid-area:1/1;position:relative;background-size:cover;background-position:center;
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.ind-slide.on{opacity:1;visibility:visible}
.ind-slide::before{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,22,40,.92) 0%,rgba(8,22,40,.78) 34%,rgba(8,22,40,.3) 64%,rgba(8,22,40,.06) 100%)}
.ind-ol{position:relative;max-width:620px;padding:clamp(34px,4vw,56px);color:#fff}
.ind-ol .sol-n{color:var(--accL)}
.ind-ol h2{color:#fff;font-size:clamp(28px,3vw,42px);margin:0 0 4px}
.ind-lb2{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--accL);margin:18px 0 10px;text-transform:uppercase}
.ind-ol .chips{margin:0;justify-content:flex-start}
.ind-ol .chips .chip{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.45)}
.ind-ol .prop-chips{justify-content:flex-start;margin:0}
.ind-ol .prop-chips a{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}
.ind-ol .prop-chips a:hover,.ind-ol .prop-chips a:focus-visible{background:#fff;color:var(--navy);border-color:#fff}
.ind-ol .arrow-link{display:inline-flex;margin-top:22px;color:#fff}
@media(max-width:920px){
  .indtabs .chip{min-width:calc(50% - 8px)}
  .ind-slide::before{background:linear-gradient(180deg,rgba(8,22,40,.25) 0%,rgba(8,22,40,.55) 34%,rgba(8,22,40,.92) 66%)}
  .ind-ol{min-height:0;padding:110px 24px 30px;max-width:none}
}

/* #50 Industries 舞台内容链：材料 → 加工 → 成品（+ 应用场景句） */
.ind-slide{display:flex;flex-direction:column;justify-content:space-between}
.ind-app{margin:6px 0 0;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.9);max-width:560px;font-weight:500}
.ind-ol .arrow-link{margin-top:18px}
.ind-chain{display:grid;grid-template-columns:1.15fr auto 1fr auto 1.25fr;gap:clamp(14px,1.8vw,26px);align-items:start;
  background:rgba(8,22,40,.78);backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.16);
  padding:18px clamp(24px,3vw,40px) 20px;margin:0 clamp(26px,3.4vw,48px)}
.ind-chain .carr{color:var(--accL);font:700 24px/1 var(--disp);align-self:center;padding-top:14px}
@media(max-width:920px){
  .ind-chain{grid-template-columns:1fr;gap:12px;margin:14px 16px 16px}
  .ind-chain .carr{display:none}
  .ind-ol{min-height:0;padding:96px 22px 0}
}

/* #51 Industries 链条卡加图：材料/加工/成品 三段图卡 */
.ccard{background:rgba(8,22,40,.55);border:1px solid rgba(255,255,255,.16)}
.cc-im{aspect-ratio:1/1;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.16)}
.cc-bd{padding:12px 14px 14px}
.cc-bd .ind-lb2{margin:0 0 9px}
.ind-chain .carr{padding-top:0;align-self:center}
@media(max-width:920px){.ccard{display:grid;grid-template-columns:150px 1fr;gap:12px}
  .cc-im{border-bottom:none;border-right:1px solid rgba(255,255,255,.16)}}

/* #52 链条移出背景图：舞台下方浅底切换行（背景图只留左上文字） */
.ind-chain{display:none;grid-template-columns:1.15fr auto 1fr auto 1.25fr;gap:clamp(14px,1.8vw,26px);
  margin:18px 0 0;background:none;border-top:none;backdrop-filter:none;padding:0}
.ind-chain.on{display:grid}
.ind-chain .ccard{background:#fff;border:1px solid var(--line)}
.ind-chain .cc-im{border-bottom:1px solid var(--line)}
.ind-chain .carr{color:var(--navy)}
@media(max-width:920px){.ind-chain{margin:16px 0 0}}

/* #53 Quality 专属组件：买家两问卡 + 检验单大卡 */
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.qcard{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);padding:clamp(24px,2.6vw,34px)}
.qcard .q-n{font:600 13px/1 var(--mono);letter-spacing:.2em;color:var(--acc);margin:0 0 12px;text-transform:uppercase}
.qcard h3{font:700 clamp(24px,2.4vw,30px)/1.15 var(--disp);letter-spacing:.01em;color:var(--ink);margin:0 0 12px}
.qcard p{margin:0;font-size:16px;line-height:1.6;color:var(--dim)}
.qcard .arrow-link{display:inline-flex;margin-top:18px}
.qlist{background:#fff;border:1px solid var(--line)}
.qlist-hd{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:18px 26px;border-bottom:1px dashed var(--line)}
.qlist-hd b{font:700 22px/1 var(--disp);letter-spacing:.03em;color:var(--ink)}
.qlist-hd span{font:600 11px/1.4 var(--mono);letter-spacing:.14em;color:var(--dim)}
.qrow{display:flex;align-items:center;gap:16px;padding:12px 26px;border-bottom:1px dashed var(--line)}
.qrow:last-child{border-bottom:none}
.qrow .num{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);font:700 17px/1 var(--disp);color:var(--navy)}
.qrow b{font-weight:600;font-size:16.5px;color:var(--ink)}
.qrow .box{margin-left:auto;flex:none;width:17px;height:17px;border:2px solid var(--navy)}
.qrows{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(6,auto);column-gap:clamp(24px,3vw,44px)}
.qrows .qrow:nth-child(6){border-bottom:none}
@media(max-width:920px){.qgrid{grid-template-columns:1fr}.qrows{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}

/* #54 两问切换：标签 + 面板 */
.qtabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.qtabs .chip{flex:1 1 0;min-width:280px;text-align:center;cursor:pointer;
  font:700 19px/1.2 var(--disp);letter-spacing:.04em;text-transform:uppercase;
  color:var(--navy);border:1px solid rgba(10,98,146,.3);padding:16px 18px;background:#fff}
.qtabs .chip:hover{border-color:var(--navy)}
.qtabs .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.qpane{display:none}
.qpane.on{display:block}
.qpane .qcard{margin-bottom:26px}

/* #55 Quality 板式对齐修复：Q1 图列与清单等高；Q2 图卡 3 列与说明瓷砖对齐 */
.qboard{align-items:stretch}
.qphotos{grid-template-rows:repeat(3,1fr)}
.qphotos .matcard{min-height:0}
.qpane .appgrid{gap:14px 18px}

/* #56 Case Studies 总览重构：三案例成交实录——大图 + R→C→S→R 四格记录条（RESULT 深蓝收尾），无 testimonial */
.caserow{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:clamp(26px,4vw,54px);align-items:center;padding:clamp(34px,4.5vw,56px) 0;border-top:1px solid var(--line)}
.caserow.rev .caserow-im{order:2}
.caserow-im{position:relative;background-size:cover;background-position:center;aspect-ratio:1/1}
.caserow-im figcaption{position:absolute;left:0;bottom:0;background:rgba(8,22,40,.9);color:#fff;font:600 12px/1 var(--mono);letter-spacing:.14em;padding:10px 14px}
.case-n{font:600 13px/1 var(--mono);letter-spacing:.2em;color:var(--acc)}
.caserow h2{font-size:clamp(28px,3vw,38px);margin:10px 0 0}
.case-mt{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 22px}
.case-chain{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}
.cstep{padding:18px 18px 20px;border-left:1px dashed var(--line)}
.cstep:first-child{border-left:none}
.cstep .cl{font:600 11.5px/1 var(--mono);letter-spacing:.16em;color:var(--navy);margin-bottom:10px}
.cstep p{font-size:14px;line-height:1.55;color:var(--ink)}
.cstep.rst{background:var(--navy)}
.cstep.rst .cl{color:var(--accL)}
.cstep.rst p{color:#fff}
.caserow .arrow-link{display:inline-block;margin-top:20px}
@media(max-width:920px){.caserow{grid-template-columns:1fr}.caserow.rev .caserow-im{order:0}.case-chain{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.cstep{border-left:none;border-top:1px dashed var(--line)}.cstep:nth-child(-n+2){border-top:none}.cstep:nth-child(even){border-left:1px dashed var(--line)}}
@media(max-width:560px){.case-chain{grid-template-columns:1fr}.cstep{border-left:none;border-top:1px dashed var(--line)}.cstep:first-child{border-top:none}}

/* #57 Resources 重构：指南大图卡（vs 徽标）+ 买家问答专属行 */
.resgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.rescard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit}
.rescard .rc-im{aspect-ratio:1/1;background-size:cover;background-position:center;position:relative}
.rc-vs{position:absolute;left:0;bottom:0;background:var(--navy);color:#fff;font:700 20px/1 var(--disp);letter-spacing:.05em;padding:10px 16px;text-transform:uppercase}
.rescard .rc-bd{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.rc-n{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--acc)}
.rescard .rc-bd b{font:700 20px/1.3 var(--disp);text-transform:uppercase;margin:10px 0}
.rescard .rc-bd p{font-size:14.5px;line-height:1.6;color:var(--dim)}
.rescard .arrow-link{display:inline-block;margin-top:auto;padding-top:14px}
.faqrow{border:1px solid var(--line);background:#fff}
.faqitem{display:grid;grid-template-columns:96px 1fr;gap:22px;padding:24px 30px;border-top:1px dashed var(--line)}
.faqitem:first-child{border-top:none}
.faqitem .fq{font:600 13px/1.4 var(--mono);letter-spacing:.16em;color:var(--navy)}
.faqitem h3{font:700 20px/1.3 var(--disp);text-transform:uppercase;margin-bottom:8px}
.faqitem p{font-size:15px;line-height:1.65;color:var(--ink)}
@media(max-width:1080px){.resgrid{grid-template-columns:1fr 1fr}.resgrid .rescard:first-child{grid-column:1/-1}}
@media(max-width:760px){.resgrid{grid-template-columns:1fr}.faqitem{grid-template-columns:1fr;gap:8px;padding:20px 22px}}

/* #58 指南页 versus 版式：横幅图 + 对阵账册 + 数据表 + 双面板裁定 + 交叉指南 */
.gintro{max-width:940px}
.gintro h2{font:700 clamp(26px,3vw,36px)/1.15 var(--disp);text-transform:uppercase;color:var(--ink);margin:0 0 14px}
.gintro p{font-size:16.5px;line-height:1.75;color:var(--ink)}
.gduel{margin-top:40px;border:1px solid var(--line);background:#fff}
.duelrow{display:grid;grid-template-columns:225px 1fr 150px;gap:26px;align-items:center;padding:24px 30px;border-top:1px dashed var(--line)}
.duelrow:first-child{border-top:none}
.duelrow .dl{font:600 12px/1.6 var(--mono);letter-spacing:.15em;color:var(--navy)}
.duelrow .dl em{display:block;font-style:normal;color:var(--acc);margin-bottom:4px}
.duelrow p{font-size:15px;line-height:1.7;color:var(--ink)}
.vchip{justify-self:end;font:600 11px/1.4 var(--mono);letter-spacing:.12em;color:var(--navy);border:1px solid var(--navy);padding:8px 12px;white-space:nowrap;text-align:center}
.gh2{font:700 clamp(24px,2.6vw,32px)/1.15 var(--disp);text-transform:uppercase;color:var(--ink);margin:48px 0 18px}
.pickrow{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pick{background:#fff;border:1px solid var(--line);padding:26px 28px}
.pick.alt{background:var(--navy);border-color:var(--navy)}
.pick .pl{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--acc);margin-bottom:16px}
.pick.alt .pl{color:var(--accL)}
.pick .appgrid{grid-template-columns:1fr;gap:10px;margin:0}
.pick .app{padding:12px 16px;font-size:14.5px;background:var(--cream)}
.pick.alt .app{background:rgba(255,255,255,.08);border-left-color:var(--accL);color:#fff}
.picknote{margin-top:28px}
.guidex{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.guidex>span{font:600 12px/1 var(--mono);letter-spacing:.16em;color:var(--dim)}
.guidex a{font:600 12.5px/1 var(--mono);letter-spacing:.12em;color:var(--navy);text-decoration:none;transition:color var(--tr)}
.guidex a:hover,.guidex a:focus-visible{color:var(--acc)}
@media(max-width:860px){.duelrow{grid-template-columns:1fr;gap:12px;padding:20px}.vchip{justify-self:start}.pickrow{grid-template-columns:1fr}.guidex{gap:14px}}

/* #59 About：买家四问账册（Q 深蓝问句列 | 事实回答+回链）+ 出口四步轨 */
.caregrid{margin-top:28px;border:1px solid var(--line);background:#fff}
.cg-hd{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:15px 26px;background:var(--cream);border-bottom:1px solid var(--line)}
.cg-hd b{font:700 17px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.cg-hd span{font:600 11px/1.6 var(--mono);letter-spacing:.14em;color:var(--dim)}
.carerow{display:grid;grid-template-columns:300px 1fr}
.carerow+.carerow{border-top:1px dashed var(--line)}
.carerow .cq{background:var(--navy);color:#fff;font:600 15px/1.55 var(--mono);letter-spacing:.03em;display:flex;align-items:center;padding:20px 26px}
.carerow .ca{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px 26px}
.carerow .ca p{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink);max-width:760px}
.carerow .ca .arrow-link{display:inline-flex;font-size:13.5px}
/* #63 About 出口段（全幅实拍 hero + 蒙版居中标 + 底部四服务条带） */
.exhero{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;background-color:var(--bg2);border:1px solid rgba(255,255,255,.22);overflow:hidden}
.exsl{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:0;animation:exfade 24s infinite}
.exsl:nth-child(1){animation-delay:0s}
.exsl:nth-child(2){animation-delay:6s}
.exsl:nth-child(3){animation-delay:12s}
.exsl:nth-child(4){animation-delay:18s}
@keyframes exfade{0%{opacity:0}3%{opacity:1}22%{opacity:1}27%{opacity:0}100%{opacity:0}}
/* 悬停服务项 → 切换对应背景图 */
.exhero:has(.exstrip span:hover) .exsl{animation:none;opacity:0}
.exhero:has(.exstrip span:nth-child(1):hover) .exsl:nth-child(1),
.exhero:has(.exstrip span:nth-child(2):hover) .exsl:nth-child(2),
.exhero:has(.exstrip span:nth-child(3):hover) .exsl:nth-child(3),
.exhero:has(.exstrip span:nth-child(4):hover) .exsl:nth-child(4){opacity:1}
/* #99 追加 4（用户反馈：白纱丑；蒙版透明度要最高）——蒙版几乎全透（仅顶 .20/底 .35 微压），
   照片完整呈现；白字靠 text-shadow 保可读；四步条恢复半透明藏青底白字（自带底不依赖蒙版） */
.exhero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,0) 42%,rgba(0,0,0,.35))}
.exov{position:relative;z-index:2;text-align:center;max-width:780px;padding:70px 36px 170px;display:flex;flex-direction:column;align-items:center;gap:8px;text-shadow:0 2px 14px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.45)}
.exov .lead{margin:10px 0 0;color:rgba(255,255,255,.92)}
.exstrip{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3);background:rgba(9,50,76,.58)}
.exstrip span{position:relative;padding:22px 16px 24px;font:600 13px/1.5 var(--mono);letter-spacing:.12em;color:#fff;text-transform:uppercase;text-align:center;border-left:1px solid rgba(255,255,255,.3);transition:background .2s}
.exstrip span:hover{background:rgba(255,255,255,.12)}
.exstrip span:first-child{border-left:none}
.exstrip span::before{content:'';display:block;width:24px;height:3px;background:var(--acc);margin:0 auto 10px}
@media(prefers-reduced-motion:reduce){.exsl{animation:none}.exsl:nth-child(1){opacity:1}}
@media(max-width:920px){.exhero{min-height:460px}.exov{padding:48px 24px 190px}.exstrip{grid-template-columns:1fr 1fr}.exstrip span:nth-child(n+3){border-top:1px solid rgba(255,255,255,.3)}.exstrip span:nth-child(3){border-left:none}}
@media(max-width:560px){.exhero{min-height:420px}.exov{padding:42px 20px 250px}.exstrip{grid-template-columns:1fr}.exstrip span{border-left:none;border-top:1px solid rgba(255,255,255,.3)}.exstrip span:first-child{border-top:none}}
@media(max-width:640px){.carerow{grid-template-columns:1fr}}
.sec.navy .lead{color:rgba(255,255,255,.8)}

/* #60 About 设施图墙（等宽方格） */
.abgal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:860px){
  .abgal{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}

/* #66 Contact 双 RFQ Tab 切换 + 文件拖放框 + 直连区图证 */
.rfqtabs{display:grid;grid-template-columns:1fr 1fr;max-width:1140px;margin:0 auto 36px;border:1px solid var(--line);background:var(--cream)}
.rfqtab{display:flex;flex-direction:column;gap:10px;padding:30px 38px;text-align:left;background:transparent;border:none;border-left:1px solid var(--line);cursor:pointer;transition:background .2s}
.rfqtab:first-child{border-left:none}
.rfqtab b{font:700 30px/1.2 var(--disp);letter-spacing:.05em;color:var(--dim)}
.rfqtab span{font:500 14px/1.6 var(--mono);letter-spacing:.05em;color:var(--dim)}
.rfqtab.on{background:#fff;box-shadow:inset 0 5px 0 var(--acc)}
.rfqtab.on b,.rfqtab.on span{color:var(--ink)}
.rfqtab:hover b{color:var(--ink)}
.qform .fdrop{display:flex;align-items:center;justify-content:center;padding:32px 16px;border:1.5px dashed var(--accC);background:#fff;font:500 14px/1.6 var(--mono);letter-spacing:.05em;color:var(--dim);cursor:pointer;text-align:center;transition:border-color .2s,color .2s}
.qform .fdrop:hover{border-color:var(--acc);color:var(--ink)}
.qform .fdrop input{display:none}
.qform .fdrop.has{border-style:solid;border-color:var(--navy);color:var(--ink)}
.dcgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.dc-info h2{margin:6px 0 18px}
.dc-info .prop-chips{justify-content:flex-start}
.dc-addr{margin:20px 0 0;font:500 15px/1.8 var(--mono);letter-spacing:.03em;color:var(--dim)}
.dc-fig{position:relative;margin:0;aspect-ratio:1/1;background-color:var(--bg2);background-size:cover;background-position:center;border:1px solid var(--line)}
.dc-fig figcaption{position:absolute;left:0;bottom:0;background:rgba(8,22,40,.88);color:#fff;font:600 11.5px/1 var(--mono);letter-spacing:.14em;padding:10px 14px}
@media(max-width:860px){.dcgrid{grid-template-columns:1fr}}
@media(max-width:620px){.rfqtabs{grid-template-columns:1fr}.rfqtab:first-child{border-left:none;border-bottom:1px solid var(--line)}}

/* Task 8: wp_nav_menu output (ul.menu > li > a) renders like the static
   nav.menu > a markup (flex row on the container, links carry the styles) */
ul.menu{margin:0;padding:0;list-style:none;gap:22px}
ul.menu li{list-style:none;display:flex}
ul.menu li a{display:flex;align-items:center}

/* A6 #91: Why 段落为单段时占满整行（vpgrid 卡片网格兜底） */
.vpgrid>p:only-child{grid-column:1/-1;max-width:900px}

/* A6 #93 产品详情布局收紧：节距减半 + 插图改为题注浮动图（图文并排） */
.p-det{padding:clamp(54px,6.5vw,84px) 0}
.p-det .sec-head{margin-bottom:clamp(22px,3vw,34px)}
.p-det .detsub{margin-top:clamp(26px,3.2vw,40px)}
.pfig{float:right;width:min(480px,44%);margin:6px 0 14px 36px}
.pfig img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.pfig figcaption{margin-top:8px;font:500 11.5px/1.5 var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
@media(max-width:820px){.pfig{float:none;width:100%;margin:14px 0 4px}}

/* A6 #94 概览区设计重排：节标题 + 图文垂直居中 + 事实栏填充图旁空白 */
.matdet{align-items:center}
.matdet p{font-size:17px;line-height:1.75}
.mfacts{margin-top:28px;border-top:1px solid var(--line)}
.mfacts>div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);align-items:baseline}
.mfacts .mf-lb{font:500 11px/1.5 var(--mono);letter-spacing:.1em;color:var(--dim)}
@media(max-width:820px){.mfacts>div{grid-template-columns:1fr;gap:4px}}

/* A6 #95 quality/CNC 图文双栏相片卡 + 相关材料卡白底边框（白色图片分隔感） */
.artgrid{display:grid;grid-template-columns:1fr;align-items:center}
.artgrid:has(figure.pfig){grid-template-columns:minmax(0,1fr) 460px;column-gap:52px}
.artgrid .article{margin:0}
.artgrid .article p{font-size:17px;line-height:1.75}
/* #95 修订：图卡边框全部被否——pfig/matcard 图统一无框，仅轻投影分隔 */
.artgrid figure.pfig{float:none;width:auto;margin:0}
.artgrid figure.pfig img{box-shadow:0 1px 4px rgba(20,24,28,.1),inset 0 0 0 1px rgba(20,24,28,.06)}
.artgrid figure.pfig figcaption{padding:0 4px}
@media(max-width:820px){.artgrid:has(figure.pfig){grid-template-columns:1fr;row-gap:20px}}
/* #95 修订：整卡边框被否——改为仅图片轻投影/内描边做白底图分隔，卡片本体回归无边框 */
.p-det .matcard .mc-im{box-shadow:0 1px 4px rgba(20,24,28,.1),inset 0 0 0 1px rgba(20,24,28,.06)}

/* #97 移动端适配：上方 .matdet 双列声明（#43 无 media 包裹）覆盖了 820px 断点，
   390px 视口下被压成 340px 图 + ~113px 文字条；7 列 .cmp-table 宽 ~688px 超出视口被裁不可读。
   修复：概览区移动端强制单列；宽表改块级容器横向滑动（首列 nowrap 保行可读）。 */
@media(max-width:820px){
  .matdet{grid-template-columns:1fr}
  .cmp-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}