:root{
  --bg:#060D1A;
  --bg2:#0A1628;
  --card:#0D1C33;
  --card2:#0A1628;
  --line:#16305A;
  --line-s:rgba(148,179,216,.14);
  --tx:#F2F7FF;
  --tx2:#A9C0E0;
  --tx3:#6481A8;
  --tx4:rgba(100,129,168,.72);
  --cy:#00C2FF;
  --cy-d:#0086C9;
  --up:#FF6B5E;
  --sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono","SF Mono",Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:15px;line-height:1.7;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.wrap{width:1240px;max-width:calc(100% - 80px);margin:0 auto}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.wrap-n{max-width:min(900px, calc(100% - 80px))}


/* ================= 导航 ================= */
header.top{
  position:sticky;top:0;z-index:100;
  background:rgba(6,13,26,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-s);
}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:11px}
.logo .mark{
  width:26px;height:26px;border-radius:7px;flex:none;
  background:linear-gradient(135deg,var(--cy) 0%,#3B5BFF 100%);
  display:grid;place-items:center;
  font-family:var(--mono);font-size:14px;font-weight:700;color:#060D1A;
}
.logo b{font-size:19px;font-weight:800;letter-spacing:-.4px}
nav.mid{display:flex;gap:24px;font-size:13.5px;color:var(--tx2)}
nav.mid a{transition:color .18s}
nav.mid a:hover{color:var(--tx)}
.top-r{display:flex;align-items:center;gap:12px;font-size:14px}
.top-r .login{color:var(--tx2);padding:8px 4px}
.b-primary{
  background:var(--cy);color:#060D1A;padding:10px 22px;border-radius:8px;
  font-size:14px;font-weight:600;transition:transform .16s,box-shadow .16s;
  box-shadow:0 4px 18px rgba(0,194,255,.16);
}
.b-primary:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(0,194,255,.26)}
.b-ghost{
  border:1px solid var(--line);color:var(--tx);padding:10px 20px;border-radius:8px;
  font-size:14px;background:rgba(255,255,255,.02);
}
.b-ghost:hover{background:rgba(255,255,255,.06)}

