/* ==========================================================================
   新威环境试验箱 · 概述页样式（chamber-overview.css）
   上传到：https://www.neware.com.cn/Public/Home/css/chamber-overview.css
   --------------------------------------------------------------------------
   作用域：所有规则都限定在 .chm-root 容器内，不污染站点公用模板。
   - :root 变量 → .chm-root 变量（子元素继承）
   - * 重置 → .chm-root *
   - body 字体/颜色/背景 → .chm-root
   - html{scroll-behavior} 已移除，锚点平滑滚动改由 JS 接管
   ========================================================================== */

/* ---------- 0. 外部模板样式防御层 ----------
   本页是嵌进官网公用模板的（贴在分类的概述字段里），模板的裸元素规则
   —— 例如 img{border:...} / h1{font-weight:400} / button{padding:...} ——
   会作用到本页元素上。凡是「模板可能有、本页原先又没显式声明」的属性，
   在这里用 .chm-root 前缀钉死一次：优先级 (0,1,1) 高于模板的 (0,0,1)。
   本文件后面的具体规则优先级更高，需要时照常覆盖这里。
   ⚠️ 唯一防不住的是模板里带 !important 的规则（极罕见），只能靠类名不撞车规避。 */
.chm-root img,.chm-root svg{border:0;margin:0;padding:0}
.chm-root a{color:inherit;text-decoration:none;background:none}
.chm-root button{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.chm-root ul,.chm-root ol,.chm-root li{margin:0;padding:0;list-style:none}
.chm-root table{border-collapse:collapse;border-spacing:0;width:auto}
.chm-root th,.chm-root td{padding:0;text-align:left}
.chm-root p,.chm-root h1,.chm-root h2,.chm-root h3,.chm-root h4,.chm-root h5,.chm-root h6{margin:0;padding:0}
.chm-root hr{border:0;margin:0}

/* ==========================================================================
   新威环境试验箱 · 官网宣传页
   设计令牌 → 基础样式 → 组件 → 章节 → 响应式 → 降级
   ========================================================================== */

/* ---------- 1. 设计令牌 ---------- */
.chm-root{
  /* 品牌色 */
  --gold:#F0B100;          /* 新威金 · 仅用于强调与行动点 */
  --gold-ink:#8F6200;      /* 浅底上的金色小字，满足 AA 对比度 */
  --gold-text:#C88700;     /* 浅底上的金色大标题（≥24px，AA 大字 3:1） */
  --gold-soft:#FFF7E3;     /* 金色浅底 */
  --gold-on-dark:#F5C542;  /* 深色底上的金色文字 */
  --gold-hover:#FFC21F;

  /* 中性色 · 浅底 */
  --ink:#1D1D1F;
  --ink-2:#4A4A4F;
  --ink-3:#6E6E73;
  --ink-4:#86868B;
  --bg:#FFFFFF;
  --bg-soft:#F5F5F7;
  --line:#E6E6E9;

  /* 首屏指标区 · 冷灰 slate 系（依 Figma 稿取色） */
  --slate-900:#0F172A;    /* 标题 / 主数字 */
  --slate-500:#64748B;    /* 正文 */
  --slate-400:#94A3B8;    /* 弱化小字 */
  --slate-border:#E6EBF2; /* 卡片描边 */
  --slate-line:#E9EEF4;   /* 分隔线 */

  /* 中性色 · 深底 */
  --d-bg:#141518;
  --d-card:#1A1B1F;
  --d-card-2:#22242A;
  --d-line:#2A2C33;
  --d-ink:#F5F5F7;
  --d-ink-2:#E4E4E7;
  --d-ink-3:#9A9AA0;
  --d-ink-4:#7A7A80;

  /* 排版 */
  --font-sans:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-num:"D-DIN","Bahnschrift","DIN Alternate","Oswald","Inter","Helvetica Neue",Arial,sans-serif;

  /* 版式节奏 */
  --shell:1440px;
  --pad:120px;
  --sec-y:96px;
  --nav-h:76px;

  /* 圆角 */
  --r-sm:10px;
  --r-block:16px;
  --r-card:18px;
  --r-lg:20px;
  --r-pill:999px;

  /* 阴影 */
  --sh-1:0 1px 2px rgba(16,17,20,.04), 0 4px 14px rgba(16,17,20,.045);
  --sh-2:0 2px 6px rgba(16,17,20,.05), 0 18px 40px rgba(16,17,20,.09);
  --sh-nav:0 1px 0 rgba(16,17,20,.06), 0 8px 24px rgba(16,17,20,.05);
}

/* ---------- 2. 基础 ---------- */
.chm-root *, .chm-root *::before, .chm-root *::after{box-sizing:border-box}

.chm-root{
  margin:0;
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.7;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.chm-root img{max-width:100%;display:block;height:auto}
.chm-root a{color:inherit;text-decoration:none}
.chm-root button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.chm-root h1, .chm-root h2, .chm-root h3, .chm-root h4, .chm-root p{margin:0}
.chm-root ul{margin:0;padding:0;list-style:none}
.chm-root :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.chm-root ::selection{background:var(--gold);color:#1D1D1F}

.chm-root .shell{width:100%;max-width:calc(var(--shell) + var(--pad) * 2);margin:0 auto;padding-inline:var(--pad)}

/* 锚点定位避让吸顶导航 */
.chm-root [id]{scroll-margin-top:32px}
.chm-root .num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* ---------- 3. 通用组件 ---------- */
.chm-root .sec-head{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}
.chm-root .sec-head h2{
  font-size:clamp(28px,3.1vw,42px);line-height:1.26;font-weight:700;letter-spacing:-.005em;
}
.chm-root .sec-head p{font-size:16px;line-height:1.78;color:var(--ink-3);max-width:760px}
.chm-root .sec-head--dark h2{color:#fff}
.chm-root .sec-head--dark p{color:var(--d-ink-3)}

.chm-root .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:var(--r-pill);font-weight:500;font-size:16px;line-height:1;
  padding:17px 34px;transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
  white-space:nowrap;
}
.chm-root .btn--gold{background:var(--gold);color:#1D1D1F}
.chm-root .btn--gold:hover{background:var(--gold-hover);box-shadow:0 8px 22px rgba(240,177,0,.32);transform:translateY(-1px)}
.chm-root .btn--ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);padding:17px 34px}
.chm-root .btn--ghost:hover{box-shadow:inset 0 0 0 1px #C9C9CE;transform:translateY(-1px)}
.chm-root .btn--dark{background:var(--ink);color:#fff;padding:16px 30px;font-size:15px}
.chm-root .btn--dark:hover:not(:disabled){background:#000}
.chm-root .btn--dark:disabled{opacity:.32;cursor:not-allowed}
.chm-root .btn--sm{padding:13px 24px;font-size:14px}
.chm-root .btn svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.chm-root .tag{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  background:var(--gold-soft);color:var(--gold-ink);
  border-radius:var(--r-pill);padding:7px 15px;
  font-size:13px;font-weight:500;line-height:1.35;
}
.chm-root .tag--dark{background:rgba(240,177,0,.12);color:var(--gold-on-dark)}
.chm-root .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}

/* 滚动揭示 */
.chm-root .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0ms)}
.chm-root .reveal.is-in{opacity:1;transform:none}
/* 无 JS 环境直接呈现内容，避免内容不可见 */
.chm-root.no-js .reveal{opacity:1;transform:none;transition:none}

/* ---------- 5. Hero（v4 · 依 Figma 稿重做） ---------- */
.chm-root .hero{
  position:relative;background:#fff;padding-block:80px 0;
  overflow:hidden;
}
.chm-root .hero::before{
  content:"";position:absolute;top:-260px;right:-180px;width:760px;height:760px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,177,0,.10) 0%,rgba(240,177,0,0) 68%);
  pointer-events:none;
}
/* 左栏文案 · 单列纵向流；放宽容度，让导语一行铺开 */
.chm-root .hero__copy{
  position:relative;max-width:1120px;
  display:flex;flex-direction:column;
}
.chm-root .hero h1{
  font-size:clamp(34px,4.05vw,65px);line-height:1.23;
  font-weight:800;color:var(--slate-900);
}
/* H1 下的金色短划 */
.chm-root .hero__rule{
  width:76px;height:5px;border-radius:3px;background:var(--gold);
  margin-top:6px;flex:none;
}
.chm-root .hero__sub{font-size:17.5px;line-height:1.62;color:var(--slate-500);margin-top:31px}

