@charset "utf-8";
/* ============================================================
   诺彤科技 NT2026-C · 压平后的单一样式表
   · 同一 @media 上下文内的同一选择器只出现一次（由 flatten_v3.py 生成）
   · 颜色只有一处来源：:root 中的 --b*(蓝) / --n*(中性) 色阶
   · 旧令牌名为兼容别名，指向新令牌，不要再给旧名赋新值
   · 重新生成：python _scripts/flatten_v3.py
   ============================================================ */
:root{--pri:#1A6BE2;--pri-h:var(--b600);--pri-d:var(--b700);--pri-dd:var(--b800);--pri-l:var(--b50);--pri-ll:var(--b100);--pri-b:var(--b200);--navy:var(--n800);--cta:#C93A26;--cta-h:#AE2F1D;--amber:var(--warn);--green:var(--ok);--info:#2F6FED;--bg:var(--n50);--bg2:var(--n100);--tx1:var(--n900);--tx2:var(--n600);--tx3:var(--n500);--bd:var(--n200);--bd2:var(--n100);--r:20px;--r2:14px;--r3:10px;--p:999px;--sh1:0 1px 2px rgba(16,34,64,.05);--sh2:0 4px 18px rgba(16,34,64,.06);--sh3:0 14px 40px rgba(16,34,64,.09);--w:1320px;--hd:76px;--sec:112px;--ease:cubic-bezier(.2,.7,.3,1);--hair:1px solid rgba(16,34,64,.055);--b50:#F2F7FF;--b100:#E3EEFF;--b200:#C9DEFA;--b300:#9CC3F5;--b400:#5E9DEF;--b500:#1A6BE2;--b600:#1560D0;--b700:#0A4291;--b800:#083471;--b900:#062A5E;--n0:#FFFFFF;--n50:#F7F9FC;--n100:#F1F4F9;--n200:#E8ECF3;--n300:#D8DFEA;--n400:#A8B4C6;--n500:#667287;--n600:#55637A;--n700:#36445A;--n800:#1F2B3D;--n900:#101A26;--ok:#1E9E5A;--warn:#D98324;--fs-1:12px;--fs-2:14px;--fs-3:16px;--fs-4:18px;--fs-5:20px;--fs-6:24px;--fs-7:30px;--fs-8:38px;--fs-9:48px;--ff:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB",
       "Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;--ff-num:"DIN Alternate","Bahnschrift","Segoe UI Variable Display",
           ui-monospace,"SF Mono",Menlo,Consolas,monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:120px;--t-fast:.16s;--t-base:.24s;--t-slow:.38s;--e:cubic-bezier(.2,.7,.3,1);--e-out:cubic-bezier(.16,1,.3,1);--grad-w1:#FFFFFF;--grad-w2:#EEF5FE;--grad-g1:#E9F1FB;--grad-g2:#FFFFFF;--edge:rgba(255,255,255,.95)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx1);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:var(--fs-3);line-height:1.75;letter-spacing:.1px;font-family:var(--ff);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block;border:0}
a{color:inherit;text-decoration:none;transition:color .18s}
a:hover{color:var(--pri)}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.35;color:var(--tx1)}
p{margin:0 0 12px}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
button,input,select,textarea{font:inherit;color:inherit;outline:none}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.wrap{width:100%;margin:0 auto;padding:0 20px;max-width:var(--w)}
.wrap-n{width:100%;max-width:960px;margin:0 auto;padding:0 20px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
.col{padding:0 12px}
.mt0{margin-top:0}
.mt8{margin-top:8px}
.mt16{margin-top:16px}
.mt24{margin-top:24px}
.mt32{margin-top:32px}
.mt48{margin-top:48px}
.mb0{margin-bottom:0}
.mb8{margin-bottom:8px}
.mb16{margin-bottom:16px}
.mb24{margin-bottom:24px}
.tc{text-align:center}
.tr{text-align:right}
.hide{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 26px;border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;background:none;border-radius:var(--r2);letter-spacing:.2px;transition:transform .16s var(--ease),background .18s var(--ease),
             box-shadow .18s var(--ease),border-color .18s var(--ease)}
.btn-cta{background:var(--cta);color:#fff;box-shadow:0 4px 16px rgba(226,72,47,.22)}
.btn-cta:hover{background:var(--cta-h);color:#fff;box-shadow:0 8px 24px rgba(226,72,47,.30);transform:translateY(-2px)}
.btn-pri{background:var(--pri);color:#fff;box-shadow:0 4px 14px rgba(19,102,214,.24)}
.btn-pri:hover{background:var(--pri-h);color:#fff;transform:translateY(-1px)}
.btn-out{background:#fff;color:var(--pri);border-color:var(--pri-b)}
.btn-out:hover{background:var(--pri-l);color:var(--pri-d);border-color:var(--pri)}
.btn-out-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-out-w:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.btn-lg{height:52px;padding:0 30px;font-size:16px;border-radius:var(--r2)}
.btn-sm{height:38px;padding:0 18px;font-size:14px}
.btn-blk{width:100%}
.tbar{background:var(--navy);color:rgba(255,255,255,.72);font-size:13px;height:40px;display:flex;align-items:center}
.tbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.tbar-l{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tbar-l span{display:inline-flex;align-items:center;gap:6px}
.tbar-r{display:flex;align-items:center;gap:16px}
.tbar a{color:rgba(255,255,255,.72)}
.tbar a:hover{color:#fff}
.tbar b{color:#fff;font-weight:600}
.tbar .ph{color:#FFB99E;font-weight:700;font-size:14px;letter-spacing:.3px}
.hdr{position:sticky;top:0;z-index:900;background:#fff;box-shadow:var(--sh1)}
.hdr-in{height:var(--hd);display:flex;align-items:center;gap:24px}
.logo{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.logo img{height:44px;width:auto}
.logo-t{line-height:1.2}
.logo-t b{display:block;font-size:19px;font-weight:800;color:var(--navy);letter-spacing:.5px}
.logo-t i{display:block;font-style:normal;font-size:11px;color:var(--tx3);letter-spacing:2.2px;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>li{position:relative}
.nav>li>a{display:flex;align-items:center;height:var(--hd);padding:0 14px;font-size:15px;font-weight:600;color:var(--tx1);position:relative}
.nav>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:20px;height:2px;background:var(--pri);transform:scaleX(0);transition:transform .2s;border-radius:2px}
.nav>li:hover>a,.nav>li.on>a{color:var(--pri)}
.nav>li:hover>a::after,.nav>li.on>a::after{transform:scaleX(1)}
.nav>li>a.hot{color:var(--cta)}
.nav>li>a.hot::after{background:var(--cta)}
.sub{position:absolute;left:0;top:var(--hd);min-width:212px;background:#fff;border:1px solid var(--bd);border-top:2px solid var(--pri);border-radius:0 0 var(--r2) var(--r2);box-shadow:var(--sh2);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .18s}
.nav>li:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}
.sub a{display:block;padding:9px 18px;font-size:14px;color:var(--tx2);white-space:nowrap}
.sub a:hover{background:var(--pri-l);color:var(--pri-d)}
.hdr-cta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.hdr-ph{display:flex;flex-direction:column;line-height:1.25;margin-right:4px}
.hdr-ph i{font-style:normal;font-size:11px;color:var(--tx3)}
.hdr-ph b{font-size:17px;color:var(--cta);font-weight:800;letter-spacing:.3px}
.burger{display:none;width:42px;height:42px;border:1px solid var(--bd);border-radius:var(--r2);background:#fff;cursor:pointer;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:var(--tx1);transition:.2s}
.burger span:nth-child(1){top:14px}
.burger span:nth-child(2){top:20px}
.burger span:nth-child(3){top:26px}
.hero{position:relative;color:#fff;overflow:hidden;background:linear-gradient(118deg,#062A5E 0%,#0A4291 38%,#1B6FE8 100%)}
.hero::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><circle cx='30' cy='30' r='1.2' fill='rgba(255,255,255,.10)'/></svg>")}
.hero-in{position:relative;display:flex;align-items:center;padding:96px 0 108px;gap:56px}
.hero-l{flex:1;min-width:0}
.hero-tag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border-radius:var(--p);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:600;margin-bottom:20px}
.hero-tag em{font-style:normal;width:6px;height:6px;border-radius:50%;background:#6EE7A8;box-shadow:0 0 0 4px rgba(110,231,168,.24)}
.hero h1{color:#fff;margin-bottom:16px;font-size:var(--fs-9);line-height:1.24;letter-spacing:-.8px;font-weight:800}
.hero h1 em{font-style:normal;color:#FFD3C6}
.hero-sub{line-height:1.8;color:rgba(255,255,255,.86);margin-bottom:26px;font-size:var(--fs-4);max-width:620px}
.hero-kv{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:30px}
.hero-kv div{min-width:96px}
.hero-kv b{display:block;font-size:28px;font-weight:800;color:#fff;line-height:1.2}
.hero-kv b i{font-style:normal;font-size:15px;font-weight:600;color:rgba(255,255,255,.7);margin-left:2px}
.hero-kv span{font-size:13px;color:rgba(255,255,255,.62)}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{flex:0 0 356px;padding:24px;color:var(--tx1);background:rgba(255,255,255,.10);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:var(--r);box-shadow:0 24px 60px rgba(3,18,46,.30)}
.hero-card h3{font-size:17px;margin-bottom:4px}
.hero-card>p{font-size:13px;color:var(--tx2);margin-bottom:16px}
.hero-card .fld{margin-bottom:11px}
.hero-card input,.hero-card select,.hero-card textarea{width:100%;height:42px;padding:0 12px;border:1px solid var(--bd);border-radius:var(--r2);background:#fff;font-size:14px;transition:.16s}
.hero-card textarea{height:68px;padding:9px 12px;resize:none;line-height:1.6}
.hero-card input:focus,.hero-card select:focus,.hero-card textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-l)}
.hero-card .tip{font-size:12px;color:var(--tx3);margin-top:10px;line-height:1.6}
.band{background:#fff;border-bottom:1px solid var(--bd)}
.band-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd)}
.band-c{background:#fff;padding:24px 20px;text-align:center}
.band-c b{display:block;font-size:30px;font-weight:800;color:var(--pri-d);line-height:1.2}
.band-c b i{font-style:normal;font-size:15px;color:var(--tx2);margin-left:2px}
.band-c span{font-size:13.5px;color:var(--tx2)}
.sec{padding:var(--sec) 0;box-shadow:inset 0 1px 0 var(--edge)}
.sec-w{background:linear-gradient(180deg,var(--grad-w1) 0%,var(--grad-w2) 100%)}
.sec-g{background:linear-gradient(180deg,var(--grad-g1) 0%,var(--grad-g2) 100%)}
.sec-n{background:var(--navy);color:rgba(255,255,255,.8)}
.sec-h{text-align:center;max-width:760px;margin:0 auto 40px;margin-bottom:56px;position:relative;z-index:1}
.sec-h .k{display:inline-block;color:var(--pri);font-size:12.5px;letter-spacing:3px;font-weight:600;margin-bottom:16px}
.sec-h h2{margin-bottom:12px;font-size:38px;line-height:1.24;letter-spacing:-.6px;font-weight:600}
.sec-h p{color:var(--tx2);margin:0;font-size:16.5px;line-height:1.7}
.sec-n .sec-h h2{color:#fff}
.sec-n .sec-h p{color:rgba(255,255,255,.7)}
.sec-n .sec-h .k{color:#8FBCFF}
.sec-h.l{text-align:left;margin-left:0}
.sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:56px}
.sec-hd h2{font-size:27px}
.sec-hd .k{font-size:13px;font-weight:700;color:var(--pri);letter-spacing:2px;margin-bottom:8px}
.sec-hd p{font-size:15px;color:var(--tx2);margin:6px 0 0}
.more{font-size:14px;color:var(--pri);font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.more:hover{color:var(--pri-d);gap:8px}
.series{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scard{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:26px 24px;transition:.2s;position:relative;overflow:hidden;display:block}
.scard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pri);transform:scaleY(0);transition:.22s;transform-origin:top}
.scard:hover{border-color:var(--pri-b);box-shadow:var(--sh2);transform:translateY(-3px)}
.scard:hover::before{transform:scaleY(1)}
.scard .ic{width:46px;height:46px;border-radius:10px;background:var(--pri-l);color:var(--pri);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.scard .ic svg{width:24px;height:24px;stroke-width:1.9}
.scard h3{font-size:17.5px;margin-bottom:7px}
.scard p{font-size:14px;color:var(--tx2);line-height:1.7;margin-bottom:14px;min-height:48px}
.scard .pl{display:flex;flex-wrap:wrap;gap:6px}
.scard .pl span{font-size:12.5px;color:var(--tx2);background:var(--bg2);padding:3px 9px;border-radius:var(--r3)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pcard{background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.pcard:hover{box-shadow:var(--sh2);transform:translateY(-3px);border-color:var(--pri-b)}
.pcard .pi{position:relative;padding-top:76%;background:linear-gradient(135deg,#EEF1F6,#F7F9FC);overflow:hidden}
.pcard .pi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.pcard:hover .pi img{transform:scale(1.05)}
.pcard .pi .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--tx3);font-size:13px}
.pcard .pb{padding:15px 16px 17px;flex:1;display:flex;flex-direction:column}
.pcard h3{font-size:15.5px;font-weight:600;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}
.pcard:hover h3{color:var(--pri)}
.pcard .pd{font-size:13px;color:var(--tx2);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.pcard .pf{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--pri);font-weight:600}
.pcard .pf em{font-style:normal;color:var(--tx3)}
.sols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sol{position:relative;border-radius:var(--r);overflow:hidden;background:var(--navy);min-height:236px;display:flex;align-items:flex-end;padding:22px;transition:.22s}
.sol::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,26,54,.16) 0%,rgba(9,26,54,.88) 100%);transition:opacity var(--t-base) var(--e)}
.sol .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:.35s}
.sol:hover{transform:translateY(-3px);box-shadow:var(--sh3)}
.sol:hover .bg{opacity:.7;transform:scale(1.05)}
.sol .ct{position:relative;z-index:2;color:#fff;width:100%;transition:transform var(--t-base) var(--e)}
.sol .ct h3{color:#fff;font-size:18px;margin-bottom:6px}
.sol .ct p{font-size:13.5px;color:rgba(255,255,255,.78);margin-bottom:12px;line-height:1.65}
.sol .ct .tb{display:flex;flex-wrap:wrap;gap:6px}
.sol .ct .tb span{font-size:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);padding:2px 9px;border-radius:var(--p);color:rgba(255,255,255,.92)}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.whyc{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px 20px;text-align:center;transition:.2s}
.whyc:hover{box-shadow:var(--sh2);transform:translateY(-3px);border-color:var(--pri-b)}
.whyc b{display:block;font-size:32px;font-weight:800;color:var(--pri);line-height:1.15;margin-bottom:6px}
.whyc b i{font-style:normal;font-size:15px;color:var(--tx2);font-weight:600}
.whyc h4{font-size:15.5px;margin-bottom:6px}
.whyc p{font-size:13.5px;color:var(--tx2);line-height:1.7;margin:0}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.csec{background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.csec:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.csec .ci{padding-top:56%;background:linear-gradient(135deg,#E9EEF6,#F5F8FC);position:relative;overflow:hidden}
.csec .ci img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.csec .ci .t{position:absolute;left:12px;top:12px;background:var(--pri);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--p)}
.csec .cb{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}
.csec .cb h3{font-size:16.5px;margin-bottom:10px}
.csec .kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px}
.csec .kv div{font-size:13px;color:var(--tx2)}
.csec .kv div b{color:var(--tx1);font-weight:600}
.csec .rs{font-size:13.5px;color:var(--green);font-weight:600;background:rgba(30,158,90,.08);padding:8px 12px;border-radius:var(--r2);margin-top:auto;line-height:1.6}
.hons{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.hon{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:18px 12px;text-align:center;transition:.2s}
.hon:hover{border-color:var(--pri-b);box-shadow:var(--sh1)}
.hon .hi{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--pri)}
.hon .hi svg{width:38px;height:38px;stroke-width:1.5}
.hon span{font-size:13px;color:var(--tx2);line-height:1.5;display:block}
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.acard{background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.acard:hover{box-shadow:var(--sh2);transform:translateY(-3px);border-color:var(--pri-b)}
.acard .ai{padding-top:52%;background:linear-gradient(135deg,#EDF2FA,#F6F9FD);position:relative;overflow:hidden}
.acard .ai img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.acard .ab{padding:17px 18px 19px;flex:1;display:flex;flex-direction:column}
.acard .mt{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--tx3);margin-bottom:9px}
.acard .mt em{font-style:normal;background:var(--pri-l);color:var(--pri-d);padding:2px 8px;border-radius:var(--r3);font-weight:600}
.acard h3{font-size:16px;line-height:1.55;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}
.acard:hover h3{color:var(--pri)}
.acard p{font-size:13.5px;color:var(--tx2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.acard .af{margin-top:auto;font-size:13px;color:var(--pri);font-weight:600}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.step{text-align:center;position:relative}
.step .sn{width:52px;height:52px;border-radius:50%;background:var(--pri);color:#fff;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 6px 18px rgba(19,102,214,.28)}
.step h4{font-size:16px;margin-bottom:6px;color:#fff}
.step p{font-size:13.5px;color:rgba(255,255,255,.68);line-height:1.7;margin:0}
.step::after{content:"";position:absolute;top:26px;left:calc(50% + 34px);right:calc(-50% + 34px);height:1px;background:linear-gradient(90deg,rgba(255,255,255,.32),transparent)}
.step:last-child::after{display:none}
.ctab{background:linear-gradient(120deg,var(--pri-dd),var(--pri-d) 55%,var(--pri));padding:52px 0;color:#fff}
.ctab-in{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.ctab h2{color:#fff;font-size:27px;margin-bottom:8px}
.ctab p{color:rgba(255,255,255,.82);font-size:15.5px;margin:0}
.ctab .btns{display:flex;gap:12px;flex-wrap:wrap}
.ft{background:var(--navy);color:rgba(255,255,255,.66);padding:52px 0 0;font-size:14px}
.ft-in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:36px}
.ft h4{color:#fff;font-size:15.5px;margin-bottom:16px;font-weight:600}
.ft .about p{line-height:1.85;margin-bottom:16px;font-size:13.5px}
.ft ul li{margin-bottom:9px}
.ft ul a{color:rgba(255,255,255,.66);font-size:13.5px}
.ft ul a:hover{color:#fff}
.ft .ct p{display:flex;gap:9px;margin-bottom:11px;font-size:13.5px;align-items:flex-start}
.ft .ct b{color:#fff;font-weight:600}
.ft .big-phone{font-size:24px;font-weight:800;color:#fff;letter-spacing:.5px;display:block;margin-bottom:4px}
.ft .big-phone:hover{color:#FFB99E}
.ft .wx{display:flex;gap:14px;margin-top:14px}
.ft .wx div{text-align:center}
.ft .wx img{width:84px;height:84px;background:#fff;border-radius:var(--r2);padding:3px}
.ft .wx span{display:block;font-size:12px;color:rgba(255,255,255,.55);margin-top:5px}
.ft-b{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ft-b a{color:rgba(255,255,255,.66)}
.ft-b a:hover{color:#fff}
.crumb{background:#fff;border-bottom:1px solid var(--bd);font-size:13px;color:var(--tx3);padding:12px 0}
.crumb a{color:var(--tx2)}
.crumb a:hover{color:var(--pri)}
.crumb span{margin:0 7px;color:#7C8797}
.phead{background:linear-gradient(120deg,var(--pri-dd),var(--pri-d) 60%,var(--pri));color:#fff;padding:40px 0 44px}
.phead h1{color:#fff;font-size:29px;margin-bottom:9px}
.phead p{color:rgba(255,255,255,.8);font-size:15px;margin:0;max-width:720px;line-height:1.75}
.phead .crumb{background:none;border:0;padding:0 0 12px;color:rgba(255,255,255,.62)}
.phead .crumb a{color:rgba(255,255,255,.72)}
.phead .crumb a:hover{color:#fff}
.phead .crumb span{color:rgba(255,255,255,.72)}
.filt{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:14px 18px;margin-bottom:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filt b{font-size:13.5px;color:var(--tx3);font-weight:600;margin-right:2px}
.filt a{font-size:14px;padding:6px 15px;border-radius:var(--p);color:var(--tx2);border:1px solid var(--bd);transition:.18s}
.filt a:hover{border-color:var(--pri-b);color:var(--pri);background:var(--pri-ll)}
.filt a.on{background:var(--pri);border-color:var(--pri);color:#fff;font-weight:600}
.pd-wrap{display:flex;gap:28px;align-items:flex-start;padding:32px 0 56px}
.pd-main{flex:1;min-width:0}
.pd-side{flex:0 0 320px;position:sticky;top:calc(var(--hd) + 16px)}
.pd-box{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px;margin-bottom:20px}
.pd-box:last-child{margin-bottom:0}
.pd-box>h2{font-size:19px;padding-bottom:14px;border-bottom:1px solid var(--bd2);margin-bottom:18px;display:flex;align-items:center;gap:9px}
.pd-box>h2::before{content:"";width:4px;height:17px;background:var(--pri);border-radius:2px}
.aibox{background:var(--pri-ll);border:1px solid var(--pri-b);border-left:4px solid var(--pri);border-radius:var(--r2);padding:16px 18px;margin-bottom:22px}
.aibox .t{font-size:13px;font-weight:700;color:var(--pri-d);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.aibox .t svg{width:15px;height:15px}
.aibox p{font-size:14px;line-height:1.85;color:var(--tx1);margin:0}
.aibox .kv{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--pri-b)}
.aibox .kv div{font-size:13px;color:var(--tx2)}
.aibox .kv b{color:var(--tx1);font-weight:600}
.gal{border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;background:#fff;margin-bottom:20px}
.gal .big{padding-top:68%;position:relative;background:linear-gradient(135deg,#EDF1F7,#F7F9FC);cursor:zoom-in}
.gal .big img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px}
.gal .thumbs{display:flex;gap:8px;padding:10px;border-top:1px solid var(--bd2);overflow-x:auto}
.gal .thumbs div{flex:0 0 78px;height:58px;border:1px solid var(--bd);border-radius:var(--r3);overflow:hidden;cursor:pointer;background:#fff;transition:.16s}
.gal .thumbs div.on,.gal .thumbs div:hover{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri-l)}
.gal .thumbs img{width:100%;height:100%;object-fit:cover}
.post{font-size:15.5px;line-height:1.95;color:var(--tx1)}
.post h2{font-size:19px;margin:26px 0 14px;padding-left:12px;border-left:4px solid var(--pri)}
.post h3{font-size:16.5px;margin:22px 0 12px}
.post p{margin-bottom:14px}
.post img{max-width:100%;height:auto;border-radius:var(--r2);margin:10px 0}
.post ul,.post ol{margin:0 0 16px;padding-left:0}
.post ul li{position:relative;padding-left:20px;margin-bottom:9px;line-height:1.85}
.post ul li::before{content:"";position:absolute;left:5px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--pri)}
.post ol{counter-reset:n}
.post ol li{position:relative;padding-left:26px;margin-bottom:9px;counter-increment:n}
.post ol li::before{content:counter(n);position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--pri-l);color:var(--pri-d);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.spec{width:100%;font-size:14px;border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden}
.spec th,.spec td{border:1px solid var(--bd2);padding:11px 14px;text-align:left;line-height:1.7}
.spec thead th{background:var(--pri-l);color:var(--pri-d);font-weight:700;white-space:nowrap}
.spec tbody th{background:#FAFBFD;width:150px;font-weight:600;color:var(--tx1);white-space:nowrap}
.spec tbody tr:nth-child(even) td{background:#FCFDFE}
.pick{background:var(--pri-ll);border:1px solid var(--pri-b);border-radius:var(--r2);padding:18px 20px}
.pick ol{counter-reset:p;margin:0;padding:0}
.pick ol li{position:relative;padding-left:30px;margin-bottom:11px;counter-increment:p;line-height:1.8;font-size:14.5px}
.pick ol li:last-child{margin-bottom:0}
.pick ol li::before{content:counter(p);position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--pri);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.faq{border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden}
.faq-i{border-bottom:1px solid var(--bd2)}
.faq-i:last-child{border-bottom:0}
.faq-q{padding:14px 44px 14px 18px;cursor:pointer;font-weight:600;font-size:15px;position:relative;line-height:1.65;user-select:none}
.faq-q:hover{background:var(--pri-ll);color:var(--pri-d)}
.faq-q::after{content:"";position:absolute;right:18px;top:22px;width:8px;height:8px;border-right:2px solid var(--tx3);border-bottom:2px solid var(--tx3);transform:rotate(45deg);transition:transform .2s}
.faq-i.on .faq-q{background:var(--pri-l);color:var(--pri-d)}
.faq-i.on .faq-q::after{transform:rotate(-135deg);top:24px;border-color:var(--pri)}
.faq-a{display:none;padding:0 18px 16px;font-size:14.5px;color:var(--tx2);line-height:1.9}
.faq-i.on .faq-a{display:block}
.scard-q{background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh1)}
.scard-q .h{background:var(--navy);color:#fff;padding:15px 20px}
.scard-q .h b{display:block;font-size:16px;margin-bottom:2px}
.scard-q .h span{font-size:12.5px;color:rgba(255,255,255,.62)}
.scard-q .b{padding:18px 20px 20px}
.scard-q .fld{margin-bottom:10px}
.scard-q input,.scard-q select,.scard-q textarea{width:100%;height:40px;padding:0 11px;border:1px solid var(--bd);border-radius:var(--r2);font-size:14px;transition:.16s;background:#fff}
.scard-q textarea{height:62px;padding:8px 11px;resize:none;line-height:1.6}
.scard-q input:focus,.scard-q select:focus,.scard-q textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-l)}
.scard-q .ph{text-align:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--bd2)}
.scard-q .ph span{display:block;font-size:12px;color:var(--tx3)}
.scard-q .ph b{display:block;font-size:21px;color:var(--cta);font-weight:800;letter-spacing:.4px}
.scard-q .ph b:hover{color:var(--cta-h)}
.side-l{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:18px 20px;margin-bottom:20px}
.side-l h4{font-size:15px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--bd2)}
.side-l a{display:block;font-size:14px;color:var(--tx2);padding:7px 0;border-bottom:1px dashed var(--bd2);line-height:1.6}
.side-l a:last-child{border-bottom:0}
.side-l a:hover{color:var(--pri)}
.side-l a em{font-style:normal;color:var(--tx3);font-size:12px;display:block}
.nlist{background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.nitem{display:flex;gap:20px;padding:20px;border-bottom:1px solid var(--bd2);transition:.18s}
.nitem:last-child{border-bottom:0}
.nitem:hover{background:var(--pri-ll)}
.nitem .ni{flex:0 0 200px;height:126px;border-radius:var(--r2);overflow:hidden;background:linear-gradient(135deg,#EDF1F7,#F7F9FC)}
.nitem .ni img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nitem:hover .ni img{transform:scale(1.05)}
.nitem .nc{flex:1;min-width:0;display:flex;flex-direction:column}
.nitem h3{font-size:17px;margin-bottom:8px;line-height:1.5}
.nitem:hover h3{color:var(--pri)}
.nitem .nm{font-size:12.5px;color:var(--tx3);margin-bottom:7px;display:flex;gap:14px;flex-wrap:wrap}
.nitem .nm em{font-style:normal;background:var(--pri-l);color:var(--pri-d);padding:1px 8px;border-radius:var(--r3)}
.nitem p{font-size:14px;color:var(--tx2);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.nitem .nr{margin-top:auto;font-size:13.5px;color:var(--pri);font-weight:600}
.pager{display:flex;justify-content:center;gap:7px;margin-top:32px;flex-wrap:wrap}
.pager a,.pager span{height:38px;min-width:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd);border-radius:var(--r2);background:#fff;font-size:14px;color:var(--tx2)}
.pager a:hover{border-color:var(--pri);color:var(--pri)}
.pager .on{background:var(--pri);border-color:var(--pri);color:#fff;font-weight:600}
.ctc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.ctc-c{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px;text-align:center}
.ctc-c .ic{width:48px;height:48px;border-radius:50%;background:var(--pri-l);color:var(--pri);display:flex;align-items:center;justify-content:center;margin:0 auto 13px}
.ctc-c .ic svg{width:23px;height:23px;stroke-width:1.8}
.ctc-c h4{font-size:15.5px;margin-bottom:7px}
.ctc-c b{display:block;font-size:19px;color:var(--pri-d);font-weight:800;margin-bottom:4px;letter-spacing:.3px}
.ctc-c p{font-size:13px;color:var(--tx2);margin:0}
.formbox{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:32px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ff{margin-bottom:18px}
.ff label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
.ff label i{color:var(--cta);font-style:normal;margin-left:2px}
.ff input,.ff select,.ff textarea{width:100%;height:44px;padding:0 13px;border:1px solid var(--bd);border-radius:var(--r2);background:#fff;font-size:14.5px;transition:.16s}
.ff textarea{height:110px;padding:11px 13px;resize:vertical;line-height:1.7}
.ff input:focus,.ff select:focus,.ff textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-l)}
.ff .hint{font-size:12.5px;color:var(--tx3);margin-top:6px}
.tool-wrap{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start;padding:32px 0 56px}
.tool-nav{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:10px;position:sticky;top:calc(var(--hd) + 16px)}
.tool-nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--r2);font-size:14.5px;color:var(--tx2);font-weight:600;transition:.16s}
.tool-nav a:hover{background:var(--pri-ll);color:var(--pri-d)}
.tool-nav a.on{background:var(--pri);color:#fff}
.tool-nav a .n{width:22px;height:22px;border-radius:50%;background:var(--pri-l);color:var(--pri-d);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.tool-nav a.on .n{background:#fff;color:var(--b700)}
.tpanel{display:none}
.tpanel.on{display:block}
.tbox{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:28px;margin-bottom:20px}
.tbox h2{font-size:20px;margin-bottom:6px}
.tbox>.desc{font-size:14px;color:var(--tx2);margin-bottom:22px;line-height:1.75}
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px}
.tgrid.one{grid-template-columns:1fr}
.tf label{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px;color:var(--tx1)}
.tf label em{font-style:normal;font-weight:400;color:var(--tx3)}
.tf input,.tf select{width:100%;height:44px;padding:0 13px;border:1px solid var(--bd);border-radius:var(--r2);font-size:14.5px;background:#fff;transition:.16s}
.tf input:focus,.tf select:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-l)}
.tact{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tres{margin-top:24px;border:1px solid var(--pri-b);background:var(--pri-ll);border-radius:var(--r);padding:22px;display:none}
.tres.on{display:block}
.tres h3{font-size:17px;color:var(--pri-d);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.tres h3 svg{width:19px;height:19px}
.tres .rk{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:16px}
.tres .rk div{background:#fff;border:1px solid var(--pri-b);border-radius:var(--r2);padding:13px 15px}
.tres .rk span{display:block;font-size:12.5px;color:var(--tx2);margin-bottom:3px}
.tres .rk b{font-size:21px;color:var(--pri-d);font-weight:800;line-height:1.25}
.tres .rk b i{font-style:normal;font-size:13px;font-weight:600;color:var(--tx2);margin-left:2px}
.tres .note{font-size:13.5px;color:var(--tx2);line-height:1.85;background:#fff;border-radius:var(--r2);padding:13px 15px;border:1px dashed var(--pri-b)}
.tres .note b{color:var(--tx1)}
.twarn{font-size:13px;color:var(--amber);margin-top:10px;display:flex;gap:6px;align-items:flex-start;line-height:1.7}
.fcta{position:fixed;right:16px;bottom:96px;z-index:880;display:flex;flex-direction:column;gap:10px}
.fcta a{width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:11px;gap:2px;box-shadow:0 6px 20px rgba(16,34,64,.22);transition:.2s;line-height:1.2}
.fcta a:hover{transform:translateY(-3px);color:#fff}
.fcta a svg{width:20px;height:20px;stroke-width:1.9}
.fcta .f-cta{background:var(--cta)}
.fcta .f-cta:hover{background:var(--cta-h)}
.fcta .f-ph{background:var(--pri)}
.fcta .f-ph:hover{background:var(--pri-h)}
.fcta .f-top{background:rgba(22,33,46,.82)}
.fcta .f-top:hover{background:var(--navy)}
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:890;background:#fff;border-top:1px solid var(--bd);box-shadow:0 -2px 14px rgba(16,34,64,.08)}
.mbar-in{display:grid;grid-template-columns:1fr 1fr 1fr;height:56px}
.mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11.5px;color:var(--tx2)}
.mbar a svg{width:20px;height:20px;stroke-width:1.9}
.mbar a.m-cta{background:var(--cta);color:#fff}
.mbar a.m-cta svg{stroke-width:2}
.empty{background:#fff;border:1px dashed var(--bd);border-radius:var(--r);padding:56px 20px;text-align:center;color:var(--tx3)}
.empty svg{width:44px;height:44px;margin-bottom:12px;stroke-width:1.4}
.empty p{font-size:14.5px;margin:0}
.pcard,.scard,.acard,.whyc,.sol,.step,.tbox,.faq-i,.band-c,.formbox,.n,.post,.rk{border:var(--hair);box-shadow:var(--sh1);border-radius:var(--r);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.pcard:hover,.scard:hover,.acard:hover,.whyc:hover,.sol:hover{transform:translateY(-4px);box-shadow:var(--sh3);border-color:var(--pri-b)}
.pcard:hover .pb,.scard:hover h3,.acard:hover h3{color:var(--pri)}
.btn:active{transform:scale(.972)}
.btn-cta:active{transform:scale(.975)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 460px at 82% 6%,rgba(130,185,255,.20),transparent 62%),
    radial-gradient(720px 420px at 6% 96%,rgba(60,130,255,.16),transparent 60%)}
.fld{border-radius:var(--r2);border:1px solid var(--bd);transition:border-color .18s var(--ease),box-shadow .18s var(--ease);background:#fff}
.fld:focus{border-color:var(--pri);box-shadow:0 0 0 4px var(--pri-l);outline:none}
.rv{will-change:opacity,transform;opacity:0;transform:translateY(18px);transition:opacity .6s var(--e-out),transform .6s var(--e-out)}
.rv.in{transition:opacity .62s var(--ease),transform .62s var(--ease);opacity:1;transform:none}
b,.whyc b,.band-c b,.hero-kv b,.v3num{font-family:var(--ff-num);font-variant-numeric:tabular-nums;letter-spacing:-.5px}
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--b500);outline-offset:2px;border-radius:6px}
.sec-dark a:focus-visible,.sec-dark button:focus-visible{outline-color:#8FC0FF}
.v3skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--b500);color:#fff;padding:10px 18px;border-radius:0 0 8px 0;font-size:var(--fs-2)}
.v3skip:focus{left:0}
.v3promise{display:flex;flex-wrap:wrap;gap:var(--s5);margin:0 0 var(--s6);padding:0;list-style:none}
.v3promise li{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-2);color:rgba(255,255,255,.92);font-weight:600}
.v3promise li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.16);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E");background-size:11px 11px;background-repeat:no-repeat;background-position:center}
.v3lead{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3);padding-bottom:var(--s3);border-bottom:1px solid var(--n200);font-size:var(--fs-1);color:var(--n500);font-weight:600}
.v3lead b{color:var(--cta);font-size:var(--fs-2)}
.series.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,minmax(150px,auto));gap:18px;counter-reset:s}
.series.bento .scard:nth-child(1){grid-column:span 6;grid-row:span 2}
.series.bento .scard:nth-child(2){grid-column:span 6}
.series.bento .scard:nth-child(3){grid-column:span 3}
.series.bento .scard:nth-child(4){grid-column:span 3}
.series.bento .scard:nth-child(5){grid-column:span 8}
.series.bento .scard:nth-child(6){grid-column:span 4}
.series.bento .scard{counter-increment:s}
.series.bento .scard h3::before{content:counter(s,decimal-leading-zero);font-family:var(--ff-num);font-size:.66em;font-weight:700;letter-spacing:1px;color:var(--n400);margin-right:9px;vertical-align:2px}
.series.bento .scard:first-child h3::before{color:rgba(255,255,255,.55)}
.series.bento .scard .cnt{position:absolute;top:16px;right:16px;z-index:2;font-family:var(--ff-num);font-size:var(--fs-1);font-weight:700;letter-spacing:.2px;color:var(--b700);background:var(--b50);border:1px solid var(--b100);padding:3px 10px;border-radius:99px;white-space:nowrap}
.series.bento .scard:first-child .cnt{top:26px;right:28px;color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}
.series.bento .scard:first-child{background:linear-gradient(140deg,var(--b700) 0%,var(--b500) 62%,var(--b400) 100%);border-color:transparent;color:#fff;padding:34px 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.series.bento .scard:first-child::before{display:none}
.series.bento .scard:first-child::after{content:"";position:absolute;right:-70px;bottom:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 68%);pointer-events:none}
.series.bento .scard:first-child .ic{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.series.bento .scard:first-child .ic svg{width:26px;height:26px}
.series.bento .scard:first-child h3{color:#fff;font-size:var(--fs-6);font-weight:700}
.series.bento .scard:first-child p{color:rgba(255,255,255,.86);font-size:var(--fs-3);margin-top:var(--s2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.series.bento .scard:first-child .pl{margin-top:var(--s5);gap:var(--s2)}
.series.bento .scard:first-child .pl span{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.20);color:#fff}
.series.bento .scard:first-child .v3go{margin-top:var(--s5);font-size:var(--fs-2);font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:var(--s2)}
.series.bento .scard:first-child:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(10,66,145,.28)}
.series.bento .scard:not(:first-child){display:flex;flex-direction:column;justify-content:flex-start;padding:24px 22px}
.series.bento .scard:not(:first-child) h3{font-size:var(--fs-5)}
.series.bento .scard:not(:first-child) p{font-size:var(--fs-2);color:var(--n600);line-height:1.7;margin-top:var(--s2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}
.series.bento .scard .pl{display:flex;flex-wrap:nowrap;gap:var(--s2);overflow:hidden;align-items:center;margin-top:auto;padding-top:var(--s4);min-height:30px}
.series.bento .scard .pl span{white-space:nowrap;flex:0 0 auto}
.series.bento .scard .pl span:nth-child(n+4):not(.tag-more){display:none}
.series.bento .scard .pl .tag-more{background:transparent;border:1px dashed var(--n300);color:var(--n500);cursor:default}
.series.bento .scard:first-child .pl .tag-more{border-color:rgba(255,255,255,.34);color:rgba(255,255,255,.8)}
.tlist{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);grid-auto-flow:column;column-gap:34px;row-gap:0;margin-top:var(--s5)}
.trow{display:flex;align-items:flex-start;gap:8px;padding:11px 2px 11px 0;border-bottom:1px dashed var(--n300);font-size:15px;line-height:1.7;color:var(--tx1);transition:color var(--t-fast) var(--ease)}
.trow i{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--pri);margin-top:.62em;opacity:.45;transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.trow span{flex:1;min-width:0}
.trow:hover{color:var(--pri)}
.trow:hover i{opacity:1;transform:scale(1.4)}
.sec-dark{background:var(--n900);color:rgba(255,255,255,.82);position:relative;overflow:hidden}
.sec-dark::before{content:"";position:absolute;left:50%;top:-180px;width:760px;height:400px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(27,111,232,.28),transparent 66%);pointer-events:none}
.sec-dark .wrap{position:relative}
.sec-dark .sec-h h2{color:#fff}
.sec-dark .sec-h p{color:rgba(255,255,255,.78)}
.sec-dark .k{color:#8FC0FF}
.evd{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);border-radius:var(--r2);overflow:hidden}
.evdc{background:rgba(255,255,255,.035);padding:34px 24px;text-align:center;transition:background var(--t-base) var(--e)}
.evdc:hover{background:rgba(255,255,255,.075)}
.evdc b{display:block;font-size:42px;font-weight:800;color:#fff;line-height:1.05;margin-bottom:var(--s2)}
.evdc b i{font-style:normal;font-size:var(--fs-5);color:#8FC0FF;margin-left:2px}
.evdc h4{font-size:var(--fs-3);color:#fff;font-weight:600;margin-bottom:var(--s1)}
.evdc p{font-size:var(--fs-2);color:rgba(255,255,255,.75);line-height:1.7}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s6)}
.proofc{display:flex;gap:var(--s4);align-items:flex-start;padding:var(--s5);border-radius:var(--r2);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.proofc .pi2{flex:none;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(143,192,255,.14);color:#8FC0FF}
.proofc .pi2 svg{width:20px;height:20px}
.proofc h5{font-size:var(--fs-3);color:#fff;font-weight:600;margin-bottom:var(--s1)}
.proofc p{font-size:var(--fs-2);color:rgba(255,255,255,.74);line-height:1.7}
.pcard .pf em,.acard .af,.more,.v3go em{display:inline-block;transition:transform var(--t-base) var(--e)}
.pcard:hover .pf em,.acard:hover .af,
a.more:hover,.scard:hover .v3go em{transform:translateX(5px)}
.pcard .pi img,.acard .ai img{transition:transform var(--t-slow) var(--e)}
.pcard:hover .pi img,.acard:hover .ai img{transform:scale(1.055)}
.btn-cta.btn-lg{box-shadow:0 6px 20px rgba(226,72,47,.30);transition:transform var(--t-fast) var(--e),box-shadow var(--t-base) var(--e)}
.btn-cta.btn-lg:hover{box-shadow:0 10px 28px rgba(226,72,47,.40)}
.sol:hover .ct{transform:translateY(-3px)}
.sol:hover::after{opacity:.92}
.fld input,.fld select,.fld textarea{display:block;width:100%;border:0!important;border-radius:0!important;background:transparent;box-shadow:none!important}
.fld:focus-within{border-color:var(--pri);box-shadow:0 0 0 4px var(--pri-l)}
.v3prog{position:fixed;left:0;top:0;height:3px;width:0;z-index:9998;background:linear-gradient(90deg,var(--b500),var(--b400));transition:width .1s linear}
.v3mbar{position:fixed;left:0;right:0;bottom:0;z-index:9995;display:none;height:60px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--n200);box-shadow:0 -2px 14px rgba(16,34,64,.06)}
.v3mbar .mbin{display:flex;height:60px;align-items:stretch}
.v3mbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--n600);font-weight:600;text-decoration:none}
.v3mbar a svg{width:19px;height:19px}
.v3mbar a.mcta{flex:1.5;background:var(--cta);color:#fff;border-radius:0;font-size:var(--fs-2)}
.v3mbar a.mcta svg{width:18px;height:18px}
.v3mbar a:active{background:var(--n100)}
.v3mbar a.mcta:active{background:var(--cta-h)}
.lz-0{--grad-w1:#fff;--grad-w2:#fff;--grad-g1:var(--bg);--grad-g2:var(--bg);--edge:transparent}
.lz-1{--grad-w1:#FFFFFF;--grad-w2:#F7FAFF;--grad-g1:#F5F8FC;--grad-g2:#FFFFFF}
.lz-2{--grad-w1:#FFFFFF;--grad-w2:#E1ECFC;--grad-g1:#DEEAFA;--grad-g2:#FFFFFF}
.sec-dark,.sec-n{box-shadow:none}
.err{padding:var(--s10) 0;text-align:center}
.err b{display:block;font-family:var(--ff-num);font-size:96px;line-height:1;color:var(--b100);letter-spacing:-2px;margin-bottom:var(--s4)}
.err h1{font-size:var(--fs-7);margin-bottom:var(--s3)}
.err p{color:var(--tx2);margin-bottom:var(--s6)}
.wrap.hero-in{padding-left:20px;padding-right:20px}
.hero-in>.hero-l{width:100%;max-width:100%}
.tool-nav a.on .cnt{color:#fff}
.tool-nav a.tvn-cta .n{background:#fff;color:var(--cta)}
@media print{
.hdr,.ft,.fcta,.mbar,.ctab,.tbar{display:none!important}
body{background:#fff}
}
@media (prefers-reduced-motion:reduce){
.rv{opacity:1;transform:none}
.pcard:hover,.scard:hover,.acard:hover,.whyc:hover,.sol:hover{transform:none}
*{animation-duration:.01ms!important;transition-duration:.01ms!important}
*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}
@media (max-width:1180px){
.nav>li>a{padding:0 11px;font-size:14.5px}
.hero h1{font-size:38px}
.wrap{max-width:100%;padding:0 28px}
.hero-in{gap:36px}
.wrap.hero-in{padding-left:28px;padding-right:28px}
}
@media (max-width:1024px){
.nav{display:none}
.burger{display:block}
.hdr-cta .btn{display:none}
.hero-in{flex-direction:column;padding:44px 0 52px}
.hero-card{flex:1 1 auto;width:100%;max-width:440px}
.hero h1{font-size:30px}
.series,.sol,.cases,.agrid{grid-template-columns:repeat(2,1fr)}
.why{grid-template-columns:repeat(2,1fr)}
.pgrid{grid-template-columns:repeat(3,1fr)}
.hons{grid-template-columns:repeat(3,1fr)}
.ft-in{grid-template-columns:1fr 1fr;gap:28px}
.pd-wrap{flex-direction:column}
.pd-side{position:static;width:100%;flex:1 1 auto}
.tool-wrap{grid-template-columns:1fr}
.tool-nav{position:static;display:flex;gap:8px;overflow-x:auto;padding:8px}
.tool-nav a{white-space:nowrap;padding:9px 14px}
.steps{grid-template-columns:repeat(2,1fr);gap:26px 20px}
.step::after{display:none}
.band-in{grid-template-columns:repeat(2,1fr)}
.sec-h h2{font-size:32px}
.wrap.hero-in{padding-left:28px;padding-right:28px}
}
@media (max-width:992px){
.hero h1{font-size:var(--fs-8)}
.series.bento{grid-template-columns:repeat(2,1fr);grid-template-rows:none;gap:14px}
.series.bento .scard:nth-child(n){grid-column:span 1;grid-row:span 1}
.series.bento .scard:first-child{grid-column:span 2;padding:28px 24px}
.evd{grid-template-columns:repeat(2,1fr)}
.proof{grid-template-columns:1fr}
.sec{padding:var(--s8) 0}
.tlist{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-flow:row;column-gap:26px}
}
@media (max-width:768px){
body{font-size:14.5px;padding-bottom:64px}
.tbar{display:none}
.sec{padding:var(--s8) 0}
.sec-h h2{font-size:27px;letter-spacing:-.3px}
.sec-hd h2{font-size:21px}
.hero{padding:0}
.hero h1{font-size:var(--fs-7);line-height:1.34;letter-spacing:-.3px}
.hero-sub{font-size:var(--fs-3);margin-bottom:var(--s5)}
.hero-kv{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);margin-bottom:var(--s5)}
.hero-kv b{font-size:23px}
.hero-btns .btn{flex:1;min-width:140px;width:100%}
.series,.sol,.cases,.agrid,.why,.hons,.ctc{grid-template-columns:1fr}
.pgrid{grid-template-columns:repeat(2,1fr);gap:12px}
.scard p{min-height:0}
.ctab{padding:36px 0}
.ctab h2{font-size:22px}
.ctab-in{flex-direction:column;align-items:flex-start;gap:20px}
.ctab .btns{width:100%}
.ctab .btns .btn{flex:1}
.ft-in{grid-template-columns:1fr;gap:26px}
.ft-b{flex-direction:column;gap:8px;text-align:center}
.phead{padding:26px 0 30px}
.phead h1{font-size:22px}
.nitem{flex-direction:column;gap:12px;padding:16px}
.nitem .ni{flex:1 1 auto;width:100%;height:170px}
.frow{grid-template-columns:1fr;gap:0}
.formbox{padding:20px}
.tgrid{grid-template-columns:1fr;gap:14px}
.tbox{padding:20px}
.fcta{right:10px;bottom:70px}
.fcta a{width:48px;height:48px;font-size:10px}
.mbar{display:block}
.pd-wrap{padding:20px 0 40px}
.pd-box{padding:18px}
.gal .thumbs div{flex:0 0 62px;height:48px}
.spec{font-size:13px}
.spec th,.spec td{padding:9px 10px}
.spec tbody th{width:96px}
:root{--sec:64px}
.sec-h{margin-bottom:32px}
.sec-hd{margin-bottom:32px}
.sec-h p{font-size:15.5px}
.wrap{padding:0 20px}
.hero-in{flex-direction:column;gap:var(--s6);padding:var(--s7) 0 var(--s8)}
.hero-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.13)}
.btn-lg{font-size:15.5px;height:50px;line-height:50px}
.hero-l,.hero-card{width:100%}
.btn{height:46px;line-height:46px;padding:0 var(--s5);font-size:var(--fs-3)}
.hero-btns{flex-direction:column;gap:var(--s3)}
.v3promise{gap:var(--s3) var(--s4);margin-bottom:var(--s5)}
.v3promise li{font-size:var(--fs-1)}
.sec-h h2,.sec-hd h2{font-size:var(--fs-7)}
.band-in{grid-template-columns:repeat(2,1fr)}
.evd{grid-template-columns:1fr}
.evdc{padding:26px 18px}
.evdc b{font-size:34px}
.pgrid,.agrid,.sols,.steps,.why{grid-template-columns:1fr !important}
.tlist{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
.trow{font-size:var(--fs-3);padding:12px 0}
.series.bento{grid-template-columns:1fr}
.series.bento .scard:first-child{grid-column:span 1}
.series.bento .scard .pl{gap:var(--s1)}
.series.bento .scard .pl span{font-size:var(--fs-1);padding:2px 8px}
input,select,textarea{font-size:16px !important}
.v3mbar{display:block}
.wrap.hero-in{padding-left:20px;padding-right:20px}
}
@media (max-width:420px){
.pgrid{grid-template-columns:1fr}
.band-in{grid-template-columns:1fr 1fr}
.band-c{padding:16px 10px}
.band-c b{font-size:23px}
.sec-h h2{font-size:24px}
.hero h1{font-size:26px}
}
@media (max-width:400px){
.hero-kv{grid-template-columns:1fr}
.band-in{grid-template-columns:1fr}
.proofc{flex-direction:column;gap:var(--s3)}
}

/* ============ 追加层：打印留档 / 选型结果操作 / 图片占位 ============ */
/* 打印：只留当前选中的选型面板内容，去掉导航与浮动控件 */
@media print{
  .tbar,.hdr,.foot,.fcta,.v3mbar,.v3prog,.hero-card,.tool-nav,.tact,.twarn,
  .sec-cta,.pnav,.side-quote{display:none !important}
  body{background:#fff}
  .wrap{width:100%;max-width:none;padding:0}
  .sec{padding:8px 0}
  .tpanel{display:none !important}
  .tpanel.on{display:block !important}
  .ract,.rtip{display:none !important}
}
/* 返回顶部：按钮本体在模板 .fcta 组内（与询价/电话同尺寸同列），
   滚过一屏才淡入。原来由 JS 另建 .v3top，会出现两个箭头，已废弃。
   用 opacity/visibility 而非 display，隐藏时仍占位，整组按钮位置不跳动。 */
.fcta .f-top{opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity var(--t-base) var(--e),transform var(--t-base) var(--e),
             visibility var(--t-base) var(--e),background var(--t-base) var(--e)}
.fcta .f-top.on{opacity:1;visibility:visible;transform:none}
.fcta .f-top.on:hover{transform:translateY(-3px)}
/* 移动端只有一条底栏：v3 脚本会在生成 .v3mbar 时给旧模板的 .mbar 打上 off，
   脚本没跑时 .mbar 仍是兜底，保证功能不丢。 */
.mbar.off{display:none !important}
/* 选型结果下方的操作条 */
.ract{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ract .btn{height:42px}
.rtip{display:none;margin-top:10px;font-size:13px;font-weight:600;color:var(--ok)}
.rtip.on{display:block}
/* 404 页错误提示块 */
.err{padding:12px 16px;border-radius:var(--r2);background:var(--n50);
     border:1px solid var(--n200);color:var(--tx2);font-size:14px}
/* 数据带紧跟首屏，紧随其后的栏目不需要再留一个整段间距（原 --sec:112px 显空） */
.band + .sec{padding-top:var(--sec)}
/* 滚动的数字用等宽数字，宽度不抖动 */
.band-c b,.evdc b,.hero-kv b{font-variant-numeric:tabular-nums}
/* 正文里的宽表格：自身横向滚动，不把整页撑宽 */
.pd-box{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pd-box table{min-width:100%}
.pd-box img,.pd-box iframe{max-width:100%;height:auto}
/* 兜底：任何意外超宽元素都不产生横向滚动条 */
html,body{overflow-x:hidden;max-width:100%}
/* 移动端：窄屏防横向溢出（flex/grid 子项默认最小尺寸是 min-content，会被长文案撑破） */
@media (max-width:768px){
  .wrap,.wrap-n{max-width:100%}
  .hero-in,.tgrid,.frow,.hero-btns,.v3promise,.tbar .wrap{flex-wrap:wrap}
  .hero-in{display:block}
  .hero-l,.hero-card{width:100%;max-width:100%;min-width:0;flex:0 0 auto}
  .hero h1,.hero-sub,.hero-tag{max-width:100%;word-break:break-word}
  .hero-kv,.band-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-kv>div,.band-in>div,.tgrid>.tf,.frow>.ff{min-width:0}
  .fld,.tf,.ff,.tbox{min-width:0;max-width:100%}
  .fld input,.fld select,.tf input,.tf select,.tf textarea,
  .tbox input,.tbox textarea,.post input,.post textarea{
    width:100%;max-width:100%;box-sizing:border-box}
  .pd-box th,.pd-box td{padding:8px 9px;font-size:13px}
}
/* 390 / 375 是主流手机宽度，KPI 保持两列，避免首屏被拉得过长 */
@media (max-width:400px){
  .hero-kv{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 图片占位：懒加载图片未到位时保持 4:3，消除布局跳动(CLS) */
.pi,.ai,.ni,.big{aspect-ratio:4 / 3;overflow:hidden;background:var(--n100)}
.pi img,.ai img,.ni img{width:100%;height:100%;object-fit:cover}
.big img{width:100%;height:100%;object-fit:contain;background:var(--n0)}
/* ============ 栏目留白节奏 ============
   每个 .sec 上下各留 --sec，两块相邻时实际留白是 2 倍（112+112=224px）→ 空得慌。
   统一收到 56+56=112px，并按屏宽递减，全站（首页/列表/详情）同步生效。 */
:root{--sec:56px}
@media (max-width:992px){:root{--sec:48px}.sec{padding:var(--sec) 0}}
@media (max-width:768px){:root{--sec:40px}.sec{padding:var(--sec) 0}}
/* ============ 型号速查（选型页第 6 个面板） ============
   一个输入框 + 一次出结果：只显示命中的那一个型号和它的全部参数，
   不铺整张选型表，客户不用在表里自己找。 */
.xxcard{margin-top:0;border:1px solid var(--pri-b);border-left:3px solid var(--pri);
  background:#fff;border-radius:var(--r2);padding:18px 20px;
  box-shadow:0 2px 10px rgba(16,34,64,.05)}
.xxch{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.xxch b{font-size:23px;font-weight:800;color:var(--pri-dd);letter-spacing:-.2px}
.xxch span{font-size:12.5px;color:var(--tx3)}
.xxkv{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:14px 18px}
.xxkv>div{min-width:0;border-top:1px solid var(--bd2);padding-top:9px}
.xxkv span{display:block;font-size:12.5px;color:var(--tx3);margin-bottom:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xxkv b{display:block;font-size:17px;color:var(--tx1);font-weight:700;font-variant-numeric:tabular-nums}
.xxact{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.xxsrc{margin-top:14px;font-size:11.5px;color:var(--tx3)}
.xxtip{display:none;margin-top:10px;font-size:13px;color:var(--ok);font-weight:600}
.xxtip.on{display:block}
.xxalt{margin-top:16px;padding-top:14px;border-top:1px dashed var(--pri-b)}
.xxalt>span{display:block;font-size:12.5px;color:var(--tx3);margin-bottom:9px}
.xxalt>span b{color:var(--tx1);font-weight:700}
.xxchips{display:flex;flex-wrap:wrap;gap:8px}
.xxchip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;
  border:1px solid var(--bd);border-radius:var(--p);background:#fff;color:var(--tx1);
  font-size:13px;font-family:inherit;cursor:pointer;transition:.14s}
.xxchip i{font-style:normal;font-size:11.5px;color:var(--tx3)}
.xxchip:hover{border-color:var(--pri);color:var(--pri);background:var(--b50)}
/* 选型页导航上的「新」角标 */
.tool-nav a .nw{display:inline-block;margin-left:6px;height:16px;line-height:16px;padding:0 6px;
  border-radius:var(--p);background:var(--cta);color:#fff;font-size:10.5px;font-style:normal;
  font-weight:700;vertical-align:1px}
/* 窄屏：输入框独占一行，设备下拉 + 按钮并排，少占一行高度。
   下拉必须 flex-basis 0，否则内容宽会把按钮挤到下一行。 */
@media (max-width:900px){
}
@media (max-width:640px){
  .xxcard{padding:15px 16px}
  .xxch b{font-size:18px}
  /* 手机上固定两列：自动填充在这里只剩一列，参数会被拉成很长一竖条 */
  .xxkv{grid-template-columns:repeat(2,1fr);gap:10px 12px}
  .xxkv span{white-space:normal;overflow:visible;font-size:12px;line-height:1.35}
}
@media (max-width:768px){
  .xxch b{font-size:17px}
  .tres .rk .rk-link b{font-size:15px}
  .xxact .btn{flex:1;min-width:130px}
}
/* ---------- 选型页排版层级（2026-09-17 二版：分主次、去臃肿） ----------
   原来整页文字都挤在 12–14.5px、只有两种灰，三个「标题」大小接近（20/25px），
   另带 5–6 段 30 字以上的说明 —— 看着平、看着懵。这里按六级层次重排：
   L0 眉标 → L1 页面主标题 → L2 副信息 → L3 区块标记 → L4 提示行 → L5 参数值。
   同时把标题区移出白卡（浮在页面底上），一屏只有一个焦点。 */
.tool-nav a .cnt{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;
  color:var(--tx3);min-width:16px;text-align:right;font-variant-numeric:tabular-nums}
.tool-nav a.on .cnt{color:rgba(255,255,255,.82)}
.tool-nav a.tvn-cta{margin-top:6px;background:var(--cta);color:#fff}
.tool-nav a.tvn-cta:hover{background:var(--cta-h);color:#fff}
.tool-nav a.tvn-cta .n{background:rgba(255,255,255,.22);color:#fff}

/* L0 眉标 + L1 主标题 + L2 副信息。标题区不套白卡，是页面第一焦点 */
.pghead,.wkhead{padding:0 0 18px}
.pghead h2,.wkhead h2{font-size:27px;font-weight:800;letter-spacing:-.4px;line-height:1.22;
  color:var(--tx1);margin:0 0 8px}
.pghead p,.wkhead .wkmeta{margin:0;font-size:13px;color:var(--tx3);line-height:1.7}
.wkhead .wkback{margin-bottom:11px}

/* L3 区块标记：替代原来与主标题打架的 h2，竖条 + 15px 只说明「这一块是什么」 */
.ssub{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;
  color:var(--tx1);letter-spacing:-.1px;margin:0 0 8px}
.ssub::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--pri);flex:0 0 auto}
/* L4 提示行：可查参数 / 数据来源，一律压到 12.5px 灰，不和正文抢 */
.hint{margin:0 0 15px;font-size:12.5px;color:var(--tx3);line-height:1.7}
.hint b{color:var(--pri-d);font-weight:700}
/* 工具页的通用说明文字也降到提示行级别：14px 深灰会跟标题抢注意力 */
.tbox>.desc{font-size:12.5px;color:var(--tx3);line-height:1.7;margin-bottom:16px}
.wfnote{margin:10px 0 0;font-size:12px;color:var(--tx3);line-height:1.6}

/* 输入行：输入 + 按钮同一行；不再单设 label —— 含义已在区块标记和 placeholder 里 */
.wknest{display:flex;flex-direction:column}
.wksel{order:-1;margin-bottom:14px}
.wkin{display:flex;align-items:flex-end;gap:10px}
.wkin .tf{flex:1 1 auto;min-width:0}
.wkin .btn{flex:0 0 auto;padding:0 26px}

/* 结果区：去掉「浅蓝大框里再套浅蓝卡」的双层底色，只留一张白卡 + 主色左条 */
#resModel{margin-top:20px;background:none;border:0;padding:0}
#resModel .xxcard{margin-top:0}
#resModel .note{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0;
  background:none;border:0;font-size:12.5px;color:var(--tx3);line-height:1.6}
#resModel .note b{color:var(--tx1);font-weight:700}
#resModel .note::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--pri);flex:0 0 auto}
#resModel .note:empty{display:none}

/* 设备目录：白卡里只放「搜索 + 网格」，标题与底部说明留在卡外 */
.tbox.pkwrap{padding:22px 24px}
.pkbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.pkbar input{flex:1 1 260px;min-width:0;height:44px;padding:0 14px;border:1px solid var(--bd);
  border-radius:var(--r2);font-size:14px;background:#fff;transition:.16s}
.pkbar input:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-l)}
.pkcnt{font-size:12.5px;color:var(--tx3);white-space:nowrap;font-variant-numeric:tabular-nums}
.pks{display:flex;align-items:center;gap:8px;margin:20px 0 12px;font-size:14.5px;
  font-weight:700;color:var(--tx1);letter-spacing:-.1px}
.pks:first-child{margin-top:0}
.pks span{position:relative;padding-left:11px}
.pks span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:14px;border-radius:2px;background:var(--pri)}
.pks b{font-size:11.5px;font-weight:700;color:var(--pri-d);background:var(--pri-ll);
  border:1px solid var(--pri-b);border-radius:var(--p);padding:1px 7px;line-height:1.5;
  font-variant-numeric:tabular-nums}
.pks::after{content:"";flex:1;height:1px;background:var(--bd2);margin-left:2px}
.pkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:10px;
  margin:0 0 2px}
.pkc{display:flex;flex-direction:column;align-items:flex-start;text-align:left;
  padding:13px 15px;border:1px solid var(--bd);border-radius:var(--r2);background:#fff;
  font-family:inherit;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}
.pkc:hover{border-color:var(--pri);background:var(--pri-l)}
.pkc:active{border-color:var(--pri);background:var(--pri-ll)}
.pkc b{font-size:14.5px;font-weight:700;color:var(--tx1);line-height:1.45}
.pkt{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:9px}
.pkt i{font-style:normal;font-size:11.5px;line-height:1.7}
.pkt .tc{padding:1px 7px;border-radius:var(--p);background:var(--pri-ll);color:var(--pri-d);
  border:1px solid var(--pri-b);line-height:16px}
.pkt .ts{color:var(--tx3);font-variant-numeric:tabular-nums}
.pkempty{padding:26px 0;text-align:center;font-size:13.5px;color:var(--tx3);line-height:1.9}
.pkempty a{color:var(--pri);font-weight:600}

/* 底部两块合成一块：反查是按钮、定制是尾注，都不再抢设备卡 */
.pkfoot{margin-top:22px}
.pkall{display:block;width:100%;margin:0 0 14px;padding:15px 20px;
  border:1px solid var(--pri-b);border-radius:var(--r2);background:var(--pri-ll);
  font-family:inherit;font-size:13.5px;color:var(--tx2);cursor:pointer;
  text-align:center;line-height:1.7;
  transition:border-color .16s var(--ease),background .16s var(--ease)}
.pkall b{color:var(--pri-d);font-weight:700}
.pkall:hover{border-color:var(--pri);background:var(--pri-l)}
.pkall:hover b{text-decoration:underline}
.pkmore{margin:0;padding:0;border:0;font-size:12.5px;color:var(--tx3);line-height:1.8}
.pkmore a{color:var(--pri);font-weight:600}

/* 次要入口：折叠计算器按钮，比主操作「开始查询」弱一档 */
.wkback{display:inline-flex;align-items:center;gap:6px;font-size:13px;
  font-weight:600;color:var(--tx3)}
.wkback:hover{color:var(--pri)}
.wktoggle{display:inline-flex;align-items:center;gap:9px;margin-top:16px;
  padding:10px 16px 10px 14px;border:1px solid var(--bd);border-radius:var(--r2);
  background:#fff;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--pri-d);
  cursor:pointer;text-align:left;line-height:1.5;
  transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}
.wktoggle[hidden]{display:none}
.wktoggle:hover{border-color:var(--pri);background:var(--pri-l)}
.wktoggle svg{width:17px;height:17px;flex:0 0 auto}
.wktoggle i{font-style:normal;font-size:12px;font-weight:400;color:var(--tx3)}
/* 展开态用浅底主色文字：它是「已展开」的状态提示，不该比主操作「开始查询」重 */
.wktoggle.on{background:var(--pri-l);border-color:var(--pri-b);color:var(--pri-d)}
.wktoggle.on i{display:none}
.cmod[hidden]{display:none !important}
.wktool[hidden]{display:none !important}
@media (max-width:1024px){
  .pkg{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
}
@media (max-width:768px){
  .pghead,.wkhead{padding-bottom:14px}
  .pghead h2,.wkhead h2{font-size:22px}
  .pghead p,.wkhead .wkmeta{font-size:12.5px}
  .tbox.pkwrap{padding:18px 16px}
  .pkbar{gap:10px;margin-bottom:16px}
  .pkbar input{flex:1 1 100%;height:44px}
  .pkcnt{width:100%}
  .pkg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pkc{padding:11px 12px}
  .pkc b{font-size:13.5px}
  .pkt{padding-top:7px}
  .wktoggle{width:100%;justify-content:center}
  .wktoggle i{display:none}
  .ssub{font-size:14px}
  .xxch b{font-size:20px}
  .xxact .btn{flex:1;min-width:130px}
}
@media print{.pkbar,.pkgrid,.wktoggle,.pkall,.pkmore,.pghead,.pkfoot{display:none !important}}

/* ---------- 首页「在线选型」区块：一个主题、一条数据栏（2026-09-17 第三次收） ----------
   上一版区块头与条幅里各有一个标题（"设备型号参数，一页查完" + "手上有参数，想知道是哪台设备？"），
   一个部分出现两个主题。现在只留区块头一套表述，条幅里**不放任何标题/说明**，
   只承担两件事：设备数据（30 台 / 330 个型号 / 5 个系列）+ 一个动作（开始查参数）。
   注：.why/.whyc（productlist 仍在用）不动，这里全部用新选择器。 */
.tlead{display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:24px 30px;border:1px solid var(--pri-b);border-radius:var(--r);
  background:linear-gradient(120deg,var(--pri-l),#fff 62%);text-decoration:none;
  box-shadow:var(--sh1);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.tlead:hover{transform:translateY(-4px);box-shadow:var(--sh3);border-color:var(--pri)}
.tlead-kv{display:flex;align-items:center;flex:1 1 auto;min-width:0;margin-left:-30px}
.tlead-kv span{display:flex;align-items:baseline;gap:7px;padding:0 30px;
  font-size:13px;color:var(--tx2)}
.tlead-kv span + span{border-left:1px solid var(--pri-b)}
.tlead-kv b{font-family:var(--ff-num);font-size:27px;font-weight:800;color:var(--pri);
  letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.tlead-go{flex:0 0 auto;display:inline-flex;align-items:center;height:46px;padding:0 26px;
  border-radius:var(--r2);background:var(--cta);color:#fff;font-size:14.5px;font-weight:700;
  white-space:nowrap}
.tlead:hover .tlead-go{background:var(--cta-h)}
@media (max-width:768px){
  .tlead{flex-direction:column;align-items:stretch;gap:16px;padding:18px}
  .tlead-kv{margin-left:0}
  .tlead-kv span{flex:1 1 0;justify-content:center;padding:0 8px}
  .tlead-kv b{font-size:21px}
  .tlead-go{width:100%;justify-content:center}
}
@media (max-width:420px){
  .tlead-kv span{flex-direction:column;align-items:center;gap:1px;text-align:center;
    font-size:11.5px}
}

/* ---------- 可读性 / 合规修正（2026-09-17 整站审查后第一批） ----------
   1) hero 询价卡：卡是深蓝 hero 上的半透明玻璃，却沿用了全站近黑文字，实测标题 2.62:1、
      "60 秒/当天" 1.52:1、隐私说明 2.28:1 —— 用户看不清。改成白字 + 加深玻璃底。
      一律用 .hero-in>.hero-card（比 .hero-card 高一级特异性），压平时才不会被吞。 */
.hero-in>.hero-card{color:#fff;background:rgba(6,32,72,.42);border-color:rgba(255,255,255,.28)}
.hero-in>.hero-card h3{color:#fff}
.hero-in>.hero-card>p{color:rgba(255,255,255,.88)}
.hero-in>.hero-card .tip{color:rgba(255,255,255,.86)}
.hero-in>.hero-card .tip b{color:#fff}
.hero-in>.hero-card .v3lead{color:rgba(255,255,255,.92);border-bottom-color:rgba(255,255,255,.20)}
.hero-in>.hero-card .v3lead b{color:#FFB99E}
/* hero 数据带的说明文字 62% 白在深蓝底只有 4.31:1 */
.hero .hero-kv span{color:rgba(255,255,255,.80)}
.phead .wrap .crumb{color:rgba(255,255,255,.80)}
/* 首页 Bento 首卡是深蓝渐变，白字上的浅色玻璃底不够深：11 款徽标 3.68:1、标签 3.74:1、说明 4.08:1
   注意：这里的选择器必须比 .series.bento .scard:first-child ... 更高一级，否则压不过它。 */
.series.bento .scard:first-child .ondark-cnt{background:rgba(6,42,94,.34);
  border-color:rgba(255,255,255,.32);color:#fff}
.series.bento .scard:first-child p.ondark-p{color:rgba(255,255,255,.96)}
.series.bento .scard:first-child .ondark-pl span{background:rgba(6,42,94,.30);
  border-color:rgba(255,255,255,.32);color:#fff}
/* 2) 侧栏主色按钮：.side-l a{color:var(--tx2)} 特异性高于 .btn-pri，把蓝底白字染成灰字（1.30:1） */
.side-l a.btn{color:#fff;border-bottom-color:transparent;padding:0 18px}
.side-l a.btn:hover{color:#fff}
/* 3) 表单隐私同意勾选（个人信息保护法第 17 条：收集手机号需告知并取得同意） */
.consent{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:12.5px;
  line-height:1.7;color:var(--tx2);cursor:pointer;user-select:none}
.consent input{flex:0 0 auto;width:15px;height:15px;margin:4px 0 0;accent-color:var(--pri);
  cursor:pointer}
.consent a{color:var(--pri);text-decoration:underline;text-underline-offset:2px}
.consent a:hover{color:var(--pri-d)}
.hero-in .consent{color:rgba(255,255,255,.9)}
.hero-in .consent a{color:#fff}
/* 4) 页脚法务行：备案号 / 隐私政策 / 免责声明，与主导航视觉分离 */
.ft-legal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;
  color:rgba(255,255,255,.62);margin:0 0 20px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.10)}
.ft-legal a{color:rgba(255,255,255,.62)}
.ft-legal a:hover{color:#fff}
/* 5) 表单控件文字色必须显式写死（全站原有 button,input,select,textarea{color:inherit}，
      控件自身是白底；一旦落在深色容器里就继承父级白字 → "白字白底"完全看不见）。
      hero 询价卡实测：输入内容与 select 选中项均不可见，手机上更明显。 */
.hero-card input,.hero-card select,.hero-card textarea,
.scard-q input,.scard-q select,.scard-q textarea,
.ff input,.ff select,.ff textarea,
.tf input,.tf select,
.fld input,.fld select,.fld textarea,
.pkbar input{color:var(--tx1)}
/* 同一条链上还有第二处：.fld input/select/textarea{background:transparent} 与
      .hero-card input{background:#fff} 特异性相同、后出现 → 深色卡里的输入框没有白底，
      深字落在深蓝玻璃上同样看不清。这里用更高特异性把"白底+深字+描边"一次定死。 */
.hero-in>.hero-card .fld input,
.hero-in>.hero-card .fld select,
.hero-in>.hero-card .fld textarea{background:#fff;color:var(--tx1);
  border-color:rgba(255,255,255,.30)}
.hero-card input::placeholder,.hero-card textarea::placeholder,
.scard-q input::placeholder,.scard-q textarea::placeholder,
.ff input::placeholder,.ff textarea::placeholder,
.tf input::placeholder,
.fld input::placeholder,.fld textarea::placeholder,
.pkbar input::placeholder{color:var(--tx3);opacity:1}
/* 6) 六页批量对比度复检抓出的残留缺陷，都是"小字落在过淡的底上"（单个 --pri 收紧覆盖不到）
      a. 面包屑分隔符：白底页用了边框色 --bd（#E3EEFF，1.18:1）；深蓝 phead 里用 40% 白（2.62:1）
      b. 选型页工具条序号圈：选中/CTA 态是 rgba(255,255,255,.22) 叠在主色上，白字只剩 3.38/3.60:1
      c. 选中项的设备计数：rgba(255,255,255,.82) 叠在主色上 3.86:1 */
.crumb span{color:var(--tx3)}
.phead .crumb span{color:rgba(255,255,255,.72)}
.tool-nav a.on .n,.tool-nav a.tvn-cta .n{background:rgba(6,42,94,.55);color:#fff}
.tool-nav a.on .cnt{color:#fff}