/* ================= Hero ================= */
.hero{position:relative;padding:96px 0 0;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 520px at 50% -8%,rgba(0,194,255,.16) 0%,rgba(0,194,255,0) 70%),
    radial-gradient(700px 460px at 88% 12%,rgba(59,91,255,.11) 0%,rgba(59,91,255,0) 72%);
}
.hero .wrap{position:relative;text-align:center}
.badge{
  display:inline-flex;align-items:center;gap:9px;padding:6px 15px 6px 8px;
  border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.03);
  font-size:12.5px;color:var(--tx2);margin-bottom:30px;
}
.badge em{
  font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.8px;
  background:rgba(0,194,255,.14);color:var(--cy);padding:3px 9px;border-radius:99px;
}
h1{
  font-size:66px;line-height:1.16;font-weight:800;letter-spacing:-2.2px;
  margin-bottom:26px;
}
h1 .grad{
  background:linear-gradient(96deg,#7FE3FF 0%,#00C2FF 42%,#0086C9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p.lede{
  font-size:17.5px;line-height:1.85;color:var(--tx2);max-width:660px;margin:0 auto 38px;
}
.hero .acts{display:flex;gap:14px;justify-content:center;margin-bottom:22px}
.hero .note{font-size:12.5px;color:var(--tx4);letter-spacing:.2px}

/* ================= 产品截图 ================= */
.shot-zone{position:relative;margin-top:64px;padding-bottom:20px}
.shot-glow{
  position:absolute;left:50%;top:-40px;transform:translateX(-50%);
  width:1080px;height:320px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(0,194,255,.085),rgba(0,194,255,0) 72%);
  filter:blur(20px);
}
.shot{
  position:relative;width:1180px;max-width:100%;margin:0 auto;
  border:1px solid #16305A;border-radius:14px;overflow:hidden;
  background:var(--card2);
  opacity:.94;
  box-shadow:0 26px 72px -24px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.03) inset,0 1px 0 rgba(255,255,255,.07) inset;
}
/* 顶栏 */
.shot-bar{
  height:44px;display:flex;align-items:center;gap:14px;padding:0 16px;
  border-bottom:1px solid var(--line-s);background:#0A1628;
}
.dots{display:flex;gap:6px}
.dots i{width:9px;height:9px;border-radius:50%;background:#16305A;display:block}
.shot-bar .path{
  font-family:var(--mono);font-size:11px;color:var(--tx4);letter-spacing:.2px;
  padding:4px 12px;background:rgba(255,255,255,.03);border-radius:5px;
}
.shot-bar .rt{margin-left:auto;display:flex;align-items:center;gap:10px}
.avat{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#00C2FF,#3B5BFF)}

/* 三栏 */
.shot-body{display:grid;grid-template-columns:236px 1fr 292px;height:600px}

/* 左栏 */
.side{border-right:1px solid var(--line-s);padding:16px 0;background:#0A1628;overflow:hidden}
.side-t{
  font-family:var(--mono);font-size:9.5px;letter-spacing:1.4px;color:var(--tx4);
  padding:0 16px 10px;
}
.pick{
  display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:12.5px;color:var(--tx2);
  border-left:2px solid transparent;
}
.pick.on{background:rgba(0,194,255,.07);border-left-color:var(--cy);color:var(--tx)}
.pick .dot{width:5px;height:5px;border-radius:50%;background:#16305A;flex:none}
.pick.on .dot{background:var(--cy);box-shadow:0 0 8px var(--cy)}
.pick .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick .chg{font-family:var(--mono);font-size:10.5px}
.up{color:var(--up)}
.dn{color:#37D6A0}

/* 主区 */
.main{padding:20px 22px;overflow:hidden}
.main-h{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.main-h h4{font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}
.main-h .sub{font-family:var(--mono);font-size:10.5px;color:var(--tx4);letter-spacing:.3px}
.chip{
  font-family:var(--mono);font-size:10px;padding:4px 10px;border-radius:99px;
  border:1px solid rgba(0,194,255,.28);color:var(--cy);background:rgba(0,194,255,.08);
  white-space:nowrap;
}
/* 结论卡 */
.verdict{
  border:1px solid #16305A;border-radius:10px;padding:16px 18px;margin-bottom:16px;
  background:linear-gradient(150deg,#0D1C33 0%,#0D1C33 60%);
  position:relative;overflow:hidden;
}
.verdict::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--cy),transparent);
}
.verdict .vh{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.verdict .vh span{
  font-family:var(--mono);font-size:9px;letter-spacing:1.2px;color:var(--cy);
  background:rgba(0,194,255,.12);padding:2px 7px;border-radius:3px;
}
.verdict .vh .tm{color:var(--tx4);font-size:9.5px;letter-spacing:.6px;background:none;padding:0}
.verdict h5{font-size:14.5px;font-weight:600;line-height:1.5;margin-bottom:12px;color:var(--tx)}
.verdict .row{display:flex;align-items:baseline;gap:10px}
.verdict .big{font-family:var(--mono);font-size:27px;font-weight:700;letter-spacing:-1px;color:var(--tx)}
.verdict .tiny{font-size:10.5px;color:var(--tx3);line-height:1.4}
.verdict .bar{
  margin-top:12px;height:4px;border-radius:2px;background:#16305A;overflow:hidden;display:flex;
}
.verdict .bar i{display:block;height:100%;background:linear-gradient(90deg,#0086C9,var(--cy))}
.verdict .bar u{display:block;height:100%;background:#16305A}

/* 曲线 */
.chart{border:1px solid var(--line-s);border-radius:10px;padding:14px 16px 8px;margin-bottom:16px;background:#0A1628}
.chart .ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.chart .ch b{font-size:11.5px;font-weight:500;color:var(--tx2)}
.chart .ch span{font-family:var(--mono);font-size:10px;color:var(--tx4)}
.chart svg{width:100%;height:96px;display:block}

/* 证据 */
.evi-t{
  font-family:var(--mono);font-size:9.5px;letter-spacing:1.3px;color:var(--tx4);margin-bottom:9px;
}
.evi{display:grid;gap:6px}
.evi-row{
  display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--tx2);
  padding:7px 10px;background:#0A1628;border:1px solid var(--line-s);border-radius:6px;
}
.evi-row .k{font-family:var(--mono);font-size:9px;color:var(--tx4);width:18px;flex:none}
.evi-row .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evi-row .s{font-family:var(--mono);font-size:9px;color:#6481A8;flex:none}
.evi-row.warn{border-color:rgba(255,176,32,.22);background:rgba(255,176,32,.10)}
.evi-row.warn .s{color:#FFB020}

/* 右栏 */
.right{border-left:1px solid var(--line-s);padding:16px;background:#0A1628;overflow:hidden}
.right h6{
  font-family:var(--mono);font-size:9.5px;letter-spacing:1.3px;color:var(--tx4);
  font-weight:400;margin-bottom:14px;
}
.msg{margin-bottom:14px}
.msg .who{
  display:flex;align-items:center;gap:7px;margin-bottom:6px;
  font-size:10.5px;font-weight:600;
}
.msg .who i{
  width:16px;height:16px;border-radius:4px;display:grid;place-items:center;
  font-style:normal;font-family:var(--mono);font-size:8.5px;flex:none;
}
.msg.neg .who{color:#FF6B5E}
.msg.neg .who i{background:rgba(255,107,94,.16);color:#FF6B5E}
.msg.pos .who{color:#00C2FF}
.msg.pos .who i{background:rgba(0,194,255,.14);color:#00C2FF}
.msg p{font-size:11px;line-height:1.75;color:var(--tx3)}
.msg .stamp{font-family:var(--mono);font-size:8.5px;color:#6481A8;margin-top:5px}
.done{
  margin-top:18px;padding:11px;border-radius:7px;text-align:center;
  background:rgba(0,194,255,.08);border:1px solid rgba(0,194,255,.22);
  font-size:11px;color:var(--cy);
}

/* 截图底部渐隐 */
.shot-fade{
  position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,13,26,0) 0%,rgba(6,13,26,.75) 55%,var(--bg) 100%);
}

/* ================= 指标条 ================= */
.metrics{border-top:1px solid var(--line-s);border-bottom:1px solid var(--line-s);
  background:linear-gradient(180deg,rgba(13,28,51,.5),rgba(6,13,26,0))}
.metrics .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 0}
.metric{text-align:center;border-right:1px solid var(--line-s)}
.metric:last-child{border-right:none}
.metric b{display:block;font-family:var(--mono);font-size:27px;font-weight:600;letter-spacing:-1px;margin-bottom:5px}
.metric span{font-size:12px;color:var(--tx4)}

/* ================= 区块通用 ================= */
section{padding:118px 0}
.s-head{max-width:640px;margin-bottom:60px}
.s-tag{
  display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:1.8px;
  color:var(--cy);margin-bottom:18px;
}
h2{font-size:42px;line-height:1.3;font-weight:800;letter-spacing:-1.4px;margin-bottom:18px}
.s-head p{font-size:16px;line-height:1.85;color:var(--tx3)}

/* ================= 双栏图文 ================= */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:110px}
.feat:last-child{margin-bottom:0}
.feat.rev .txt{order:2}
.feat.rev .vis{order:1}
.feat .txt .n{
  font-family:var(--mono);font-size:11px;color:var(--cy);letter-spacing:1.6px;margin-bottom:16px;
}
.feat .txt h3{font-size:29px;line-height:1.4;font-weight:700;letter-spacing:-.8px;margin-bottom:16px}
.feat .txt p{font-size:14.5px;line-height:1.9;color:var(--tx3);margin-bottom:22px}
.feat .txt ul{list-style:none;display:grid;gap:11px}
.feat .txt li{font-size:13.5px;color:var(--tx2);padding-left:20px;position:relative;line-height:1.6}
.feat .txt li::before{
  content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;
  background:rgba(0,194,255,.25);border:1px solid rgba(0,194,255,.55);
}
.vis{
  border:1px solid var(--line);border-radius:14px;background:var(--card2);
  padding:22px;box-shadow:0 24px 70px -30px rgba(0,0,0,.85);
}

/* 可视化1：证据列表 */
.vlist{display:grid;gap:8px}
.vitem{
  display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:7px;
  background:#0D1C33;border:1px solid var(--line-s);font-size:12px;
}
.vitem .ic{
  width:22px;height:22px;border-radius:5px;flex:none;display:grid;place-items:center;
  font-family:var(--mono);font-size:9px;background:rgba(0,194,255,.10);color:var(--cy);
}
.vitem .tx2{flex:1;color:var(--tx2)}
.vitem .meta{font-family:var(--mono);font-size:9.5px;color:var(--tx4)}
.vitem.miss{background:rgba(255,176,32,.07);border-color:rgba(255,176,32,.20)}
.vitem.miss .ic{background:rgba(255,176,32,.12);color:#FFB020}
.vitem.miss .tx2{color:rgba(255,176,32,.72)}

/* 可视化2：对辩 */
.vs{display:grid;gap:10px}
.vs .blk{border-radius:8px;padding:13px 14px;font-size:11.5px;line-height:1.8}
.vs .blk .lb{
  font-family:var(--mono);font-size:9px;letter-spacing:1.2px;margin-bottom:7px;display:block;
}
.vs .neg{background:rgba(229,72,77,.07);border:1px solid rgba(229,72,77,.28)}
.vs .neg .lb{color:#FF6B5E}
.vs .neg p{color:#A9C0E0}
.vs .pos{background:rgba(0,194,255,.06);border:1px solid rgba(0,194,255,.24)}
.vs .pos .lb{color:#00C2FF}
.vs .pos p{color:#A9C0E0}
.vs .arrow{text-align:center;font-family:var(--mono);font-size:10px;color:#16305A}

/* 可视化3：热力矩阵 */
.heat{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}
.heat i{aspect-ratio:1;border-radius:2px;display:block}

/* ================= 流程 ================= */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px}
.step{position:relative;padding:0 26px 0 0}
.step .line{position:absolute;left:0;right:26px;top:13px;height:1px;background:var(--line)}
.step:last-child .line{display:none}
.step .num{
  width:27px;height:27px;border-radius:50%;border:1px solid var(--line);
  background:var(--bg2);display:grid;place-items:center;position:relative;z-index:2;
  font-family:var(--mono);font-size:10px;color:var(--tx3);margin-bottom:22px;
}
.step:first-child .num{border-color:rgba(0,194,255,.55);color:var(--cy);background:rgba(0,194,255,.08)}
.step h4{font-size:16px;font-weight:600;margin-bottom:9px}
.step p{font-size:12.5px;line-height:1.8;color:var(--tx4);padding-right:8px}

/* ================= 场景卡 ================= */
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scene{
  border:1px solid var(--line);border-radius:12px;padding:28px 26px;background:var(--card2);
  transition:border-color .2s,transform .2s;
}
.scene:hover{border-color:#0086C9;transform:translateY(-3px)}
.scene .icon{
  width:38px;height:38px;border-radius:9px;background:rgba(0,194,255,.08);
  border:1px solid rgba(0,194,255,.18);display:grid;place-items:center;margin-bottom:20px;
}
.scene h4{font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-.3px}
.scene p{font-size:13px;line-height:1.85;color:var(--tx4);margin-bottom:18px}
.scene .more{font-size:12.5px;color:var(--cy);font-family:var(--mono)}

/* ================= CTA ================= */
.final{
  position:relative;padding:130px 0;text-align:center;overflow:hidden;
  border-top:1px solid var(--line-s);
}
.final::before{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:900px;height:400px;
  background:radial-gradient(closest-side,rgba(0,194,255,.13),transparent 72%);
}
.final .wrap{position:relative}
.final h2{font-size:46px;margin-bottom:18px}
.final p{font-size:16px;color:var(--tx3);margin-bottom:38px}
.final .acts{display:flex;gap:14px;justify-content:center}

/* ================= 页脚 ================= */
footer{border-top:1px solid var(--line-s);padding:64px 0 34px;background:#060D1A}
.fgrid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px}
.fbrand .logo{margin-bottom:18px}
.fbrand p{font-size:12.5px;line-height:1.9;color:var(--tx4);max-width:320px}
.fcol h5{
  font-family:var(--mono);font-size:10px;letter-spacing:1.6px;color:var(--tx4);
  font-weight:400;margin-bottom:16px;
}
.fcol a{display:block;font-size:13px;color:var(--tx3);line-height:2.3;transition:color .16s}
.fcol a:hover{color:var(--tx)}
.fbot{
  border-top:1px solid var(--line-s);padding-top:24px;display:flex;
  justify-content:space-between;font-size:11.5px;color:#6481A8;font-family:var(--mono);
}

/* ================= 内页通用 ================= */
nav.mid a.on{color:var(--tx);position:relative}
nav.mid a{white-space:nowrap}
nav.mid a.on::after{
  content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;
  background:var(--cy);border-radius:1px;
}
.phead{position:relative;padding:70px 0 58px;border-bottom:1px solid var(--line-s);overflow:hidden}
.phead::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(760px 340px at 16% -30%,rgba(0,194,255,.13),transparent 70%),
             radial-gradient(600px 300px at 88% -10%,rgba(59,91,255,.09),transparent 72%);
}
.phead .wrap{position:relative}
.crumb{font-family:var(--mono);font-size:11px;color:var(--tx4);letter-spacing:.5px;margin-bottom:24px}
.crumb a{color:var(--tx4)}
.crumb a:hover{color:var(--cy)}
.crumb i{font-style:normal;color:#16305A;margin:0 9px}
.phead h1{font-size:50px;line-height:1.22;letter-spacing:-1.8px;max-width:840px;margin-bottom:22px}
.phead p{font-size:16.5px;line-height:1.85;color:var(--tx3);max-width:640px}
.phead .acts{display:flex;gap:13px;margin-top:34px}

/* 区块内标题 */
.sub-h{font-size:25px;font-weight:700;letter-spacing:-.7px;margin-bottom:12px}
.sub-p{font-size:14.5px;line-height:1.85;color:var(--tx3);max-width:620px;margin-bottom:36px}

/* 表格 */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{
  text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:1.4px;font-weight:400;
  color:var(--tx4);padding:0 18px 14px;border-bottom:1px solid var(--line);white-space:nowrap;
}
.tbl td{padding:15px 18px;border-bottom:1px solid var(--line-s);color:var(--tx2);vertical-align:middle;line-height:1.6}
.tbl tbody tr:hover td{background:rgba(255,255,255,.016)}
.tbl th:first-child,.tbl td:first-child{padding-left:0}
.tbl th:last-child,.tbl td:last-child{padding-right:0}
.tbl .nm{color:var(--tx);font-weight:500}
.tbl .m{font-family:var(--mono);font-size:12px;color:var(--tx3)}
.tbl .cy{font-family:var(--mono);font-size:11.5px;color:var(--cy)}
.tbl .dim{color:var(--tx4);font-size:12.5px}
.tbl .ml{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--tx4)}
.cmp td.hl,.cmp th.hl{background:rgba(0,194,255,.05)}
.cmp th.hl{color:var(--cy)}
.cmp .yes{color:var(--cy);font-family:var(--mono)}
.cmp .no{color:#6481A8;font-family:var(--mono)}
.cmp .part{color:#FFB020;font-family:var(--mono);font-size:11.5px}

/* 三列说明 */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tt{border:1px solid var(--line);border-radius:12px;padding:28px 26px;background:var(--card2)}
.tt .h{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.tt .h span{
  width:22px;height:22px;border-radius:5px;display:grid;place-items:center;flex:none;
  font-family:var(--mono);font-size:10px;background:rgba(0,194,255,.10);color:var(--cy);
  border:1px solid rgba(0,194,255,.22);
}
.tt .h b{font-size:15px;font-weight:600}
.tt p{font-size:13px;line-height:1.9;color:var(--tx3)}
.tt.no .h span{background:rgba(255,176,32,.10);color:#FFB020;border-color:rgba(255,176,32,.24)}
.tt ul{list-style:none;display:grid;gap:9px;margin-top:4px}
.tt li{font-size:12.5px;color:var(--tx2);padding-left:16px;position:relative;line-height:1.7}
.tt li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:rgba(0,194,255,.6)}
.tt.no li::before{background:rgba(255,176,32,.55)}

/* 定价卡 */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.tier{
  border:1px solid var(--line);border-radius:16px;padding:32px 28px 30px;
  background:var(--card2);display:flex;flex-direction:column;position:relative;
  transition:border-color .2s,transform .2s;
}
.tier:hover{transform:translateY(-3px)}
.tier.hot{
  border-color:rgba(0,194,255,.40);
  background:linear-gradient(180deg,rgba(0,194,255,.07),rgba(0,194,255,0) 46%),var(--card2);
  box-shadow:0 30px 80px -40px rgba(0,194,255,.5);
}
.tier .flag{
  position:absolute;top:-1px;right:26px;font-family:var(--mono);font-size:9.5px;letter-spacing:1.2px;
  padding:4px 10px;border-radius:0 0 5px 5px;background:rgba(0,194,255,.16);color:var(--cy);
}
.tier h3{font-size:17px;font-weight:600;margin-bottom:8px}
.tier .desc{font-size:12.5px;color:var(--tx4);line-height:1.7;margin-bottom:24px;min-height:42px}
.tier .price{font-family:var(--mono);font-size:32px;font-weight:600;letter-spacing:-1.2px;margin-bottom:6px}
.tier .price small{font-family:var(--sans);font-size:13px;font-weight:400;color:var(--tx3);letter-spacing:0;margin-left:6px}
.tier .unit{font-family:var(--mono);font-size:11px;color:var(--tx4);letter-spacing:.4px;margin-bottom:26px}
.tier ul{list-style:none;display:grid;gap:11px;margin-bottom:30px;flex:1}
.tier li{font-size:13px;color:var(--tx2);padding-left:20px;position:relative;line-height:1.65}
.tier li::before{
  content:"";position:absolute;left:2px;top:7px;width:8px;height:5px;
  border-left:1.4px solid var(--cy);border-bottom:1.4px solid var(--cy);
  transform:rotate(-45deg);transform-origin:center;
}
.tier li.off{color:var(--tx4)}
.tier li.off::before{border-color:#16305A}
.tier .b{
  display:block;text-align:center;padding:12px 0;border-radius:8px;font-size:14px;font-weight:600;
  border:1px solid var(--line);color:var(--tx);transition:background .16s;
}
.tier .b:hover{background:rgba(255,255,255,.05)}
.tier.hot .b{background:var(--cy);border-color:var(--cy);color:#060D1A;box-shadow:0 6px 22px rgba(0,194,255,.22)}
.tier.hot .b:hover{background:#3BD1FF}

/* FAQ */
.faq{border-top:1px solid var(--line);margin-top:8px}
.faq details{border-bottom:1px solid var(--line-s);padding:19px 0}
.faq summary{
  cursor:pointer;font-size:14.5px;font-weight:500;color:var(--tx);list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-size:15px;color:var(--tx4);flex:none;transition:color .16s}
.faq details[open] summary::after{content:"−";color:var(--cy)}
.faq p{font-size:13.5px;line-height:1.95;color:var(--tx3);margin-top:14px;max-width:780px}

/* 时间线 */
.tl{position:relative;padding-left:26px}
.tl::before{content:"";position:absolute;left:4px;top:8px;bottom:10px;width:1px;background:var(--line)}
.tl .it{position:relative;margin-bottom:24px}
.tl .it:last-child{margin-bottom:0}
.tl .it::before{
  content:"";position:absolute;left:-26px;top:6px;width:9px;height:9px;border-radius:50%;
  background:var(--bg2);border:1px solid var(--tx3);
}
.tl .it.on::before{border-color:var(--cy);background:rgba(0,194,255,.4);box-shadow:0 0 9px rgba(0,194,255,.5)}
.tl .tm{font-family:var(--mono);font-size:10px;letter-spacing:.9px;color:var(--tx4);margin-bottom:4px}
.tl h5{font-size:13.5px;font-weight:600;margin-bottom:4px}
.tl p{font-size:12.5px;line-height:1.75;color:var(--tx3)}

/* 案例卡 */
.case-lb{
  font-family:var(--mono);font-size:10px;letter-spacing:1.3px;color:var(--tx4);
  margin-bottom:8px;
}
.case-lb~.case-lb{margin-top:24px}
.case{border:1px solid var(--line);border-radius:14px;background:var(--card2);padding:34px 34px 30px;margin-bottom:22px}
.case-h{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-bottom:26px}
.case-h h3{font-size:21px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}
.case-h .meta{font-family:var(--mono);font-size:10.5px;color:var(--tx4);letter-spacing:.5px}
.case-h .meta i{font-style:normal;color:#16305A;margin:0 8px}
.case-b{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.case-b p{font-size:13.5px;line-height:1.9;color:var(--tx3);margin-bottom:16px}
.res{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid var(--line-s);padding-top:20px;margin-top:22px}
.res b{display:block;font-family:var(--mono);font-size:20px;font-weight:600;letter-spacing:-.6px;margin-bottom:3px}
.res span{font-size:11.5px;color:var(--tx4)}

/* 说明条 */
.band{
  border:1px solid rgba(0,194,255,.18);background:rgba(0,194,255,.045);
  border-radius:12px;padding:20px 24px;display:flex;gap:14px;align-items:flex-start;
}
.band svg{flex:none;margin-top:2px}
.band p{font-size:13px;line-height:1.85;color:var(--tx2)}
.band b{color:var(--tx)}

@media(max-width:1080px){
  .phead h1{font-size:32px;letter-spacing:-1px}
  .phead{padding:48px 0 40px}
  .three,.tiers{grid-template-columns:1fr}
  .case-b{grid-template-columns:1fr;gap:26px}
  .case{padding:26px 22px}
  .tbl{font-size:12.5px}
  .tbl th,.tbl td{padding:12px 10px}
  .res{grid-template-columns:1fr 1fr}
  h1{font-size:40px;letter-spacing:-1px}
  .feat{grid-template-columns:1fr;gap:36px}
  .feat.rev .txt,.feat.rev .vis{order:initial}
  .flow,.scenes,.metrics .wrap{grid-template-columns:1fr 1fr}
  .shot-body{grid-template-columns:1fr;height:auto}
  .side,.right{display:none}
  .fgrid{grid-template-columns:1fr 1fr;gap:32px}
  .fbrand{grid-column:1/-1}
  h2,.final h2{font-size:28px}
  .step{padding-bottom:32px}
  .step .line{display:none}
}

/* ================= 移动端（2026-11-06 追加） ================= */
@media(max-width:760px){
  .wrap{max-width:calc(100% - 32px)}

  /* 导航：单行，隐藏中栏，只留 logo + 主 CTA，避免竖排换行 */
  header.top .wrap{height:60px}
  .logo b{font-size:17px}
  .top-r{gap:8px;font-size:13px}
  .top-r .login{display:none}
  .b-primary{padding:9px 16px;font-size:13px}

  /* 首屏 */
  .hero{padding-top:64px !important}
  h1{font-size:30px;line-height:1.32;letter-spacing:-.6px}
  .hero p.lede{font-size:15px;line-height:1.8;margin-bottom:26px}
  .hero .acts{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}
  .hero .acts a{text-align:center;padding:13px 0 !important}
  .badge{font-size:11.5px;padding:5px 12px}

  /* 产品截图：移动端不再向右出血（会撑宽初始包含块，连带顶栏 CTA 被挤出视口） */
  .shot-zone{margin-top:40px;overflow:hidden}
  .shot{width:100%;max-width:100%;margin-left:0}
  .shot-glow{width:100%;height:220px;left:0;transform:none}
  .shot-body{height:auto}
  .shot-bar{padding:0 12px;gap:10px}
  .shot-bar .path{display:none}

  /* 区块节奏 */
  section{padding:56px 0}
  h2,.final h2{font-size:24px;line-height:1.35}
  .s-head{margin-bottom:36px}
  .metrics .wrap{padding:26px 0;gap:18px 0}
  .metric b{font-size:19px}

  /* 对比表：压缩字号，避免横向溢出 */
  .cmp{font-size:11px}
  .cmp th,.cmp td{padding:9px 5px}
  .cmp th{font-size:10.5px;letter-spacing:0}

  .fgrid{grid-template-columns:1fr;gap:26px}
  .fbot{flex-direction:column;gap:6px;text-align:center}
}

@media(max-width:520px){
  h1{font-size:26px}
  .flow,.scenes,.metrics .wrap{grid-template-columns:1fr}
  .tiers{gap:14px}
  .tier{padding:24px 20px}
  .phead h1{font-size:26px}
}

/* ================= 实拍素材（2026-11-06） ================= */
/* CTA 背景：从实拍屏幕裁出的真实行情蜡烛图，两端渐隐融入暗场 */
.final-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url(ledger-kline.webp) center 48%/cover no-repeat;
  opacity:.32;
  -webkit-mask-image:radial-gradient(56% 76% at 50% 50%,#000 0%,rgba(0,0,0,.6) 46%,transparent 78%);
  mask-image:radial-gradient(56% 76% at 50% 50%,#000 0%,rgba(0,0,0,.6) 46%,transparent 78%);
}
.final::before{z-index:1}
.final .wrap{z-index:2}

/* 产品页页头：精密结构的深色材质，从右侧渐入 */
.phead-bg{
  position:absolute;right:0;top:0;z-index:0;width:52%;height:100%;pointer-events:none;
  background:url(precision.webp) right center/cover no-repeat;
  opacity:.30;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 38%,#000 72%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 38%,#000 72%);
}
.phead .wrap{z-index:2}

@media(max-width:760px){
  .final-bg{opacity:.26;background-position:center 40%}
  .phead-bg{width:100%;height:62%;top:auto;bottom:0;opacity:.20;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 62%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 62%);}
}

/* ================= 导航对齐系统 IA（2026-11-06） ================= */
/* 与 tarka.cn 插件站同构：首页/产品能力/定价/行业动态/下载中心/帮助中心/关于/账户中心/联系我们 */

/* 跳转链接：仅键盘/读屏可见（clip 写法，不产生布局位移） */
.skip{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  z-index:200;background:var(--cy);color:#060D1A;
  font-size:13px;font-weight:600;border-radius:0 0 8px 0;
}
.skip:focus{
  position:fixed;left:0;top:0;width:auto;height:auto;overflow:visible;
  clip:auto;clip-path:none;padding:10px 18px;
}

.logo:hover b{color:var(--cy)}
.logo{transition:none}

/* 汉堡按钮：桌面隐藏 */
.burger{
  display:none;width:38px;height:34px;flex:none;
  border:1px solid var(--line);border-radius:8px;background:transparent;
  padding:0;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:4px;
}
.burger span{
  display:block;width:16px;height:1.5px;border-radius:2px;
  background:var(--tx);transition:transform .22s ease,opacity .16s ease;
}
body.nav-open .burger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
body.nav-open .burger span:nth-child(2){opacity:0}
body.nav-open .burger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* 抽屉内的登录项：桌面不显示 */
.m-login{display:none}

@media(max-width:1120px) and (min-width:981px){
  nav.mid{gap:18px;font-size:13px}
  .top-r{gap:9px}
  .b-primary{padding:9px 17px;font-size:13.5px}
}

@media(max-width:980px){
  .burger{display:flex}

  /* 抽屉：相对 header.top 全宽展开（header 是 sticky，构成定位上下文） */
  nav.mid{
    position:absolute;left:0;right:0;top:100%;
    display:none;flex-direction:column;gap:0;
    background:#081222;
    border-bottom:1px solid var(--line);
    box-shadow:0 22px 48px rgba(0,0,0,.55);
    padding:4px 0 14px;
    max-height:calc(100vh - 60px);overflow-y:auto;overscroll-behavior:contain;
  }
  body.nav-open nav.mid{display:flex}

  nav.mid a{
    margin:0 20px;padding:14px 0;font-size:15px;
    color:var(--tx2);border-bottom:1px solid var(--line-s);
  }
  nav.mid a:last-child{border-bottom:0}
  nav.mid a.on{color:var(--cy)}
  nav.mid a.on::after{display:none}
  nav.mid .m-login{display:block;margin-top:10px;color:var(--tx);font-weight:600}
}

@media(max-width:520px){
  .top-r .b-primary{padding:8px 13px;font-size:12.5px}
  .burger{width:36px;height:32px}
}

/* ================= 2026-11-06：视觉退为点缀 ================= */
/* 首屏面板不再撑满，缩到 74% 当预览；底部用负外边距收掉多余留白 */
.shot{transform:scale(.74);transform-origin:top center;margin-bottom:-168px}
.shot-glow{width:820px;height:240px;opacity:.8}

@media(max-width:760px){
  .shot{transform:none;margin-bottom:0}
  .shot-glow{width:100%;height:200px;left:0;transform:none;opacity:.7}
}

/* ============================================================
   2026-11-06 首页重构：排版驱动，去掉假界面大图
   ============================================================ */

/* 全站正文灰阶提亮（原 --tx4 在深底上过暗） */
:root{ --tx4:rgba(146,174,210,.92); }

/* ---------- Hero：一屏开场，纯排版 ---------- */
.hero{
  padding:0;min-height:calc(100vh - 70px);
  display:flex;align-items:center;position:relative;overflow:hidden;
}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    repeating-linear-gradient(90deg,rgba(148,179,216,.05) 0 1px,transparent 1px 90px),
    repeating-linear-gradient(0deg,rgba(148,179,216,.04) 0 1px,transparent 1px 90px);
  -webkit-mask-image:radial-gradient(820px 560px at 50% 44%,#000 0%,transparent 76%);
  mask-image:radial-gradient(820px 560px at 50% 44%,#000 0%,transparent 76%);
}
.hero-bg{z-index:0}
.hero-inner{
  position:relative;z-index:2;text-align:center;width:100%;
  padding:40px 0 24px;
}
.hero h1{font-size:clamp(38px,5vw,68px);letter-spacing:-2px;margin-bottom:28px}
.hero .lede{max-width:660px;margin-left:auto;margin-right:auto}
.hero .acts{margin-top:40px}
.hero .note{margin-top:22px}

/* ---------- 核心能力：纯文字条目，细线分隔 ---------- */
.feat-list{margin-top:0}
.feat-item{
  display:grid;grid-template-columns:132px 1fr;gap:56px;
  padding:56px 0;border-top:1px solid var(--line-s);
}
.feat-item:last-child{border-bottom:1px solid var(--line-s)}
.fi-n{
  font-family:var(--mono);font-size:22px;font-weight:600;color:var(--cy);
  letter-spacing:-.5px;line-height:1;padding-top:8px;
  display:flex;flex-direction:column;gap:10px;
}
.fi-n span{
  font-family:var(--sans);font-size:13px;font-weight:400;
  letter-spacing:.5px;color:var(--tx3);
}
.fi-body h3{
  font-size:27px;line-height:1.34;font-weight:700;letter-spacing:-.7px;margin-bottom:16px;
}
.fi-body p{
  font-size:15.5px;line-height:1.9;color:var(--tx2);max-width:680px;
}
.fi-body ul{
  list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;
}
.fi-body li{
  font-size:13px;line-height:1.5;color:var(--tx2);
  padding:8px 15px;border-radius:7px;
  border:1px solid var(--line-s);background:rgba(148,179,216,.05);
}

/* ---------- 方法论：浅色区，制造明暗节奏 ---------- */
.light-zone{
  background:var(--bg2);color:var(--tx);
  padding:104px 0 110px;
  border-top:1px solid var(--line-s);
}
.light-zone .s-tag{
  color:var(--cy);border-color:rgba(0,194,255,.28);background:rgba(0,194,255,.08);
}
.light-zone h2{color:var(--tx)}
.light-zone .s-head p{color:var(--tx2)}
.light-zone .step .line{background:var(--line)}
.light-zone .step .num{
  border-color:var(--line);background:var(--card);color:var(--tx2);
  box-shadow:0 1px 2px rgba(0,0,0,.25);
}
.light-zone .step:first-child .num{
  border-color:var(--cy);background:var(--cy);color:var(--bg);
}
.light-zone .step h4{color:var(--tx);font-size:17px}
.light-zone .step p{color:var(--tx2);font-size:13.5px;line-height:1.85}

/* ---------- 场景卡：正文提亮 ---------- */
.scene p{color:var(--tx2)}

/* ---------- 移动端 ---------- */
@media (max-width:980px){
  .hero{min-height:auto;padding:80px 0 72px}
  .hero-inner{padding:0}
  .feat-item{grid-template-columns:1fr;gap:18px;padding:44px 0}
  .fi-n{flex-direction:row;align-items:baseline;gap:8px;font-size:18px;padding-top:0}
  .fi-body h3{font-size:22px}
  .fi-body p{font-size:15px}
  .light-zone{padding:76px 0 80px}
}
@media (max-width:520px){
  .hero h1{font-size:32px;letter-spacing:-1px}
  .fi-body h3{font-size:20px}
  .fi-body ul{gap:8px}
  .fi-body li{font-size:12.5px;padding:7px 12px}
}

/* ---------- 追加微调（v2.1） ---------- */
.feat-item{grid-template-columns:88px 1fr;gap:44px;padding:60px 0}
.fi-n{font-size:19px;gap:8px}
.fi-n span{font-size:12.5px;letter-spacing:.8px}

.light-zone{padding:118px 0 124px}
.light-zone .s-head{margin-bottom:72px}
.light-zone .step h4{font-size:18px;letter-spacing:-.3px}
.light-zone .step p{font-size:13.5px;line-height:1.9;color:var(--tx2);padding-right:14px}
.light-zone .step .num{width:30px;height:30px;font-size:10.5px}
.light-zone .step .line{top:15px}
.light-zone .step{padding-right:34px}

.scene{padding:30px 28px 26px}
.scene h4{font-size:17.5px}
.scene p{font-size:13.5px;line-height:1.9;color:var(--tx2);margin-bottom:20px}

@media (max-width:980px){
  .feat-item{grid-template-columns:1fr;gap:16px;padding:44px 0}
  .light-zone{padding:80px 0 84px}
  .light-zone .s-head{margin-bottom:48px}
  .light-zone .step{padding-right:0}
}

/* ---------- v2.2：能力区三栏、浅区收口 ---------- */
.feat-item{
  grid-template-columns:84px minmax(0,1fr) 336px;
  gap:40px;padding:54px 0;
}
.feat-item .fi-body{display:contents}
.feat-item h3,.feat-item p{grid-column:2}
.feat-item ul{
  grid-column:3;grid-row:1 / span 3;
  flex-direction:column;gap:10px;margin-top:2px;align-self:start;
}
.feat-item li{width:100%;font-size:12.5px;line-height:1.55;padding:9px 14px}
.fi-n{grid-row:1}

.light-foot{
  margin-top:64px;padding-left:18px;border-left:2px solid #C8D3E0;
  font-size:13.5px;line-height:1.9;color:#6B7B8F;max-width:660px;
}

@media (max-width:1120px){
  .feat-item{grid-template-columns:72px minmax(0,1fr);gap:32px}
  .feat-item ul{grid-column:2;grid-row:auto;flex-direction:row;flex-wrap:wrap;margin-top:22px}
  .feat-item li{width:auto}
}
@media (max-width:980px){
  .feat-item{grid-template-columns:1fr;gap:16px;padding:44px 0}
  .feat-item h3,.feat-item p,.feat-item ul{grid-column:1}
  .light-foot{margin-top:44px;font-size:13px}
}

/* ---------- v2.3：修行间距、首屏高度 ---------- */
.feat-item{column-gap:40px;row-gap:0}
.feat-item p{margin-top:16px}
.hero{min-height:calc(100vh - 180px)}

/* ---------- v2.4：中文标题字距、段落宽度、区块留白 ---------- */
h2{letter-spacing:-.6px}
.s-head{max-width:720px;margin-bottom:64px}
.s-head p{color:var(--tx2)}
section{padding:104px 0}
#product{padding-bottom:96px}
.light-zone{padding:112px 0 118px}
.s-head{max-width:780px}
.scene .icon{background:rgba(0,194,255,.12);border-color:rgba(0,194,255,.26)}

/* ---------- v2.5：移动端修正 ---------- */
@media (max-width:760px){
  .metrics .wrap{grid-template-columns:repeat(2,1fr);row-gap:26px;padding:30px 0}
  .metric:nth-child(2n){border-right:none}
  .metric b{font-size:23px}
  .hero .acts{flex-direction:column;width:100%;gap:12px}
  .hero .acts a{width:100%;text-align:center;justify-content:center}
  .feat-item{gap:22px}
  .fi-n{margin-bottom:2px}
}

/* ==================================================================
   2026-11-08  v3 首页四屏 + 全站头部（导航定稿 / 登录态 / 明暗切换）
   ================================================================== */
:root{ --hh:70px; }

/* ---------- 头部：产品名 / 明暗按钮 / 登录态 ---------- */
.logo-pd{
  font-style:normal;font-size:11.5px;font-weight:500;letter-spacing:.4px;
  color:var(--tx3);margin-left:3px;padding-left:9px;border-left:1px solid var(--line);
  white-space:nowrap;
}
.theme-btn{
  width:32px;height:32px;flex:none;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:8px;background:transparent;
  color:var(--tx2);cursor:pointer;transition:color .18s,border-color .18s,background .18s;
}
.theme-btn:hover{color:var(--cy);border-color:var(--cy)}
[data-theme="dark"] .theme-btn .i-sun{display:none}
[data-theme="light"] .theme-btn .i-moon{display:none}

.auth{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--tx2);white-space:nowrap}
.auth .sep{color:rgba(148,179,216,.45);font-size:12px}
.auth a{transition:color .18s}
.auth a:hover{color:var(--tx)}
.auth .a-reg{color:var(--tx);font-weight:600}
.auth .a-login{color:var(--tx2)}
.auth .a-console{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--cy);color:#06131F;font-weight:600;
  padding:8px 16px;border-radius:8px;
  transition:transform .16s,box-shadow .16s;
  box-shadow:0 4px 18px rgba(0,194,255,.16);
}
.auth .a-console:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,194,255,.28);color:#06131F}

/* ---------- 四屏 stage ---------- */
.stage{
  position:relative;height:calc(100vh - var(--hh));height:calc(100svh - var(--hh));
  min-height:520px;background:var(--bg);overflow:hidden;
}
.stage-scroll{
  height:100%;overflow-y:auto;overflow-x:hidden;
  scroll-snap-type:y mandatory;
  scrollbar-width:none;-ms-overflow-style:none;
  overscroll-behavior-y:auto;
}
.stage-scroll::-webkit-scrollbar{display:none}
.slide{
  position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;
  display:flex;align-items:center;overflow:hidden;
}
.slide-bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center right;background-repeat:no-repeat;
  transform:scale(1.03);
  transition:transform 1.6s cubic-bezier(.2,.6,.2,1);
}
.slide[data-in="1"] .slide-bg{transform:scale(1)}
.slide::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,13,26,.97) 0%,rgba(6,13,26,.90) 32%,rgba(6,13,26,.56) 62%,rgba(6,13,26,.18) 100%),
    linear-gradient(180deg,rgba(6,13,26,.42) 0%,rgba(6,13,26,0) 30%,rgba(6,13,26,.50) 86%,var(--bg) 100%);
}
.s1 .slide-bg{background-image:url(/assets/hero/hero-01-trace.webp)}
.s2 .slide-bg{background-image:url(/assets/hero/hero-02-debate.webp)}
.s3 .slide-bg{background-image:url(/assets/hero/hero-03-matrix.webp);background-position:center 42%}
.s4 .slide-bg{background-image:url(/assets/hero/hero-04-deliver.webp);background-position:center 46%}

.slide-in{position:relative;z-index:2;width:1240px;max-width:calc(100% - 80px);margin:0 auto;padding:0}

.sl-tag{
  display:inline-flex;align-items:center;gap:11px;
  font-size:13px;font-weight:600;letter-spacing:2px;color:var(--cy);
  margin-bottom:26px;
}
.sl-tag b{
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1px;
  color:var(--cy);background:rgba(0,194,255,.12);
  border:1px solid rgba(0,194,255,.30);
  padding:3px 8px;border-radius:5px;
}
.slide h1,.slide h2{
  font-size:clamp(34px,4.3vw,60px);line-height:1.18;letter-spacing:-2px;
  font-weight:800;color:var(--tx);margin-bottom:26px;max-width:15em;
}
.slide h1 .grad{
  background:linear-gradient(96deg,#7FE3FF 0%,#00C2FF 42%,#3B5BFF 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.slide h1 .grad{
  background-image:linear-gradient(96deg,#7FE3FF 0%,#00C2FF 42%,#3B5BFF 100%);
  -webkit-background-clip:text;background-clip:text;
}
.s-desc{
  font-size:16.5px;line-height:1.9;color:var(--tx2);
  max-width:600px;margin-bottom:8px;
}
.s-list{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:11px}
.s-list li{
  font-size:14px;color:var(--tx2);display:flex;align-items:flex-start;gap:10px;
}
.s-list li::before{
  content:"";flex:none;width:14px;height:1px;background:var(--cy);margin-top:10px;opacity:.85;
}
.s-acts{display:flex;gap:14px;align-items:center;margin-top:36px}
.s-acts .b-primary{padding:14px 30px;font-size:15px}
.s-acts .b-ghost{padding:14px 26px;font-size:15px}
.s-note{font-size:12.5px;color:var(--tx4);margin-top:20px;letter-spacing:.2px}
.s-more{
  display:inline-flex;align-items:center;gap:8px;margin-top:34px;
  font-size:13px;color:var(--tx2);border-bottom:1px solid var(--line);padding-bottom:5px;
  transition:color .18s,border-color .18s;
}
.s-more:hover{color:var(--cy);border-color:var(--cy)}

/* 右侧竖向分屏导航 */
.stage-rail{
  position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:6;
  display:flex;flex-direction:column;gap:15px;
}
.stage-rail .dot{
  display:flex;align-items:center;justify-content:flex-end;gap:9px;
  background:none;border:0;padding:0;cursor:pointer;
  color:var(--tx4);font-size:11.5px;letter-spacing:.5px;
  transition:color .22s;
}
.stage-rail .dot i{
  width:16px;height:2px;border-radius:2px;background:currentColor;opacity:.45;
  transition:width .26s,opacity .26s;
}
.stage-rail .dot em{font-style:normal;opacity:0;transform:translateX(5px);transition:opacity .26s,transform .26s}
.stage-rail .dot.on{color:var(--cy)}
.stage-rail .dot.on i{width:30px;opacity:1}
.stage-rail .dot.on em{opacity:1;transform:none}

.stage-count{
  position:absolute;left:34px;bottom:26px;z-index:6;
  font-family:var(--mono);font-size:12px;color:var(--tx4);letter-spacing:1px;
}
.stage-count b{color:var(--cy);font-size:15px;font-weight:700}

/* 页脚：核心价值 + 社媒 */
.fvalue{
  font-size:16px !important;line-height:1.65 !important;
  color:var(--tx) !important;font-weight:700;letter-spacing:-.2px;
  max-width:340px;margin-bottom:12px !important;
}
.fsocial{display:flex;gap:10px;margin-top:22px}
.fsocial a{
  width:32px;height:32px;border:1px solid var(--line);border-radius:8px;
  display:grid;place-items:center;color:var(--tx3);transition:.18s;
}
.fsocial a:hover{color:var(--cy);border-color:var(--cy);transform:translateY(-1px)}
.fsocial svg{width:15px;height:15px}

@media(max-width:1120px) and (min-width:981px){
  .logo-pd{display:none}
  .stage-rail{right:16px}
}
@media(max-width:980px){
  :root{--hh:60px}
  .logo-pd{display:none}
  .stage{height:calc(100svh - var(--hh));min-height:480px}
  .slide-in{max-width:calc(100% - 44px)}
  .slide::after{background:
    linear-gradient(180deg,rgba(6,13,26,.86) 0%,rgba(6,13,26,.72) 40%,rgba(6,13,26,.86) 78%,var(--bg) 100%)}
  .slide-bg{background-position:center 30% !important}
  .slide h1,.slide h2{font-size:clamp(27px,7.2vw,38px);letter-spacing:-1px;margin-bottom:18px}
  .s-desc{font-size:14.5px;line-height:1.8}
  .s-list{margin-top:20px;gap:9px}
  .s-list li{font-size:13px}
  .s-acts{margin-top:28px;flex-wrap:wrap;gap:10px}
  .s-acts .b-primary,.s-acts .b-ghost{padding:12px 20px;font-size:14px}
  .stage-rail{
    right:auto;left:50%;top:auto;bottom:22px;transform:translateX(-50%);
    flex-direction:row;gap:10px;align-items:center;
  }
  .stage-rail .dot em{display:none}
  .stage-rail .dot i{width:22px;opacity:.35}
  .stage-rail .dot.on i{width:34px;opacity:1}
  .stage-count{display:none}
  .sl-tag{margin-bottom:16px;font-size:12px;letter-spacing:1.4px}
  .s-note{font-size:12px}
  .auth{gap:7px;font-size:13.5px}
}

/* ==================================================================
   明暗双样式
   ================================================================== */
[data-theme="light"]{
  --bg:#F5F8FD; --bg2:#FFFFFF; --card:#FFFFFF; --card2:#F2F7FD;
  --line:#D7E2F1; --line-s:rgba(16,40,72,.10);
  --tx:#0A1A30; --tx2:#33506F; --tx3:#5B7695; --tx4:rgba(58,84,116,.88);
  --cy:#0A7FC4; --cy-d:#08618F;
  color-scheme:light;
}
[data-theme="light"] body{background:var(--bg);color:var(--tx)}
[data-theme="light"] header.top{background:rgba(255,255,255,.88);border-bottom-color:rgba(16,40,72,.08)}
[data-theme="light"] .logo .mark{color:#fff}
[data-theme="light"] .b-primary{color:#fff;box-shadow:0 4px 16px rgba(10,127,196,.20)}
[data-theme="light"] .b-ghost{background:#fff;border-color:var(--line);color:var(--tx)}
[data-theme="light"] .b-ghost:hover{background:#F0F5FC}
[data-theme="light"] footer{background:#EDF3FA}
[data-theme="light"] body nav.mid{background:#fff}
[data-theme="light"] .skip{color:#fff}

/* 四屏：图淡化为背景肌理，文字转深色 */
[data-theme="light"] .slide-bg{opacity:.42;filter:saturate(.85) brightness(1.05)}
[data-theme="light"] .slide::after{
  background:
    linear-gradient(90deg,rgba(245,248,253,.97) 0%,rgba(245,248,253,.94) 30%,rgba(245,248,253,.60) 60%,rgba(245,248,253,.26) 100%),
    linear-gradient(180deg,rgba(245,248,253,.35) 0%,rgba(245,248,253,0) 32%,rgba(245,248,253,.66) 86%,var(--bg) 100%);
}
[data-theme="light"] .slide h1 .grad{
  background-image:linear-gradient(96deg,#0A7FC4 0%,#08618F 55%,#0B3E6B 100%);
}
[data-theme="light"] .s-list li::before{background:var(--cy)}

/* 其余分区的深色构件 */
[data-theme="light"] .metrics{background:#fff}
[data-theme="light"] .light-zone{background:#FFFFFF}
[data-theme="light"] .final{background:#E8F0FA}
[data-theme="light"] .final-bg{opacity:.10}
[data-theme="light"] .final::before{opacity:.3}
[data-theme="light"] .phead::before{opacity:.12}
[data-theme="light"] .phead-bg{opacity:.14}
[data-theme="light"] .scene{background:#fff;border-color:var(--line)}
[data-theme="light"] .fi-body li{background:#EFF4FB;border-color:var(--line)}
[data-theme="light"] .light-zone .step .num{box-shadow:none}
[data-theme="light"] .auth .a-console{color:#fff}