/* 胶囊与双按钮同排 */
.chm-root .hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px}
.chm-root .hero__actions .tag{
  align-self:center;margin-right:19px;
  background:#fff;color:var(--slate-900);
  padding:0 33px;height:60px;gap:8px;
  font-size:17px;font-weight:500;
  box-shadow:inset 0 0 0 1px #D9E0EA;
}
.chm-root .hero__actions .dot{width:10px;height:10px}
.chm-root .hero__cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chm-root .hero__cta .btn{padding:22px 42px}

/* 金色对勾 · 信任行 */
.chm-root .hero__trust{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:30px}
.chm-root .hero__trust li{display:inline-flex;align-items:center;gap:11px;font-size:15px;line-height:1.5;color:var(--slate-500)}
.chm-root .hero__trust svg{
  width:18px;height:18px;flex:none;fill:none;stroke:var(--gold);
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}

/* 全幅设备带 · 通栏出血；白底图与页面无缝，超宽屏封顶在原图宽 */
.chm-root .hero__band{position:relative;margin:72px auto 0;max-width:1970px}
.chm-root .hero__band img{display:block;width:100%;height:auto}

/* 指标区 · 区头 + 四张指标卡 + 注脚 */
.chm-root .hero__specs{position:relative;margin-top:60px;padding-bottom:72px}
.chm-root .specs{display:flex;flex-direction:column;position:relative}
.chm-root .specs__hd{display:flex;align-items:center;margin-bottom:36px}
.chm-root .specs__hd-k{
  display:inline-flex;align-items:center;gap:15px;flex:0 0 328px;
  font-size:15px;font-weight:500;color:var(--slate-400);
}
.chm-root .specs__hd-k i{width:3px;height:21px;border-radius:2px;background:var(--gold);flex:none}
.chm-root .specs__hd-line{flex:1 1 auto;height:1px;background:var(--slate-line)}

