/* Junteng Energy — 公共样式（2026-10-08 从 30 个页面的内联 <style> 抽出）。
   原来那段在 30 个页面里逐字重复 23,364 字节，抽成外部文件后浏览器只下一次。 */

:root{
  /* ★ 2026-10-08：**去掉东方美学那套审美**（宣纸／朱砂／靛青／书卷气的宋体／文武线）。
     老板原话：「把东方美学的审美去掉，用新的工具把君腾网站全部过一遍」。
     —— 新的物理场景：**工厂的设备科长白天在办公室，正为冷却塔结垢头疼，要找能解决问题的供应商**
     ⇒ 答案不是"美"，是**看得懂、敢下单** ⇒ 走**工程文档式的清晰**（表格、数字、图纸是主角）。
     ★ 同时躲两层反射：① 工业站→蓝色科技风 ✗ ② 中国工业公司→水墨朱砂 ✗（那正是刚去掉的）
     ★ 色板纪律（impeccable）：不用纯黑纯白；中性色一律微微染青（chroma 极低）。 */
  /* —— 底（冷白，白天办公室的纸）—— */
  --paper:#F4F7F8;
  --paper-2:#FBFDFD;
  --paper-3:#E8EFF1;
  /* —— 字（近黑，冷）—— */
  --ink:#11181B;
  --ink-2:#3A474C;
  --gray:#64747B;
  /* —— 分隔线 —— */
  --line:#D6E0E3;
  --line-2:#BDCAD0;
  /* —— 强调色：工程青蓝（全站唯一）—— */
  --zhu:#0D6E8F;
  --zhu-dk:#0A5470;
  /* —— 结构色：冷灰蓝（表头/图标）—— */
  --dian:#31454D;
  --dian-dk:#20323A;
  --deepest:#0E1619;
  --max:1140px;
  /* —— 字号：全站只有这三档 + 两个标题 clamp —— */
  --fs-body:16px;      /* 正文（段落、列表、表格单元、卡片说明） */
  --fs-sm:14px;        /* 小字（导航、表头、标签、注释、页脚） */
  --fs-h3:20px;        /* 三级标题 */
  --fs-h2:clamp(21px,2.3vw,26px);
  --fs-h1:clamp(24px,2.6vw,34px);
  --fs-num:26px;       /* 数字（KPI / 角标）只此一档；必须 < --fs-h1，否则层级倒挂 */
  /* ★ 2026-10-08：字体从"思源宋体（书卷气）"换成系统无衬线 —— 工程文档要的是清楚，不是书卷气。
     变量名沿用 --serif（全站 40+ 处引用它），值换成无衬线栈；改名要动太多处，不值当。 */
  --serif:"Segoe UI","Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  /* 兼容旧变量名 */
  --brand:var(--dian); --brand-dk:var(--dian-dk); --deep:var(--ink);
  --teal:var(--dian); --cyan:var(--dian); --green:var(--zhu);
  --tint:var(--paper-3); --grad:var(--zhu); --grad-btn:var(--zhu);
  --navy:var(--ink); --blue:var(--dian); --sky:var(--dian); --lightblue:var(--tint);
  --bg:var(--paper); --bgalt:var(--paper-3);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--serif);
  color:var(--ink);background:var(--paper);line-height:1.7;font-size:var(--fs-body);
  letter-spacing:0;-webkit-font-smoothing:antialiased;
}
p,li{text-wrap:pretty}
/* height:auto 必须显式写：产品图带 width/height 属性，若只限制宽度，
   高度会保留 HTML 里的 900px，宽高比就被拉坏（2026-10-30 老板反馈）。 */
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
::selection{background:rgba(13,110,143,.16)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 26px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:650;letter-spacing:0;text-wrap:balance}
h1{font-size:var(--fs-h1);line-height:1.2}
h2{font-size:var(--fs-h2);line-height:1.3}
h3{font-size:var(--fs-h3);line-height:1.45}

/* ★ 2026-10-08 去掉「中文两端对齐（齐头齐尾）」—— 那是书刊排法、
   属于刚去掉的那套东方审美；工程文档要的是左对齐、可快速扫读。 */