.chm-root .specs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.chm-root .spec{
  container-type:inline-size;
  background:#fff;border-radius:var(--r-block);padding:34px 30px 28px 34px;
  box-shadow:inset 0 0 0 1px var(--slate-border),0 10px 26px rgba(15,23,42,.06);
  display:flex;flex-direction:column;min-width:0;
}
.chm-root .spec__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.chm-root .spec__k{font-size:15px;font-weight:500;line-height:1.35;color:var(--slate-400)}
.chm-root .spec__ico{
  width:38px;height:38px;border-radius:12px;background:#FFFBEB;flex:none;
  display:flex;align-items:center;justify-content:center;
}
.chm-root .spec__ico svg{width:19px;height:19px;fill:none;stroke:var(--gold);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chm-root .spec__v{
  /* ⚠️ 字号必须跟**卡片宽度**走，不能用 vw。
     原因：贴进官网概述字段后，容器会被站点模板再收一层（左右各几十 px），
     而视口宽度不变 —— 用 vw 算出来的字号就会相对卡片偏大，把
     「-70℃ ~ +150℃」挤成两行（卡片高度随之从 215 变 258）。
     .spec 上已声明 container-type:inline-size，所以这里用 cqw。
     写法取 min(34px, 14.5cqw) 而不是 clamp——**34px 是主值**（Figma 稿量得的
     字号），cqw 只作为「容器窄到放不下」时的兜底收缩，不参与放大。
     14.5 的取值依据：最长串「-70℃ ~ +150℃」实测 em 宽 6.445，
     min 触发时文本占卡内宽 = 6.445 × 14.5% = 93.5%，恒留 6.5% 余量；
     即卡内宽 < 234px（卡宽 < 298px）才开始缩，正常 4 列（内宽 246~275）
     都取满 34px。上一行 34px 是老浏览器（无容器查询）的降级值。 */
  font-size:34px;
  font-size:min(34px,14.5cqw);
  font-weight:700;line-height:1.1;
  color:var(--slate-900);font-family:var(--font-num);font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}
.chm-root .spec__rule{width:44px;height:4px;border-radius:2px;background:var(--gold);margin-top:16px;flex:none}
.chm-root .spec__c{font-size:14px;line-height:1.5;color:var(--slate-400);margin-top:13px}
/* 第 3 张 · 整卡金色；第 4 张 · 整卡深色 */
.chm-root .spec--gold{background:var(--gold);box-shadow:0 12px 30px rgba(240,177,0,.3)}
.chm-root .spec--gold .spec__k, .chm-root .spec--gold .spec__c{color:#92400E}
.chm-root .spec--gold .spec__v{color:#fff}
.chm-root .spec--gold .spec__rule{background:rgba(255,255,255,.62)}
.chm-root .spec--gold .spec__ico{background:#DCA200}
.chm-root .spec--gold .spec__ico svg{stroke:#fff}
.chm-root .spec--dark{background:var(--slate-900);box-shadow:0 12px 30px rgba(15,23,42,.3)}
.chm-root .spec--dark .spec__k, .chm-root .spec--dark .spec__c{color:#8496B0}
.chm-root .spec--dark .spec__v{color:var(--gold)}
.chm-root .spec--dark .spec__rule{background:var(--gold)}
.chm-root .spec--dark .spec__ico{background:#232A3C}
.chm-root .spec--dark .spec__ico svg{stroke:var(--gold)}
.chm-root .spec--dark .spec__ico svg.is-solid{fill:var(--gold);stroke:none}

.chm-root .specs__note{font-size:13px;line-height:1.7;color:var(--slate-400);margin-top:36px;padding-left:18px}

/* ---------- 7. 一体化协同 ---------- */
.chm-root .synergy{background:#fff;padding-block:var(--sec-y)}
.chm-root .synergy__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}
.chm-root .pcard{
  background:#fff;border-radius:var(--r-card);padding:34px 36px 36px;
  box-shadow:inset 0 0 0 1px var(--line);
  transition:box-shadow .28s ease,transform .28s ease;
}
.chm-root .pcard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #DCDCE0,var(--sh-2)}
.chm-root .pcard__ico{
  width:52px;height:52px;border-radius:14px;background:var(--gold-soft);
  display:flex;align-items:center;justify-content:center;margin-bottom:24px;
}
.chm-root .pcard__ico svg{width:24px;height:24px;stroke:var(--gold-ink);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chm-root .pcard h3{font-size:19px;font-weight:700;margin-bottom:11px}
.chm-root .pcard p{font-size:14px;line-height:1.78;color:var(--ink-3)}

/* ---------- 8. BTS 生态（深色） ---------- */
.chm-root .eco{background:var(--d-bg);padding-block:var(--sec-y)}
.chm-root .eco__flow{
  margin-top:56px;background:var(--d-card);border-radius:var(--r-lg);
  padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.chm-root .eco__col{display:flex;flex-direction:column;gap:12px;flex:0 0 auto}
.chm-root .node{
  border-radius:14px;padding:18px 24px;background:var(--d-card-2);
  box-shadow:inset 0 0 0 1px var(--d-line);min-width:196px;
}
.chm-root .node__t{font-size:15px;font-weight:600;color:#fff;line-height:1.4}
.chm-root .node__s{font-size:12.5px;color:var(--d-ink-4);margin-top:5px}
.chm-root .node--hub{
  background:linear-gradient(180deg,#F7C13A,#F0B100);box-shadow:0 14px 34px rgba(240,177,0,.24);
  min-width:290px;padding:24px 30px;
}
.chm-root .node--hub .node__t{color:#1D1D1F;font-size:17px;font-weight:700}
.chm-root .node--hub .node__s{color:rgba(29,29,31,.72)}
.chm-root .eco__arrow{flex:none;display:flex;align-items:center}
.chm-root .eco__arrow svg{width:34px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.chm-root .eco__out{display:flex;flex-direction:column;gap:12px;flex:0 0 auto}
.chm-root .pill{
  border-radius:var(--r-pill);padding:13px 24px;font-size:14px;color:var(--d-ink-2);
  box-shadow:inset 0 0 0 1px var(--d-line);background:var(--d-card-2);white-space:nowrap;
}
.chm-root .eco__note{margin-top:22px;font-size:13px;color:var(--d-ink-3);line-height:1.8}

/* ---------- 9. 产品矩阵 ---------- */
.chm-root .matrix{background:var(--bg-soft);padding-block:var(--sec-y)}
.chm-root .ranges{margin-top:44px;display:flex;flex-direction:column;gap:14px}
.chm-root .ranges__label{font-size:13px;color:var(--ink-4)}
.chm-root .ranges__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.chm-root .range{background:#fff;border-radius:var(--r-block);padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.chm-root .range__cap{font-size:22px;font-weight:700;font-family:var(--font-num);letter-spacing:-.01em}
.chm-root .range__temp{font-size:14px;color:var(--gold-ink);font-family:var(--font-num)}
.chm-root .range__fam{font-size:13px;color:var(--ink-4);line-height:1.65}

/* 型号区尾部：提示 + 「获取完整型号表」出口
   原为「按系列筛」的 7 颗硬编码胶囊 .chip —— 它们遮在后台自动生成的 #pcTiers
   胶囊上面，所以后台新增产品系列时前端看起来「没同步」。v2 起筛选交给后台。 */
.chm-root .filters{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.chm-root .filters__hint{font-size:14px;color:var(--ink-3)}

/* 产品矩阵：这里是后台产品区（.product-box.prod-cards）的挂载点。
   ⚠️ 千万不要给它设 grid / 固定高 —— 后台那一整块是搬进来当子元素的，
      设了栅格它会只占 1/3 栏宽。（原写法 grid-template-columns:repeat(3,1fr)） */
.chm-root .models{display:block;margin-top:14px}

/* 后台产品区搬进来之后，去掉它自带的外层宽度，与本站内容宽对齐（否则内缩 40px） */
.chm-root #chm-models .pc-wrap{max-width:none;padding:0}
/* 首个分类标题不要留 56px 的大空档，跟上面的胶囊衔接紧一点 */
.chm-root #chm-models #pcTiers + .pc-cat-block .pc-cat-title{margin-top:26px}
/* 后台胶囊的观感与本页按钮族对齐（圆角 / 字重它自己的就一致，这里只收字号） */
.chm-root #chm-models .pc-tier{font-size:14px}

/* 后台产品区自带的脚注（「型号规格可能因升级而调整…」）与本站的免责声明内容重合，
   两段挨在一起像重复样板 → 隐掉它，统一用下面 .note 那段（含「空载、温度稳定时」的
   温度指标前提，是合规硬要求，不能省）。后台若改了这段文案，删掉本行即可。 */
.chm-root #chm-models .pc-note{display:none}

.chm-root .note{margin-top:22px;font-size:12px;color:var(--ink-4);line-height:1.75}

/* ---------- 10. 标准合规 ---------- */
.chm-root .compliance{background:#fff;padding-block:var(--sec-y)}
.chm-root .stds{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.chm-root .std{
  background:var(--bg-soft);border-radius:var(--r-block);padding:28px 26px 26px;
  display:flex;flex-direction:column;gap:12px;
  transition:background-color .26s ease;
}
.chm-root .std:hover{background:#EFEFF2}
.chm-root .std__name{font-size:18px;font-weight:700;font-family:var(--font-num);letter-spacing:0}
.chm-root .std__limit{font-size:12.5px;color:var(--gold-ink);font-weight:500}
.chm-root .std__req{font-size:13.5px;line-height:1.78;color:var(--ink-3);flex:1 1 auto}
.chm-root .std__rec{font-size:12.5px;line-height:1.7;color:var(--gold-ink);padding-top:14px;border-top:1px solid #E4E4E8}
.chm-root .compliance__cta{margin-top:44px;display:flex;justify-content:center}

/* ---------- 11. 应用场景 ---------- */
.chm-root .scenes{background:var(--bg-soft);padding-block:var(--sec-y)}
.chm-root .scenes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.chm-root .scene{
  background:#fff;border-radius:var(--r-card);padding:30px 30px 28px;overflow:hidden;
  display:flex;flex-direction:column;gap:14px;
  transition:transform .28s ease,box-shadow .28s ease;
}
.chm-root .scene:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}

/* 顶部出血插画 */
.chm-root .scene__art{aspect-ratio:1792/700;margin:-30px -30px 0;overflow:hidden;background:var(--bg-soft);flex:none}
.chm-root .scene__art img{width:100%;height:100%;object-fit:cover;display:block}
.chm-root .scene__art--cta{
  /* 暖米底 —— 取的是另 5 张位图插画里那条「地面带」的同一色值，
     让第 6 张在插画区语言上与它们同族（而不是像原来那样整块深色） */
  background:#FBEFC8;display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 -1px 0 rgba(143,98,0,.14);
}
.chm-root .scene__art--cta svg{
  width:56px;height:56px;stroke:var(--gold-ink);fill:none;stroke-width:1.2;
  stroke-linecap:round;stroke-linejoin:round;opacity:.92;
}

.chm-root .scene__tag{
  align-self:flex-start;background:var(--gold-soft);color:var(--gold-ink);
  border-radius:var(--r-pill);padding:6px 14px;font-size:12.5px;font-weight:500;
}
.chm-root .scene h3{font-size:18px;font-weight:700;line-height:1.45}
.chm-root .scene p{font-size:13.5px;line-height:1.8;color:var(--ink-3);flex:1 1 auto}
.chm-root .scene__rec{font-size:13px;font-weight:600;color:var(--gold-ink);line-height:1.65}

/* 第 6 张：定制方案（浅金 CTA）
   —— 逐条删掉了原来的 4 条深色覆写，因为浅色下 .scene 基类的值全都已经正确：
      background:#fff / h3 走 --ink / p 走 --ink-3 / .scene__rec 走 --gold-ink
   保留类名作为语义标记（它是 6 张里唯一带按钮、不带 .scene__tag 的动作卡） */

/* ---------- 12. 技术实力（深色） ---------- */
.chm-root .eng{background:var(--d-bg);padding-block:var(--sec-y)}
.chm-root .eng__group{display:flex;flex-direction:column;gap:16px;margin-top:52px}
.chm-root .eng__group:first-of-type{margin-top:52px}
.chm-root .eng__gtitle{font-size:13px;font-weight:600;color:var(--d-ink-3);letter-spacing:.04em}
.chm-root .eng__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.chm-root .eng__grid--4{grid-template-columns:repeat(4,1fr)}
.chm-root .metric{
  background:var(--d-card);border-radius:var(--r-block);padding:26px 28px;
  display:flex;flex-direction:column;gap:11px;
  box-shadow:inset 0 0 0 1px var(--d-line);
  transition:box-shadow .26s ease,background-color .26s ease;
}
.chm-root .metric:hover{background:var(--d-card-2);box-shadow:inset 0 0 0 1px #34373F}
.chm-root .metric__k{font-size:13px;color:var(--d-ink-3)}
.chm-root .metric__head{display:flex;align-items:center;gap:11px}
.chm-root .metric__ico{width:32px;height:32px;border-radius:10px;background:rgba(240,177,0,.13);display:flex;align-items:center;justify-content:center;flex:none;transition:background-color .26s ease}
.chm-root .metric__ico svg{width:17px;height:17px;stroke:var(--gold-on-dark);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chm-root .metric:hover .metric__ico{background:rgba(240,177,0,.24)}
.chm-root .metric__v{font-size:19px;font-weight:700;color:var(--gold-on-dark);line-height:1.45;font-family:var(--font-num);letter-spacing:0}
.chm-root .metric__v--txt{font-size:14.5px;font-family:var(--font-sans);font-weight:600;color:var(--d-ink)}
.chm-root .metric--q .metric__v{font-size:16px;font-family:var(--font-sans)}
.chm-root .metric p{font-size:13px;line-height:1.72;color:var(--d-ink-4)}

/* ---------- 13. 服务流程 ---------- */
.chm-root .steps{background:#fff;padding-block:var(--sec-y)}
.chm-root .steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.chm-root .step{
  background:#fff;border-radius:var(--r-card);padding:30px 28px 28px;
  box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px;
  transition:box-shadow .28s ease,transform .28s ease;
}
.chm-root .step:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #DCDCE0,var(--sh-2)}
.chm-root .step__n{font-family:var(--font-num);font-size:13px;font-weight:700;color:var(--gold-ink);letter-spacing:.1em}
.chm-root .step h3{font-size:17px;font-weight:700}
.chm-root .step p{font-size:13.5px;line-height:1.78;color:var(--ink-3)}

/* ---------- 14. FAQ ---------- */
.chm-root .faq{background:var(--bg-soft);padding-block:var(--sec-y)}
.chm-root .faq__list{margin-top:44px;background:#fff;border-radius:var(--r-block);overflow:hidden}
.chm-root .faq__item+.faq__item{border-top:1px solid var(--bg-soft)}
.chm-root .faq__q{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  padding:26px 36px;text-align:left;font-size:16px;font-weight:600;line-height:1.6;
  transition:color .2s ease;
}
.chm-root .faq__q:hover{color:var(--gold-ink)}
.chm-root .faq__sign{
  flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg-soft);
  display:flex;align-items:center;justify-content:center;margin-top:1px;
  transition:background-color .24s ease,transform .24s ease;
}
.chm-root .faq__sign svg{width:12px;height:12px;stroke:var(--ink-2);fill:none;stroke-width:2;stroke-linecap:round}
.chm-root .faq__item.is-open .faq__sign{background:var(--gold)}
.chm-root .faq__item.is-open .faq__sign svg{stroke:#1D1D1F}
.chm-root .faq__item.is-open .faq__sign .v{opacity:0}
.chm-root .faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.22,.61,.36,1)}
.chm-root .faq__item.is-open .faq__a{grid-template-rows:1fr}
.chm-root .faq__a>div{overflow:hidden}
.chm-root .faq__a p{padding:0 36px 28px;font-size:14px;line-height:1.82;color:var(--ink-3);max-width:920px}

/* ---------- 15. 最终转化（浅色行动卡） ---------- */
.chm-root .cta{background:#fff;padding-block:var(--sec-y)}
.chm-root .cta__card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:62px 40px 56px;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.chm-root .cta__title{
  font-size:clamp(25px,2.6vw,34px);line-height:1.3;font-weight:700;
  letter-spacing:-.01em;color:var(--ink);max-width:840px;
}
.chm-root .cta__title em{font-style:normal;color:var(--gold-text);margin-left:.32em}
.chm-root .cta__sub{
  margin-top:16px;font-size:14.5px;line-height:1.85;color:var(--ink-3);max-width:680px;
}
.chm-root .cta__acts{
  margin-top:30px;display:flex;align-items:center;justify-content:center;
  gap:14px;flex-wrap:wrap;
}
.chm-root .cta__acts .btn{font-weight:600}
.chm-root .cta__acts .btn svg{margin-left:2px}
/* ---------- 17. 响应式 ---------- */
@media (max-width:1240px){
  .chm-root{--pad:64px}
  .chm-root .eco__flow{flex-wrap:wrap;gap:18px;padding:32px}
  .chm-root .node--hub{min-width:auto;width:100%}
  .chm-root .cta__card{padding:56px 32px 50px}
  /* 指标卡由 4 列降为 2 列（4 列时卡内放不下「-70℃ ~ +150℃」） */
  .chm-root .specs__grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .chm-root .specs__hd-k{flex:0 0 240px}
}
@media (max-width:1080px){
  .chm-root{--pad:40px}
  .chm-root .nav__links, .chm-root .nav__note{display:none}
  .chm-root .nav__burger{display:flex}
  .chm-root .hero__copy{max-width:none}
  .chm-root .synergy__grid{grid-template-columns:1fr}
  .chm-root .ranges__grid{grid-template-columns:repeat(2,1fr)}
  .chm-root .stds{grid-template-columns:repeat(2,1fr)}
  .chm-root .scenes__grid{grid-template-columns:repeat(2,1fr)}
  .chm-root .eng__grid, .chm-root .eng__grid--4{grid-template-columns:repeat(2,1fr)}
  .chm-root .steps__grid{grid-template-columns:repeat(2,1fr)}
  .chm-root .foot__top{grid-template-columns:1fr 1fr;gap:44px}
}
@media (max-width:760px){
  .chm-root{--pad:22px;--sec-y:72px;--nav-h:66px}
  .chm-root{font-size:15px}
  .chm-root .hero{padding-block:52px 0}
  .chm-root .hero h1{font-size:clamp(30px,8.4vw,42px);line-height:1.26}
  .chm-root .hero__rule{width:56px;height:4px;margin-top:4px}
  .chm-root .hero__sub{font-size:15.5px;margin-top:22px}
  .chm-root .hero__actions{margin-top:26px;gap:10px}
  .chm-root .hero__actions .tag{margin-right:0;height:52px;padding:0 24px;font-size:15px}
  .chm-root .hero__cta{width:100%;flex-direction:column;align-items:stretch}
  .chm-root .hero__cta .btn{width:100%;padding:19px 24px}
  .chm-root .hero__trust{margin-top:22px;gap:14px 26px}
  .chm-root .hero__trust li{font-size:14px}
  .chm-root .hero__band{margin-top:40px}
  .chm-root .hero__specs{margin-top:28px;padding-bottom:56px}
  .chm-root .specs__hd{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
  .chm-root .specs__hd-k{flex:0 0 auto}
  .chm-root .specs__hd-line{width:100%}
  .chm-root .specs__grid{grid-template-columns:1fr;gap:14px}
  .chm-root .spec{padding:26px 24px 22px 26px}
  /* 同样只缩不放：30px 为主值，14.5cqw 兜住 320px 级窄屏 */
  .chm-root .spec__v{font-size:30px;font-size:min(30px,14.5cqw)}
  .chm-root .spec__ico{width:34px;height:34px;border-radius:10px}
  .chm-root .specs__note{padding-left:0;margin-top:24px}
  .chm-root .synergy__grid, .chm-root .scenes__grid, .chm-root .steps__grid, .chm-root .eng__grid, .chm-root .eng__grid--4, .chm-root .stds{grid-template-columns:1fr}
  .chm-root .ranges__grid{grid-template-columns:1fr}
  .chm-root .pcard{padding:28px 24px 30px}
  .chm-root .eco__flow{padding:24px 20px}
  .chm-root .eco__arrow{transform:rotate(90deg)}
  .chm-root .eco__col, .chm-root .eco__out{width:100%}
  .chm-root .node, .chm-root .pill{width:100%;text-align:center}
  .chm-root .faq__q{padding:22px 22px;font-size:15px;gap:16px}
  .chm-root .faq__a p{padding:0 22px 24px}
  .chm-root .cta__card{padding:40px 22px 36px}
  .chm-root .cta__title em{display:block;margin-left:0}
  .chm-root .cta__sub{font-size:14px}
  .chm-root .cta__acts{margin-top:26px;width:100%;flex-direction:column;align-items:stretch;gap:12px}
  .chm-root .cta__acts .btn{width:100%}
  .chm-root .foot__top{grid-template-columns:1fr;gap:36px}
  .chm-root .foot__bottom{flex-direction:column;align-items:flex-start;gap:14px}
  .chm-root .sec-head h2{font-size:26px}
}

/* ---------- 18. 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  
  .chm-root *, .chm-root *::before, .chm-root *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;
  }
  .chm-root .reveal{opacity:1;transform:none}
}

/* ---------- 19. 打印 ---------- */
@media print{
  .chm-root .nav, .chm-root .mnav, .chm-root .form__ok, .chm-root .dots{display:none!important}
  .chm-root .reveal{opacity:1;transform:none}
  .chm-root{background:#fff}
}

/* ---------- 20. 右侧圆点导航 ---------- */
.chm-root .dots{display:none}
@media (min-width:1241px){
  .chm-root .dots{
    position:fixed;right:110px;top:50%;transform:translateY(-50%);z-index:60;
    display:flex;flex-direction:column;align-items:center;gap:27px;
  }
}
@media (min-width:1241px) and (max-height:780px){
  .chm-root .dots{gap:18px}
}
.chm-root .dots__i{
  position:relative;display:block;width:10px;height:10px;border-radius:var(--r-pill);
  background:#C9C9CD;
  transition:background .3s ease,box-shadow .3s ease,transform .3s ease;
}
/* 扩大点击热区（视觉仍是 10px 圆点） */
.chm-root .dots__i::before{content:"";position:absolute;inset:-9px;border-radius:50%}
/* 悬浮标签：向左展开，作为浮层不挤压正文 */
.chm-root .dots__i span{
  position:absolute;right:calc(100% + 15px);top:50%;
  transform:translate(6px,-50%);white-space:nowrap;
  font-size:12.5px;line-height:1;font-weight:600;letter-spacing:.01em;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);
  padding:8px 13px;box-shadow:0 8px 24px rgba(0,0,0,.09);
  opacity:0;pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
}
.chm-root .dots__i:hover{background:#8E8E93;transform:scale(1.15)}
.chm-root .dots__i:hover span{opacity:1;transform:translate(0,-50%)}
.chm-root .dots__i:focus{outline:none}
.chm-root .dots__i:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.chm-root .dots__i:focus-visible span{opacity:1;transform:translate(0,-50%)}
/* 当前栏目：金点 + 淡金光晕 */
.chm-root .dots__i.is-on{
  background:var(--gold);transform:scale(1.2);
  box-shadow:0 0 0 7px rgba(240,177,0,.15),0 0 15px rgba(240,177,0,.3);
}
.chm-root .dots__i.is-on:hover{background:var(--gold);transform:scale(1.2)}