/* ---------- 顶栏 ---------- */
header{
  position:sticky;top:0;z-index:100;background:rgba(244,247,248,.94);
border-bottom:1px solid var(--line);
}
.brandbar{height:2px;background:var(--zhu)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
/* ★★ 公司抬头（2026-09-18 老板口径：加黑加粗 / 英文写全 / 与中文一样长）
   做法：主名（中文）**自己决定宽度**；副名用**绝对定位**铺满同一宽度（left:0;right:0），
   再靠 `text-align-last:justify` 把它**拉到与中文完全等宽** —— 不需要动 DOM，
   也不受两行文字长短不同的影响。字号是量出来的：中文 18px 宽 ≈ 219px，
   英文全称 10.5px 自然宽 ≈ 237px，故用 10px（≈225px）留一点余量交给 justify。 */
.logo{display:flex;align-items:center;gap:12px;color:var(--ink)}
.logo img{width:42px;height:42px;object-fit:contain;flex:none}
.logo .mark{
  width:42px;height:42px;border-radius:2px;flex:none;background:var(--zhu);
  display:flex;align-items:center;justify-content:center;color:#FBFDFD;
  font-size:var(--fs-h3);letter-spacing:.08em;font-weight:600;
}
.logo>span{position:relative;display:inline-block;padding-bottom:15px;min-width:0}
.brandmark{min-width:0}
.logo>span>span{display:block;white-space:nowrap;font-size:18px;font-weight:800;letter-spacing:.05em;line-height:1.25}
.logo small{position:absolute;left:0;right:0;bottom:0;white-space:nowrap;font-weight:500;line-height:1.2;color:var(--gray);
  font-size:10px;letter-spacing:.01em;text-align:justify;text-align-last:justify}
nav ul{display:flex;gap:26px;list-style:none;font-size:var(--fs-sm);color:var(--gray)}
nav a{position:relative;padding-bottom:3px;transition:color .2s}
nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--zhu);transition:right .26s}
nav a:hover{color:var(--ink)}
nav a:hover::after{right:0}
.lang{
  border:1px solid var(--line-2);border-radius:2px;padding:5px 12px;font-size:var(--fs-sm);
  color:var(--gray);cursor:pointer;background:transparent;transition:.2s;letter-spacing:.08em;font-family:inherit;
}
.lang:hover{border-color:var(--zhu);color:var(--zhu)}

/* 顶栏电话：桌面端直接可见；手机端由底部固定咨询条替代 */
.headcall{
  display:inline-flex;align-items:center;gap:6px;padding:6px 2px;
  font-size:var(--fs-sm);color:var(--dian);font-variant-numeric:tabular-nums;
  white-space:nowrap;transition:color .2s;
}
.headcall svg{flex:none;color:var(--zhu)}
.headcall:hover{color:var(--zhu)}

/* 子页面包屑 */
.crumbs{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  padding:14px 0 0;font-size:13px;line-height:1.6;color:var(--gray);
}
.crumbs a{color:var(--gray);border-bottom:1px solid transparent;transition:.2s}
.crumbs a:hover{color:var(--zhu);border-bottom-color:var(--zhu)}
.crumbs .sep{color:var(--line-2)}
.crumbs [aria-current="page"]{color:var(--ink-2)}

/* ---------- Hero ---------- */
.hero{background:var(--paper);border-bottom:1px solid var(--line);overflow:hidden}
.hero-in{
  display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center;padding:54px 0 50px;
  /* ★ 2026-09-18：老板「背景不要有细线」⇒ 去掉 V2 的六道界格竖线 */
}
.tag{display:block;font-size:var(--fs-sm);color:var(--zhu);margin-bottom:16px;font-weight:500;letter-spacing:.16em}
.tag::before{content:"";display:inline-block;width:22px;height:1px;background:var(--zhu);vertical-align:4px;margin-right:10px}
.hero h1{color:var(--ink);max-width:600px;letter-spacing:.02em;text-wrap:balance}
.hero h1 em{
  display:block;margin-top:4px;font-style:normal;color:var(--zhu);
  background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;
}
.hero p.lead{margin-top:16px;font-size:var(--fs-body);color:var(--gray);max-width:580px;line-height:1.85;text-wrap:pretty}
/* ★ 2026-10-08：去掉 **hero-metric 模板**（impeccable 点名的 SaaS 陈词：大数字＋小标签＋竖线）。
   这三个数在工程文档里是**适用参数**，不是卖点 ⇒ 不再放大，改成**技术条件栏**的读法
   （值 ＋ 说明同行，像图纸的技术要求栏）。★ 闸门 audit_design.py R6 管这条。 */
.kpis{display:grid;grid-template-columns:repeat(3,auto);gap:8px 34px;margin-top:26px;justify-content:start}
.kpi{padding:0;margin:0;border-right:none;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.kpi:last-child{border-right:none;margin-right:0;padding-right:0}
.kpi b{
  display:inline;font-size:var(--fs-body);color:var(--ink);font-weight:650;line-height:1.45;
  font-variant-numeric:tabular-nums;letter-spacing:0;
}
.kpi span{display:inline;margin-top:0;font-size:var(--fs-sm);color:var(--gray);letter-spacing:0}
.hero-img{padding:9px;border:1px solid var(--line);border-radius:2px;background:var(--paper-2);box-shadow:none;overflow:hidden}
.hero-img picture{display:block;line-height:0}
.hero-img img{width:100%;height:auto;display:block}
.cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
.btn{
  display:inline-block;padding:12px 30px;border-radius:2px;font-size:var(--fs-body);
  font-weight:500;letter-spacing:.1em;font-family:inherit;
  transition:background .22s,color .22s,border-color .22s;
}
.btn-p{background:var(--zhu);color:#FBFDFD;box-shadow:none}
.btn-p:hover{background:var(--zhu-dk);filter:none;transform:none;box-shadow:none}
.btn-s{border:1px solid var(--line-2);color:var(--ink);background:transparent}
.btn-s:hover{border-color:var(--ink);color:var(--ink)}
/* ★ 2026-10-08 删掉 .seal（44×60 竖排方块印章）—— 东方审美的标志物；老板要求去掉。 */
/* ---------- 通用区块（★ 全部收紧） ---------- */
section{padding:60px 0}
.alt{background:var(--paper-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* ★ 文武线：1px 长细线 + 2px 朱砂短线 = 区块头 */
.sec-head{text-align:left;margin-bottom:26px;padding-bottom:14px;border-bottom:1px solid var(--line);position:relative}
/* ★ 2026-10-08 去掉「文武线」（朱砂短线）—— 那是东方审美的标志之一 */
.sec-head h2{color:var(--ink);letter-spacing:.02em;display:inline-block}
.sec-head p{color:var(--gray);margin-top:8px;font-size:var(--fs-body);max-width:760px}
.sec-head .bar{display:none}

/* ---------- 价值主张（界格） ---------- */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:var(--paper-2);border:none;border-radius:0;padding:20px 18px;transition:background .25s}
.card:hover{background:#FBFDFD;border-color:transparent;box-shadow:none;transform:none}
.card .ic{
  width:36px;height:36px;border-radius:2px;background:transparent;color:var(--dian);
  display:flex;align-items:center;justify-content:center;margin-bottom:12px;border:1px solid var(--line-2);
}
.card .ic svg{width:20px;height:20px;display:block}
.card h3{font-size:var(--fs-h3);color:var(--ink);margin-bottom:8px}
.card p{font-size:var(--fs-body);color:var(--gray);line-height:1.75}

/* ---------- 产品表 ---------- */
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:2px;background:var(--paper-2)}
table{width:100%;border-collapse:collapse;font-size:var(--fs-body);min-width:760px}
th,td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:var(--fs-body)}
th{background:var(--ink);color:#F4F7F8;font-weight:500;font-size:var(--fs-sm);letter-spacing:.1em}
tbody tr:hover{background:rgba(156,58,44,.05)}
tbody tr:last-child td{border-bottom:none}
td.model{font-weight:600;color:var(--ink);letter-spacing:.03em}
td.num{font-variant-numeric:tabular-nums}

/* ---------- 优势 / 行业 ---------- */
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.adv li{
  list-style:none;padding:13px 0 13px 28px;position:relative;
  border-bottom:1px solid var(--line);font-size:var(--fs-body);color:var(--gray);line-height:1.75;
}
.adv li:last-child{border-bottom:none}
.adv li::before{content:"";position:absolute;left:0;top:24px;width:8px;height:1px;background:var(--zhu)}
.adv li b{color:var(--ink);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{
  background:transparent;border:1px solid var(--line-2);border-radius:2px;
  padding:8px 18px;font-size:var(--fs-sm);color:var(--gray);transition:.2s;letter-spacing:.04em;
}
.chip:hover{border-color:var(--zhu);color:var(--zhu);background:transparent;transform:none}

/* ---------- 联系（深墨面板 + 朱砂天头线） ---------- */
.contact{
  background:var(--ink);color:#E8EFF1;border-radius:2px;padding:48px 44px;
  position:relative;overflow:hidden;border-top:2px solid var(--zhu);
}
.contact::after{content:none}
.contact h2{font-size:var(--fs-h2);font-weight:600;margin-bottom:12px;color:#FBFDFD;letter-spacing:.05em}
.contact p{color:#93A3A9;font-size:var(--fs-body);max-width:600px;line-height:1.85}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.grid3 .k{font-size:var(--fs-sm);color:#64747B;letter-spacing:.16em;text-transform:none}
.grid3 .v{font-size:var(--fs-body);margin-top:5px;font-weight:500;color:#E4EBED;font-variant-numeric:tabular-nums}
.grid3 .v.ph{color:#4E8CA3}
.contact a{color:#E4EBED;border-bottom:1px solid rgba(228,235,237,.32);padding-bottom:1px;transition:.2s}
.contact a:hover{border-bottom-color:var(--zhu);color:#FBFDFD}
/* 留资入口（2026-09-23 加）：只做"看得见、点得到"——不引后端、不引第三方表单 */
.leadcard{margin-top:16px;padding:14px 16px;border:1px solid rgba(228,235,237,.26);
          display:flex;flex-wrap:wrap;gap:10px 18px;
          align-items:center;justify-content:space-between}
.leadcard p{color:#93A3A9;margin:0;font-size:var(--fs-body);line-height:1.7;max-width:620px}
.leadcard strong{color:#FBFDFD;font-weight:600}
/* 联系区里的二维码（2026-09-24 加）：深色底，需单独配色与更大尺寸 */
.qrcard-contact{margin-top:20px;padding-top:18px;border-top:1px solid rgba(240,235,224,.22);
                display:flex;flex-wrap:wrap;align-items:center;gap:18px;text-align:left}
.qrcard-contact img{width:180px;height:180px;margin:0;border:none;padding:6px;background:#FBFDFD}
.qrcard-contact .hint{color:#93A3A9;margin:0;max-width:260px;line-height:1.7}

/* ---------- 页脚 ---------- */
footer{
  background:var(--deepest);color:#93A7B3;padding:28px 0 24px;font-size:var(--fs-sm);
  margin-top:56px;border-top:2px solid var(--zhu);border-image:none;
}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer a:hover{color:#E4EBED}

/* 2026-10-30：页脚还留着 2026-10-08 之前那套暖褐色内联色（#8E8778 / #3A362E / #2A2823），
   和全站冷灰蓝不一致。这里统一覆盖；源文件里的内联样式保留不动，避免大段改动。 */
footer [style*="#8E8778"]{color:#93A7B3 !important}
footer [style*="#3A362E"]{border-color:#31454D !important}
footer [style*="#2A2823"]{border-color:#31454D !important}
footer a[style*="#D9A08F"]{color:#9CC7D8 !important}
.sep{margin:0 7px;opacity:.55}

/* ---------- 需求登记（选型自检） ---------- */
.needgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.needform,.needout{background:var(--paper-2);border:1px solid var(--line);border-radius:2px;padding:22px 20px}
.q{margin-bottom:18px}
.q>label{display:block;font-size:var(--fs-body);font-weight:600;color:var(--ink);margin-bottom:9px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{
  background:transparent;border:1px solid var(--line-2);border-radius:2px;padding:7px 15px;
  font-size:var(--fs-sm);color:var(--gray);cursor:pointer;transition:.16s;font-family:inherit;letter-spacing:.05em;
}
.opt:hover{border-color:var(--zhu);color:var(--zhu)}
.opt.on{background:var(--zhu);border-color:var(--zhu);color:#FBFDFD;font-weight:500}
.inline,.inline3{display:flex;gap:9px;flex-wrap:wrap}
.inline3>*{flex:1;min-width:130px}
.needform input{
  width:100%;padding:10px 13px;border:1px solid var(--line-2);border-radius:2px;
  font-size:var(--fs-body);font-family:inherit;color:var(--ink);background:var(--paper-2);
}
.needform input:focus{outline:none;border-color:var(--zhu);background:#FBFDFD}
.hint{font-size:var(--fs-sm);color:var(--gray);margin-top:7px;line-height:1.7}
.needbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
/* 快速留资（2026-09-24 加） */
.quicklead{margin-top:4px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed var(--line-2)}
.quicklead .btn{cursor:pointer;font-family:inherit;border:none;width:100%}
.quicklead .hint{margin-top:8px}
.needbtns .btn{cursor:pointer;font-family:inherit;border:none}
.outhead{font-size:var(--fs-body);font-weight:600;color:var(--ink);margin-bottom:9px}
#needText{
  width:100%;min-height:230px;padding:13px;border:1px solid var(--line-2);border-radius:2px;
  font-size:var(--fs-sm);line-height:1.8;font-family:inherit;
  color:var(--ink);background:var(--paper-2);resize:vertical;
}
.outbtns{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.outbtns .btn{cursor:pointer;font-family:inherit;border:none;font-size:var(--fs-sm);padding:10px 18px}
.qrcard{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);text-align:center}
.qrcard img{width:160px;height:160px;object-fit:contain;margin:0 auto 9px;border:1px solid var(--line);border-radius:2px;padding:7px;background:#FBFDFD}

/* ---------- 系统配置说明 ---------- */
.sysnote{
  margin-top:16px;background:var(--paper-2);border:1px solid var(--line);
  border-radius:2px;padding:16px 20px;
}
.sysnote b{display:block;font-size:var(--fs-body);color:var(--ink);margin-bottom:6px;font-weight:600}
.sysnote p{font-size:var(--fs-body);color:var(--gray);line-height:1.8}

/* ---------- 选型参数表 ---------- */
table.spec{min-width:720px}
table.spec th:first-child,table.spec td:first-child{width:26%;color:var(--gray);font-weight:400;text-align:left}
table.spec td{color:var(--ink)}
table.spec .sub{display:block;font-size:var(--fs-sm);color:var(--gray);font-weight:400;margin-top:2px}
.specnote{
  margin-top:12px;font-size:var(--fs-sm);color:var(--gray);line-height:1.8;
  background:var(--paper-2);border:1px solid var(--line);border-radius:2px;padding:14px 18px;
}
.specnote b{margin-right:8px}

/* ---------- FAQ（细线分隔） ---------- */
.faq{max-width:920px;margin:0 auto}
.faq details{background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:15px 0;margin-bottom:0}
.faq summary{cursor:pointer;font-weight:600;color:var(--ink);font-size:var(--fs-h3);list-style:none;letter-spacing:.03em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"＋";color:var(--zhu);font-weight:400;margin-right:10px}
.faq details[open] summary::before{content:"－"}
.faq p{margin-top:9px;font-size:var(--fs-body);color:var(--gray);line-height:1.8;padding-left:25px}

/* ---------- Hero 右侧卡片 ---------- */
.hero-card{background:var(--paper-2);border:1px solid var(--line);border-radius:2px;padding:22px 24px 16px;box-shadow:none}
.hc-title{font-size:var(--fs-sm);font-weight:600;color:var(--ink);letter-spacing:.1em}
.hc-title::after{content:"";display:block;width:24px;height:1px;background:var(--zhu);margin-top:9px}
.hc-item{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.hc-item:last-of-type{border-bottom:none}
.hc-n{
  flex:none;width:32px;height:32px;border-radius:2px;background:transparent;color:var(--zhu);
  border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;
}
.hc-item b{display:block;font-size:var(--fs-h3);color:var(--ink);font-weight:600;margin-bottom:3px}
.hc-item p{font-size:var(--fs-sm);color:var(--gray);line-height:1.7}
.hc-foot{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--zhu);text-align:center;font-weight:500;letter-spacing:.05em}
.howcard{background:var(--paper-2);border:1px solid var(--line);border-radius:2px;padding:16px}
.howcard.vid{padding:12px}
.howcard video{width:100%;display:block;border-radius:2px;background:#0E1619;aspect-ratio:16/9}
.vnote{font-size:var(--fs-sm);color:var(--gray);text-align:center;margin-top:8px}
.dwnote{margin-top:14px;text-align:center;font-size:var(--fs-sm);color:var(--gray);line-height:1.8}
.howgrid{display:grid;grid-template-columns:1.02fr .98fr;gap:20px;align-items:center}
.why4{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}

/* ---------- 自适应 ---------- */
.navtoggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:38px;height:38px;border:1px solid var(--line-2);border-radius:2px;
  background:transparent;cursor:pointer;padding:0 9px;flex:none;
}
.navtoggle i{display:block;height:1.5px;background:var(--ink);border-radius:0;transition:.2s}
nav.open ul{display:flex}

@media (max-width:1080px){
  .hero-in{grid-template-columns:1fr;gap:28px;padding:36px 0 34px;background-image:none}
  .hero-img,.hero-card{max-width:540px;margin:0 auto;width:100%}
  .cards{grid-template-columns:repeat(2,1fr)}
  .howgrid{grid-template-columns:1fr}
  .needgrid{grid-template-columns:1fr}
  .why4{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .run{grid-template-columns:1fr}
  .two{grid-template-columns:1fr;gap:26px}
  .navtoggle{display:flex}
  .nav{position:relative}
  nav ul{
    display:none;position:absolute;left:-8px;right:-8px;top:60px;z-index:99;
    flex-direction:column;gap:0 !important;background:var(--paper-2);border:1px solid var(--line);
    border-radius:0 0 2px 2px;padding:5px 0;box-shadow:none;
  }
  nav ul li{padding:0 20px}
  nav ul li a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--fs-body)}
  nav ul li:last-child a{border-bottom:none}
}

@media (max-width:720px){
  .wrap{padding:0 16px}
  section{padding:44px 0}
  h1{font-size:clamp(20px,5.2vw,24px)}
  .kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:22px}
  .kpi{padding-right:0;margin-right:0;border-right:none}
  .kpi b{font-size:var(--fs-body)}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .edgebox{padding:18px 18px}
  .edgebox ul{grid-template-columns:1fr;gap:6px}
  .btn{padding:11px 20px}
  .cta{gap:9px}
  .tag{letter-spacing:.12em}
  .hero-card{padding:18px 16px 14px}
  .hc-item{padding:11px 0}
  .cmp table{min-width:640px}
  .cmp th,.cmp td{padding:9px 11px}
  .howcard{padding:11px}
  .needform,.needout{padding:16px 15px}
  .contact{padding:32px 20px}
  footer .foot{flex-direction:column;gap:12px;text-align:center !important}
  footer .foot>div{text-align:center !important}
}

/* ---------- 手机端固定咨询条（2026-10-30） ---------- */
.mcta{display:none}
.mcta-call,.mcta-quote{color:inherit}
@media (max-width:1080px){
  .headcall{display:none}
}
@media (max-width:720px){
  body{padding-bottom:calc(54px + env(safe-area-inset-bottom))}
  .mcta{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;
    height:calc(54px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);
    background:rgba(251,253,253,.98);border-top:1px solid var(--line-2);
  }
  .mcta a{
    flex:1;display:flex;align-items:center;justify-content:center;
    font-size:15px;font-weight:650;letter-spacing:.02em;
  }
  .mcta-call{color:var(--ink);border-right:1px solid var(--line)}
  .mcta-quote{color:var(--paper-2);background:var(--zhu)}
}

/* ================= 横向溢出根治 ================= */
html,body{max-width:100%;overflow-x:hidden}
.wrap{max-width:var(--max);width:100%}
.nav{min-width:0}
.logo{min-width:0;flex:1 1 auto;overflow:hidden}
.logo>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logo img,.logo .mark{flex:none}
nav ul{min-width:0}
img,svg,video,table{max-width:100%}

@media (max-width:720px){
  .nav{height:58px;gap:8px}
  .logo{gap:9px}
  .logo img{width:32px;height:32px}
  .logo .mark{width:32px;height:32px}
  .logo>span{padding-bottom:0}
  .logo>span>span{font-size:15px}
  .logo small{display:none}
  .navtoggle{width:34px;height:34px;padding:0 8px}
  .lang{padding:5px 10px}
  nav ul{top:58px}
}
@media (max-width:400px){
  .logo>span{max-width:170px}
  .logo>span>span{font-size:13.5px}
}

/* ===== 技术对比 / 为什么选我们 / 边界 / 在运设备 / 合作流程 / 工程能力 ===== */
.cmp{overflow-x:auto;border:1px solid var(--line);border-radius:2px;background:var(--paper-2)}
.cmp table{min-width:760px}
.cmp th:first-child{width:22%}
.cmp .yes{color:#2F6B4F;font-weight:600}
.cmp .no{color:var(--zhu);font-weight:600}
.cmp .edge{background:none}
.why{background:var(--paper-2);border:none;border-radius:0;padding:22px 20px 18px;position:relative}
.why>b{display:block;font-size:var(--fs-h3);color:var(--ink);margin-bottom:7px;font-weight:600}
.why p{font-size:var(--fs-body);color:var(--gray);line-height:1.8}
.why .num{
  position:absolute;right:18px;top:14px;font-size:var(--fs-num);font-weight:600;
  color:#D6E0E3;font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.edgebox{margin-top:18px;background:#E8EFF1;border:1px solid var(--line);border-radius:2px;padding:20px 22px}
.edgebox h3{font-size:var(--fs-h3);color:#0A5470;margin-bottom:10px;font-weight:600}
.edgebox ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px 24px}
.edgebox li{font-size:var(--fs-body);color:#3A474C;padding-left:18px;position:relative;line-height:1.75}
.edgebox li::before{content:"—";position:absolute;left:0;color:#0D6E8F;font-weight:400}
.edgebox .foot{margin-top:12px;font-size:var(--fs-sm);color:#93A3A9}
.run{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center}
.runcard{background:var(--paper-2);border:1px solid var(--line);border-radius:2px;padding:20px 22px;min-width:0}
.runtag{
  display:inline-block;background:transparent;color:var(--zhu);border:1px solid var(--line-2);
  font-size:var(--fs-sm);padding:5px 13px;border-radius:2px;font-weight:500;margin-bottom:12px;
}
.runtag::before{content:"";display:inline-block;width:7px;height:1px;background:var(--zhu);margin-right:8px;vertical-align:4px}
.runtable{width:100%;min-width:0 !important;font-size:var(--fs-body);border-collapse:collapse}
.runtable th{width:32%;background:transparent;color:var(--gray);font-weight:400;border-bottom:1px solid var(--line);padding:9px 8px 9px 0;text-align:left;letter-spacing:.02em}
.runtable td{padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.runtable tr:last-child th,.runtable tr:last-child td{border-bottom:none}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{background:var(--paper-2);border:1px solid var(--line);border-radius:2px;padding:24px 20px 18px;position:relative}
.step::before{
  counter-increment:s;content:counter(s);position:absolute;left:20px;top:-15px;
  width:30px;height:30px;border-radius:2px;background:var(--zhu);color:#FBFDFD;
  font-weight:600;font-size:var(--fs-sm);
  display:flex;align-items:center;justify-content:center;
}
.step>b{display:block;font-size:var(--fs-h3);color:var(--ink);margin:11px 0 7px;font-weight:600}
/* ★ 2026-09-18 修：这里原来是 `.step b`（后代选择器），把词条 st6d 里的内联 <b> 也变成块级，
   整张卡被拆成一行一项、分号与句号各自占行（老板当场截图问「这是什么情况」）⇒ 收紧成直接子元素选择器 */
.step p{font-size:var(--fs-body);color:var(--gray);line-height:1.8}

@media(max-width:900px){
  .run{grid-template-columns:1fr}
  .why4{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .edgebox ul{grid-template-columns:1fr}
}



/* ★ 2026-10-08 补：页脚导航条。原来只靠内联 style 撑（class 无规则），
   audit_site.py 报「pagenav 完全没定义」。把内联提上来，一处生效全站。
   颜色 #64747B 在深底上对比度不足 => 提亮到 #93A3A9（约 7:1）。 */
.pagenav{max-width:1180px;margin:0 auto;padding:10px 24px 0;font-size:13px;color:#93A3A9;line-height:1.9}
.pagenav a{color:#93A3A9;margin:0 10px;border-bottom:1px solid #31454D;text-decoration:none}
.pagenav a:hover{color:#FBFDFD}


/* ---- 以下两段原在 29／20 个页面里各重复一份，2026-10-08 并进本文件 ---- */

@font-face{
  font-family:'Noto Serif SC';
  src:url('/assets/fonts/NotoSerifSC-cjk.woff2') format('woff2');
  font-weight:200 900;font-style:normal;font-display:swap;
  unicode-range:U+2E80-2EFF,U+3000-303F,U+3100-312F,U+31A0-31BF,U+3200-32FF,U+3300-33FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE10-FE1F,U+FE30-FE4F,U+FF00-FFEF;
}

/* ★ 2026-10-08：页面主标题。语义是 h1（每页一个），视觉沿用原来的 h2 字号 ——
   ★ 为了 SEO 补 H1，同时一个像素都不动版式。 */
.page-title{font-size:var(--fs-h2);line-height:1.35;margin:0}

/* =========================================================================
   东方美学样式 V2（2026-09-18 收紧 + 统一字体 + 更东方）
   -------------------------------------------------------------------------
   老板第二批口径：「**网站的架构再紧密一点，网站内的字体尽量统一，
                     正文的字体大小也统一，还可以再东方一点**」
   三条对应的机器可核改动：
     ① 更紧密：区块留白 84→60px、版心 1120→1080、行高 1.9→1.8、
        各段间距一律收紧；**整页高度 10,620 → 见台账（同一机位实测）**
     ② 字体统一：**全站只留一族（思源宋体 Noto Serif SC）**；
        原 CSS 里 7 种 font-family 写法 / 2 个 @font-face → 1 族 + 表单控件 inherit
     ③ 字号统一：正文/小字/三级标题收敛为三条变量
        `--fs-body`/`--fs-sm`/`--fs-h3`，不再出现 11.5~16.5 十个中间值
     ④ 更东方：全宋体（书卷气）+ 版框（书页边线）+ 界格对齐版心 +
        文武线（1px 长线 + 2px 朱砂短线）作区块头 + 中文正文两端对齐
   只改表现形式：文案、数字、词条**一个字符不动**（由 restyle2.py 四道断言守住）。
   字体子集：/assets/fonts/NotoSerifSC-subset.woff2（make_font.py 生成）
   ========================================================================= */

/* ===== 字体：思源宋体（Noto Serif SC，SIL OFL 1.1，可免费商用）=====
   ★ 2026-09-25 拆成两个子集（首屏优化，实测数据）：
       拉丁 67.7 KB（总是加载） +  中文 241.1 KB（**仅中文页加载**）
       英文访客首屏 836.6 → 594.5 KB（−242.1 KB，−29%）；中文页 835.6 KB（−1.0 KB，等于无代价）
       两个文件 cmap 并集 == 原文件（837 码位，零丢字、零重叠），可变字重 200~900 完整保留。
   ★ 中文那条 @font-face **不能写在这里** —— 写在静态 CSS 里，英文页也会下载那 241 KB。
     改由下面 <head> 里的内联脚本按语言注入（配 <noscript> 兜底）。
   ★ 为什么不用「砍字重轴」省：页面实际用 400/500/600/700/800 五档，部分实例化最多只省 4.4%，
     砍到 (400,600) 省 10.2% 但 700/800 会变假粗体 —— 不划算（已实测）。 */
@font-face{
  font-family:'Noto Serif SC';
  src:url('/assets/fonts/NotoSerifSC-latin.woff2') format('woff2');
  font-weight:200 900;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0100-024F,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2190-21FF,U+2200-22FF,U+2500-25FF,U+2600-26FF,U+FB00-FB06;
}

/* ★ 2026-10-27：页脚公安备案（图标＋备案号） */
.psb-beian{display:inline-flex;align-items:center;color:#8E8778;text-decoration:none}
.psb-beian img{width:16px;height:17px;margin-right:4px;vertical-align:middle}

/* ===== 2026-10-30 紧凑化：字号略收、纵向留白收紧 =====
   只调版式，不改文案、数字和页面结构。手机上单独再收一档，避免卡片挤在一起。 */
:root{
  --fs-body:15px;
  --fs-sm:13px;
  --fs-h3:18px;
  --fs-h2:clamp(20px,2.1vw,24px);
  --fs-h1:clamp(23px,2.4vw,30px);
  --fs-num:24px;
}
body{line-height:1.65}
.wrap{padding:0 22px}
section{padding:32px 0}
.sec-head{margin-bottom:16px;padding-bottom:9px}
.sec-head p{margin-top:4px}
.hero-in{padding:34px 0 28px;gap:30px}
.tag{margin-bottom:12px}
.hero p.lead{margin-top:12px;line-height:1.7}
.kpis{margin-top:16px;gap:6px 28px}
.cta{margin-top:18px}
.btn{padding:11px 26px}
.cards{gap:12px}
.card{padding:18px 16px}
.card .ic{width:32px;height:32px;margin-bottom:10px}
.card p{line-height:1.65}
.hero-card{padding:18px 20px 14px}
.hc-item{padding:11px 0}
th,td{padding:9px 13px}
.specnote{padding:12px 14px;line-height:1.7}
.two{gap:32px}
.adv li{padding:11px 0 11px 26px;line-height:1.65}
.chip{padding:7px 15px}
.steps{gap:12px}
.step{padding:20px 18px 16px}
.step>b{margin:9px 0 6px}
.step p{line-height:1.7}
.needgrid{gap:18px}
.needform,.needout{padding:18px 16px}
.q{margin-bottom:14px}
.opt{padding:6px 13px}
.faq details{padding:12px 0}
.faq p{margin-top:7px;line-height:1.7;padding-left:23px}
.run{gap:18px}
.runcard{padding:18px 20px}
.contact{padding:32px 28px}
.cmp th,.cmp td{padding:9px 12px}
footer{margin-top:32px}
@media (max-width:1080px){
  .hero-in{padding:26px 0 24px;gap:24px}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  section{padding:26px 0}
  .sec-head{margin-bottom:14px}
  .hero-in{padding:24px 0 22px}
  .contact{padding:24px 16px}
  .needform,.needout{padding:14px 12px}
}