/* 本文件由 build_site.py 生成（来自 src/site.css），请改 src/ 再重跑 */
:root{
  --bg:#04070d; --bg2:#0a1220; --panel:#0b1424; --line:rgba(160,205,150,.16); --line2:rgba(160,205,150,.32);
  --txt:#e6eefc; --mut:#8fa3c4; --dim:#5d7194;
  --g:#c8f03c; --b:#1fae74; --a:#ffb84d; --v:#a77bff;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,"Noto Sans CJK SC",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);line-height:1.6;overflow-x:hidden;
  background-image:
   radial-gradient(900px 500px at 78% -80px,rgba(31,174,116,.20),transparent 70%),
   radial-gradient(700px 420px at 8% 140px,rgba(200,240,60,.10),transparent 70%),
   linear-gradient(rgba(160,205,150,.045) 1px,transparent 1px),
   linear-gradient(90deg,rgba(160,205,150,.045) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;background-attachment:scroll}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--mono)}
.tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--g);
  border:1px solid rgba(200,240,60,.4);padding:2px 8px;border-radius:3px;background:rgba(200,240,60,.06)}
.ex{font-family:var(--mono);font-size:10px;color:var(--a);border:1px solid rgba(255,184,77,.45);border-radius:3px;padding:0 5px;margin-left:6px;vertical-align:middle;white-space:nowrap}

/* 顶栏 */
header{position:sticky;top:0;z-index:50;background:rgba(4,7,13,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:.06em}
.logo svg{width:32px;height:32px;flex:none}
nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:center;-webkit-overflow-scrolling:touch}
nav::-webkit-scrollbar{display:none}
nav a{white-space:nowrap;padding:6px 14px;color:var(--mut);font-size:14px;border-radius:6px}
nav a:hover{color:var(--g);background:rgba(200,240,60,.07)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:6px;font-size:15px;font-weight:600;border:1px solid transparent;white-space:nowrap;cursor:pointer}
.btn.pri{background:linear-gradient(135deg,var(--g),#7fd858);color:#031015;box-shadow:0 0 24px rgba(200,240,60,.35)}
.btn.pri:hover{box-shadow:0 0 34px rgba(200,240,60,.6)}
.btn.ghost{border-color:var(--line2);color:var(--txt);background:rgba(31,174,116,.06)}
.btn.ghost:hover{border-color:var(--g);color:var(--g)}
.btn.sm{padding:7px 16px;font-size:14px}

/* 首屏 */
.hero{padding:48px 0 30px;text-align:center}
.hero .tag{margin-bottom:18px}
h1{font-size:clamp(34px,6.2vw,68px);line-height:1.12;font-weight:800;letter-spacing:.01em}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--g),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin:18px auto 0;max-width:640px;color:var(--mut);font-size:clamp(16px,2.2vw,20px)}
.cta{margin-top:26px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.vis{position:relative;margin:36px auto 0;max-width:1100px;border:1px solid var(--line2);border-radius:10px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 20%,#0d1b33 0%,#060b15 70%);box-shadow:0 0 0 1px rgba(200,240,60,.05),0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(31,174,116,.12)}
.vis canvas{display:block;width:100%;height:clamp(300px,46vw,560px)}
.vis::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0,rgba(255,255,255,.028) 1px,transparent 1px,transparent 3px)}
.scanbar{position:absolute;left:0;right:0;top:0;height:90px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(200,240,60,.07),transparent);animation:scan 5.5s linear infinite}
@keyframes scan{from{transform:translateY(-100px)}to{transform:translateY(620px)}}
.hud-tl,.hud-bl{position:absolute;left:14px;font-family:var(--sans);font-family:var(--mono);font-size:11px;color:var(--g);letter-spacing:.06em;text-align:left;pointer-events:none;z-index:2}
.hud-tl{top:12px;color:#fff;text-shadow:0 1px 4px #000}.hud-bl{top:12px;left:auto;right:auto;display:none}
.rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4d5e;margin-right:6px;animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
.pipe{position:absolute;right:14px;top:12px;width:218px;background:rgba(5,10,20,.78);border:1px solid var(--line2);border-radius:6px;padding:10px 12px;text-align:left;z-index:3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.pipe h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--mut);font-weight:500;margin-bottom:7px;display:flex;justify-content:space-between}
.pr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;font-size:12px;padding:3px 0;color:var(--dim)}
.pr b{font-weight:500;color:inherit}
.pr i{font-style:normal;font-family:var(--mono);font-size:10.5px}
.pr .pb{grid-column:1/-1;height:2px;background:rgba(160,205,150,.14);border-radius:2px;overflow:hidden}
.pr .pb u{display:block;height:100%;width:0;background:var(--g);box-shadow:0 0 8px var(--g)}
.pr.done{color:var(--txt)}.pr.done i{color:var(--g)}.pr.done .pb u{width:100%}
.pr.run{color:var(--txt)}.pr.run i{color:var(--a)}.pr.run .pb u{background:var(--a);box-shadow:0 0 8px var(--a)}

/* 通用节 */
section{padding:72px 0}
.sec-h{text-align:center;margin-bottom:40px}
.sec-h .tag{margin-bottom:12px}
h2{font-size:clamp(26px,4vw,40px);line-height:1.2;font-weight:800}
.sec-h p{color:var(--mut);margin-top:10px}

/* 流程 */
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:s}
.step{position:relative;border:1px solid var(--line);border-radius:8px;padding:18px 14px 20px;background:linear-gradient(180deg,rgba(31,174,116,.07),rgba(31,174,116,.01));text-align:center}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:8px;left:12px;font-family:var(--mono);font-size:11px;color:var(--dim)}
.step:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:1.5px solid var(--g);border-right:1.5px solid var(--g);transform:translateY(-50%) rotate(45deg);opacity:.7}
.step svg{width:72px;height:72px;color:var(--g);margin:6px auto 8px;display:block}
.step h3{font-size:17px;margin-bottom:4px}
.step p{font-size:13.5px;color:var(--mut)}

/* 卡片 */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0b1526,#070d19);overflow:hidden;display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;min-width:0}
.card .art{padding:14px 14px 0;display:flex;flex-direction:column;justify-content:center}   /* 三张卡的图同一行高、图在格里竖直居中，下面的标题和说明因此水平对齐 */
.card .art svg{display:block;width:100%;height:auto}
.card .txt{padding:14px 20px 22px}
.card h3{font-size:19px;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.card p{font-size:14px;color:var(--mut)}
.rep{padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(31,174,116,.04);min-height:190px}
.title-card{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px dashed var(--line2);margin-bottom:12px}
.card .art .hex,.title-card .hex{width:48px;height:54px;flex:none}
.title-card b{display:block;font-size:20px;color:var(--a);line-height:1.2}
.title-card span{font-family:var(--mono);font-size:11px;color:var(--dim)}
.meter{margin-bottom:10px}
.meter .l{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--mut);margin-bottom:4px;gap:8px}
.meter .l strong{font-family:var(--mono);font-size:14px;color:var(--txt);font-weight:600;white-space:nowrap}
.meter .t{height:6px;border-radius:3px;background:rgba(160,205,150,.12);overflow:hidden}
.meter .t i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--b),var(--g))}

/* 数字条 */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line2);border-radius:10px;background:linear-gradient(90deg,rgba(200,240,60,.05),rgba(31,174,116,.07));overflow:hidden}
.stat{padding:28px 18px;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:var(--mono);font-size:clamp(28px,3.6vw,42px);color:var(--g);text-shadow:0 0 20px rgba(200,240,60,.4);line-height:1.1}
.stat b small{font-size:.45em;color:var(--mut);margin-left:3px;text-shadow:none}
.stat span{display:block;margin-top:8px;color:var(--mut);font-size:14px}

/* 怎么拍 */
.tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tip{border:1px solid var(--line);border-radius:8px;padding:18px 20px;background:rgba(31,174,116,.04);display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}   /* 图 / 编号 / 标题 / 说明四行跨卡对齐 */
.tip svg{display:block;width:100%;height:auto;margin-bottom:10px;color:var(--g);align-self:center}
.tip b{font-family:var(--mono);color:var(--g);font-size:13px}
.tip h3{font-size:17px;margin:4px 0}
.tip p{font-size:14px;color:var(--mut)}

/* 价格 */

/* FAQ */
.faq{max-width:820px;margin:0 auto}
details{border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin-bottom:10px;background:rgba(31,174,116,.04)}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::after{content:"+";font-family:var(--mono);color:var(--g)}
details[open] summary::after{content:"-"}
details p{color:var(--mut);font-size:14.5px;margin-top:8px}

/* 号召 + 页脚 */
.final{text-align:center;padding:76px 20px;border:1px solid var(--line2);border-radius:12px;
  background:radial-gradient(70% 120% at 50% 0,rgba(200,240,60,.13),transparent 70%),#070d19}
.final h2{margin-bottom:10px}.final p{color:var(--mut);margin-bottom:24px}
footer{margin-top:70px;border-top:1px solid var(--line);padding:30px 0 70px;color:var(--dim);font-size:13px;text-align:center}
footer .links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
footer .links a{color:var(--mut)}footer .links a:hover{color:var(--g)}

@media (max-width:900px){
  .cards,.tips{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .flow{grid-template-columns:minmax(0,1fr)}
  .step{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;text-align:left;align-items:center;padding:14px 16px 14px 34px}
  .step svg{grid-row:1/3;margin:0}
  .step:not(:last-child)::after{display:none}
  .step::before{top:50%;left:10px;transform:translateY(-50%)}
}
@media (max-width:700px){
  .bar{grid-template-columns:minmax(0,1fr) auto;height:auto;padding:10px 16px 4px;gap:6px 10px}
  nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;margin:0 -20px;padding:0 14px 8px}
  .pipe{position:static;width:auto;border-radius:0;border:0;border-top:1px solid var(--line2);background:#060c18}
  .hud-tl,.hud-bl{display:none}
  .vis canvas{height:115vw}
  section{padding:52px 0}
}
@media (prefers-reduced-motion:reduce){
  .scanbar,.rec{animation:none}.scanbar{display:none}html{scroll-behavior:auto}
}
/* ===== 内页 ===== */
nav a[aria-current]{color:var(--g);background:rgba(200,240,60,.09)}
.more{color:var(--g);font-size:14.5px}.more:hover{text-decoration:underline}
.phead{padding:60px 0 20px;text-align:center}
.phead h1{font-size:clamp(30px,5vw,48px);line-height:1.2;font-weight:800}
.phead .lead{color:var(--mut);margin:12px auto 0;max-width:660px;font-size:17px}
.fsec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:center;padding:48px 0;border-top:1px solid var(--line)}
.fsec.rev .ftxt{order:2}
.ftxt .tag{margin-bottom:12px}
.ftxt h2{font-size:clamp(24px,3.4vw,34px);margin:6px 0 10px}
.ftxt p{color:var(--mut)}
.ftxt .note2{margin-top:10px;font-size:14px;color:var(--dim)}
.ftxt ul{list-style:none;margin:14px 0 0}
.ftxt li{position:relative;padding:5px 0 5px 20px}
.ftxt li::before{content:"";position:absolute;left:0;top:17px;width:9px;height:1.5px;background:var(--g)}
.fig{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#0b1526,#070d19);padding:16px;min-width:0;color:var(--g)}
.fig svg{display:block;width:100%;height:auto}
.fig .rep{border:0;background:none;padding:6px}
.gh{text-align:center;padding:44px 0 22px}.gh .tag{margin-bottom:12px}.gh h2{font-size:clamp(24px,3.4vw,34px)}.gh p{color:var(--mut);margin-top:8px}
.cgrid{display:grid;gap:20px;margin-bottom:20px}
.cgrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cgrid.one{grid-template-columns:minmax(0,640px);justify-content:center}
.cc{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0b1526,#070d19);padding:14px 14px 20px;min-width:0}
.cc .fig{border:0;background:none;padding:0;margin-bottom:10px}
.cgrid>.cc{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.cgrid>.cc>.fig{align-self:center}   /* 同一行的卡片：图 / 标题 / 说明三行对齐 */
.cc h3{font-size:18px;margin-bottom:4px}.cc p{color:var(--mut);font-size:14px}
.cc.bad{border-color:rgba(255,107,122,.35)}.cc.bad h3{color:#ff8f9b}
.two2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px;margin:30px auto}
.dcard{border:1px solid var(--line);border-radius:12px;padding:26px;background:linear-gradient(180deg,#0b1526,#070d19);text-align:center}
.dcard h3{font-size:20px;margin-bottom:14px}.dcard p{color:var(--mut);font-size:14px;margin-top:14px}
.qrbox{width:170px;height:170px;margin:0 auto;border:1.5px dashed var(--line2);border-radius:10px;display:grid;place-items:center;color:var(--mut);font-size:14px}
.appbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.appbtns.stack{margin-top:6px;flex-direction:column;align-items:center}
.appbtn{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:170px;padding:13px 20px;border:1px solid var(--line);border-radius:10px;background:rgba(31,174,116,.05);color:var(--dim);cursor:not-allowed;opacity:.85}
.appbtn svg{width:24px;height:24px;flex:none}
.appbtn b{font-size:15px;font-weight:700;color:var(--mut)}
.appbtn i{position:absolute;top:-8px;right:-6px;font-style:normal;font-size:10.5px;font-family:var(--mono);color:var(--a);border:1px solid rgba(255,184,77,.5);background:#0a1220;border-radius:99px;padding:0 7px}
/* 长文 */
.legal{max-width:820px;margin:0 auto;padding:40px 20px 10px;line-height:1.9}
.legal h1{font-size:clamp(28px,4.5vw,40px);margin-bottom:18px}
.legal h2{font-size:21px;margin:30px 0 8px;color:var(--g)}
.legal h3{font-size:17px;margin:20px 0 6px}
.legal p{color:#c4d0e6;margin:8px 0}
.legal ul,.legal ol{margin:8px 0 8px 22px;color:#c4d0e6}.legal li{margin:4px 0}
.legal a{color:var(--g)}
.legal hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.callout{border:1px solid var(--line2);border-radius:8px;background:rgba(31,174,116,.06);padding:12px 16px;margin:12px 0 20px;font-size:14px;color:var(--mut);line-height:1.7}
.tbl{overflow-x:auto;margin:12px 0}.tbl table{border-collapse:collapse;min-width:560px;width:100%;font-size:14px}
.tbl th,.tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.tbl th{background:rgba(31,174,116,.08);color:var(--txt)}
/* 示例战报（手机框 6 屏 + 分享卡） */
.ai{display:inline-block;font-size:10px;line-height:1;padding:3px 6px;margin-left:6px;border-radius:99px;color:#d8c8ff;background:rgba(167,139,250,.18);border:1px solid rgba(167,139,250,.45);vertical-align:middle;white-space:nowrap}
.okc{display:inline-block;font-size:10px;line-height:1;padding:3px 6px;margin-left:6px;border-radius:99px;color:var(--g);background:rgba(200,240,60,.12);border:1px solid rgba(200,240,60,.4);vertical-align:middle}
.aibox{display:flex;gap:14px;align-items:flex-start;max-width:860px;margin:22px auto 8px;padding:16px 20px;border:1px solid rgba(167,139,250,.35);border-radius:12px;background:rgba(167,139,250,.07)}
.aibox .ai{margin:3px 0 0;flex:none}.aibox p{color:#c9d6ea;font-size:14.5px}.aibox b{color:#fff}
.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 30px;margin:34px 0 10px;align-items:start}
.scol{min-width:0;display:flex;flex-direction:column;align-items:center}
.scol .cap{width:100%;max-width:340px;margin-bottom:14px;min-height:112px}
.cap .n{font-family:var(--mono);font-size:11px;color:var(--g);letter-spacing:.08em}
.cap h2{font-size:19px;margin:4px 0 6px}.cap p{font-size:13.5px;color:var(--mut);line-height:1.6}
.phone{width:100%;max-width:340px;border:7px solid #1a2640;border-radius:36px;background:#060b16;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(31,174,116,.08)}
.scr{position:relative;min-height:640px;display:flex;flex-direction:column;font-size:12.5px;color:var(--txt)}
.sb{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 0;font-size:11px;color:var(--mut)}
.isl{width:70px;height:16px;border-radius:99px;background:#000;border:1px solid #1a2640}
.pnav{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 8px;font-weight:700;font-size:14px;border-bottom:1px solid var(--line)}.pnav i,.pnav em{font-style:normal;color:var(--mut);width:24px}.pnav em{text-align:right}
.pbody{padding:10px;flex:1}
.pfoot{padding:8px 10px 12px;border-top:1px solid var(--line);background:#060b16}
.pcta{height:38px;border-radius:10px;background:linear-gradient(135deg,var(--g),#16c9d9);color:#031015;font-weight:800;display:grid;place-items:center;font-size:13.5px}
.meta{text-align:center;font-size:12px;color:var(--mut);margin-bottom:6px}.meta b{color:var(--txt)}
.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;font-size:11px;color:var(--mut)}
.score .num{font-family:var(--mono);font-size:54px;line-height:1.05;font-weight:800;color:#8fa3c4}.score .num.w{color:var(--g);text-shadow:0 0 20px rgba(200,240,60,.35)}
.score .c{font-size:34px;color:var(--dim)}
.scoretag{text-align:center;margin:0 0 8px}
.seg2{display:flex;width:max-content;margin:0 auto 8px;border:1px solid var(--line2);border-radius:99px;overflow:hidden;font-size:11.5px}.seg2 span{padding:3px 14px;color:var(--mut)}.seg2 .on{background:var(--g);color:#031015;font-weight:700}
.pvid{position:relative;border-radius:8px;overflow:hidden;line-height:0}
.pvid svg{display:block;width:100%;height:auto}.pvid .plb{position:absolute;inset:0;height:100%}
.segs{display:flex;gap:6px;margin:8px 0 0;overflow:hidden}.segs span{font-size:11px;border:1px solid var(--line2);border-radius:99px;padding:1px 9px;color:var(--mut);white-space:nowrap}.segs .on{background:var(--g);color:#031015;border-color:var(--g)}
.pcard{border:1px solid var(--line);border-radius:12px;background:rgba(31,174,116,.05);padding:10px 11px;margin-top:10px}
.h3{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:13px;margin-bottom:8px;gap:6px}.h3 .r{font-weight:400;font-size:11px;color:var(--dim)}
.kpis,.bign{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:10.5px;color:var(--mut);gap:4px}
.kpis b,.bign b{display:block;font-family:var(--mono);font-size:21px;color:var(--txt)}.kpis small,.bign small{font-size:10px;color:var(--mut);margin-left:2px}.bign b.g{color:var(--g)}
.who{display:flex;justify-content:space-around;text-align:center;font-size:11px;color:var(--mut)}.who>div{opacity:.8}.who .me{opacity:1;color:var(--txt)}
.who i,.minav i{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 3px;border-radius:50%;font-style:normal;font-weight:800;color:#fff;border:2px solid transparent}.who .me i{border-color:#fff}
.who small{display:block;font-size:10px;color:var(--dim)}
.keys{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:10.5px;color:var(--mut);margin-top:4px}.keys b{color:var(--g);font-family:var(--mono);margin-right:5px}
.hint{font-size:10.5px;color:var(--dim);margin-top:7px;line-height:1.5}
.pts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pts .t{font-size:10.5px;color:var(--mut)}
.big{font-family:var(--mono);font-size:30px;font-weight:800}.big small{font-size:11px;font-weight:400;margin-left:2px}.big.g{color:var(--g)}.big.r2{color:var(--red,#ff6b7a)}
.pts ul{list-style:none;font-size:11px;color:var(--mut)}.pts li{display:flex;justify-content:space-between;padding:2px 0;border-top:1px dashed rgba(160,205,150,.15)}.pts li b{color:var(--txt);font-family:var(--mono)}
.una{display:flex;justify-content:space-between;margin-top:8px;font-size:10.5px;color:var(--mut);padding-top:7px;border-top:1px solid var(--line)}.una .v{color:#c4b0ff}
.sum{border:1px solid rgba(200,240,60,.3);border-radius:12px;background:rgba(200,240,60,.06);padding:10px 11px}.sum p{font-size:12px;color:#d3deef;line-height:1.7}.sum b{color:var(--g)}
.tw{display:grid;gap:5px;margin-top:8px;font-size:11px;color:#c4d0e6}.tw i{font-style:normal;font-size:10px;color:var(--g);border:1px solid rgba(200,240,60,.35);border-radius:4px;padding:0 5px;margin-right:6px}
.title{margin-top:10px;border:1px solid rgba(255,184,77,.4);border-radius:12px;background:linear-gradient(135deg,rgba(255,184,77,.16),rgba(31,174,116,.06));padding:10px 12px;position:relative}
.title .rare{font-size:10px;color:#1c1405;background:var(--a);border-radius:4px;padding:0 5px;font-weight:700}.title .k{font-size:10.5px;color:var(--mut);margin-left:6px}
.title .wall{position:absolute;right:12px;top:10px;font-size:10.5px;color:var(--mut)}
.title h3{font-size:24px;color:var(--a);margin:6px 0 2px}.title .why{font-size:11px;color:var(--mut)}.title .say{font-size:12px;color:#d3deef;margin-top:5px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chips span{font-size:10.5px;border:1px solid var(--line2);border-radius:99px;padding:1px 8px;color:#c4d0e6}.chips i{font-style:normal;color:var(--a);margin-left:4px;font-size:9.5px}
.pad2{padding:10px 2px 6px}
.clips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clip{position:relative;line-height:0;border-radius:8px;overflow:hidden}.clip svg{display:block;width:100%;height:auto}.clip .plb{position:absolute;inset:0}
.clip .sv{position:absolute;right:6px;top:6px;font-size:10px;line-height:1;background:rgba(6,12,24,.8);border:1px solid var(--line2);border-radius:99px;padding:3px 7px;color:#fff}
.clip .lb{position:absolute;left:0;right:0;bottom:0;padding:16px 7px 6px;background:linear-gradient(transparent,rgba(4,7,13,.92));font-size:11px;line-height:1.35;color:#fff;font-weight:700}.clip .lb small{display:block;font-weight:400;font-size:9.5px;color:var(--mut)}
.zbar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-top:9px}.zlab{display:flex;justify-content:space-between;font-size:10.5px;color:var(--mut);margin-top:4px}
.heat{display:flex;gap:10px;align-items:center}.heat svg{width:56%;height:auto;flex:none}.ht{font-size:11px;color:var(--mut)}.ht>div{color:var(--txt)}.ht p{margin-top:6px}.ht b{color:var(--txt)}
.ptbl{width:100%;border-collapse:collapse;font-size:11.5px}.ptbl td{padding:5px 3px;border-top:1px solid var(--line);white-space:nowrap}.ptbl tr:first-child td{border-top:0;color:var(--dim);font-size:10.5px}.ptbl td:not(:first-child){text-align:right;font-family:var(--mono)}.ptbl .ai{margin-left:3px;font-family:var(--sans)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.more{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.more>div{display:flex;justify-content:space-between;padding:9px 12px;font-size:12px;border-top:1px solid var(--line)}.more>div:first-child{border-top:0}.more span{color:var(--dim)}
.pl{list-style:none;margin-top:6px}.pl li{display:grid;grid-template-columns:22px 44px minmax(0,1fr) 22px;gap:6px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);font-size:11.5px}
.pl .i{font-family:var(--mono);color:var(--dim)}.pl .s{font-family:var(--mono);font-weight:700}.pl .s.w{color:var(--g)}.pl .s.l{color:#ff8f9b}
.pl .d small{display:block;color:var(--dim);font-size:10px}.pl .p{color:var(--g);text-align:center}.pl .sel{background:rgba(167,139,250,.1)}
.mask{position:absolute;inset:0;background:rgba(2,5,12,.55)}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#0d1626;border-top:1px solid var(--line2);border-radius:18px 18px 0 0;padding:8px 14px 14px}
.grab{width:36px;height:4px;border-radius:2px;background:var(--line2);margin:0 auto 8px}
.sheet h4{font-size:14px}.sheet .sub{font-size:10.5px;color:var(--mut);margin:3px 0 4px;line-height:1.5}.sheet .lab{font-size:10.5px;color:var(--dim);margin:8px 0 4px}
.opts{display:flex;gap:6px;flex-wrap:wrap}.opts span{font-size:11px;border:1px solid var(--line2);border-radius:99px;padding:3px 10px;color:var(--mut)}.opts .on{background:var(--g);color:#031015;border-color:var(--g);font-weight:700}
.minav{display:flex;gap:14px;font-size:10.5px;color:var(--mut)}.minav>div{text-align:center;opacity:.75}.minav .on{opacity:1;color:#fff}.minav .on i{border-color:#fff}.minav i{width:28px;height:28px;margin-bottom:2px;font-size:12px}.minav i.q{background:rgba(255,255,255,.1);color:var(--mut)}
.sheet .why{font-size:10px;color:var(--dim);margin-top:8px;text-align:center}
.set{list-style:none;margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.set li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;border-top:1px solid var(--line)}.set li:first-child{border-top:0}
.set .r{display:flex;gap:6px;align-items:center}.sw{width:32px;height:18px;border-radius:9px;background:rgba(160,205,150,.2);position:relative;display:inline-block}.sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff}.sw.on{background:var(--g)}.sw.on::after{left:16px;background:#031015}
.cl{width:16px;height:16px;border-radius:50%;display:inline-block;border:2px solid transparent}.cl.on{border-color:#fff}
.mini2{display:flex;border:1px solid var(--line2);border-radius:99px;overflow:hidden;font-size:11px}.mini2 span{padding:2px 12px;color:var(--mut)}.mini2 .on{background:var(--g);color:#031015;font-weight:700}
.share{display:grid;grid-template-columns:auto minmax(0,420px);gap:40px;justify-content:center;align-items:center;margin:20px 0}
.c916{width:250px;aspect-ratio:9/16;border-radius:20px;background:linear-gradient(170deg,#12301f,#0a1424 60%);border:1px solid rgba(200,240,60,.3);padding:14px 16px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.c916 .top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--mut)}.c916 .top b{color:#fff;font-size:12px}
.c916 .sc{font-family:var(--mono);font-size:44px;font-weight:800;color:var(--g);margin-top:12px;line-height:1}.c916 .sc i{font-style:normal;color:var(--dim);margin:0 4px}
.c916 .rk{font-size:10px;color:#1c1405;background:var(--a);border-radius:4px;padding:0 5px;font-weight:700;align-self:flex-start;margin-top:12px}
.c916 h5{font-size:24px;color:var(--a);margin:4px 0 2px}.c916 .s{font-size:11px;color:#c4d0e6;line-height:1.6}
.c916 .nums{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:12px 0 6px;font-size:9.5px;color:var(--mut)}.c916 .nums b{display:block;font-family:var(--mono);font-size:18px;color:#fff}
.c916 svg{width:100%;height:auto;color:var(--g)}.c916 .bt{margin-top:auto;font-size:10px;color:var(--mut);text-align:center;padding-top:8px;border-top:1px solid var(--line)}
.sh-note h3{font-size:20px;margin-bottom:10px}.sh-note ul{margin-left:18px;color:#c4d0e6;font-size:14.5px}.sh-note li{margin:6px 0}
@media (max-width:1100px){.screens{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.screens{grid-template-columns:minmax(0,1fr)}.scol .cap{min-height:0}.share{grid-template-columns:minmax(0,1fr);justify-items:center;gap:24px}.aibox{flex-direction:column;gap:8px}}
.cap2{text-align:center;color:var(--dim);font-size:13px}
@media (max-width:900px){
  .fsec{grid-template-columns:minmax(0,1fr);gap:20px;padding:32px 0}.fsec.rev .ftxt{order:0}
  .cgrid.two,.cgrid.three,.two2{grid-template-columns:minmax(0,1fr)}
}

/* logo 中英文 + 三平台按钮 */
.logo .lname{display:flex;align-items:baseline;gap:7px;line-height:1}
.logo .lname b{font-weight:700;font-size:19px;letter-spacing:.06em}
.logo .lname small{font-weight:500;font-size:13px;letter-spacing:.08em;color:#e6edf5}
.logo .lname small i{font-style:normal;color:#2fd08f}   /* 和标志横版组合一致：Shut 浅色、track 绿色 */
.plat{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:26px}
.platnote{color:var(--mut);font-size:14px}
.platbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:148px;padding:13px 22px;border-radius:10px;border:1px solid var(--line);background:rgba(31,174,116,.05);color:var(--dim);cursor:not-allowed;font-size:15px}
.pbtn svg{width:22px;height:22px;flex:none}.pbtn b{font-weight:700}
.pbtn.on{background:linear-gradient(135deg,var(--g),#7fd858);color:#031015;border-color:transparent;cursor:pointer;box-shadow:0 0 24px rgba(200,240,60,.35)}
.pbtn.on:hover{box-shadow:0 0 34px rgba(200,240,60,.6)}
.pbtn i{position:absolute;top:-8px;right:-6px;font-style:normal;font-size:10.5px;font-family:var(--mono);color:var(--a);border:1px solid rgba(255,184,77,.5);background:#0a1220;border-radius:99px;padding:0 7px}
@media (max-width:520px){.platbtns{gap:10px}.pbtn{min-width:0;padding:12px 14px;font-size:14px;gap:7px}.pbtn svg{width:20px;height:20px}.logo .lname small{display:none}}

/* 首屏一行：三平台按钮 + 示例战报文字链接（用户 10-28：不要两行，别压低下面画面） */
.plink{align-self:center;color:var(--g);font-weight:600;font-size:15px;padding:0 8px;white-space:nowrap}.plink:hover{text-decoration:underline}
/* 页头字标：Shuttrack 用品牌字标原样（横版组合里转曲的字形），羽踪在后 */
.logo .wm{height:20px;width:auto;display:block}.logo .lname{border-left:1px solid rgba(255,255,255,.18);padding-left:10px}.logo .lname b{font-size:16px;letter-spacing:.14em;color:#c9d4e3}
@media (max-width:520px){.logo .wm{height:16px}.logo .lname{display:none}}


/* 页头标志：C4 横版组合原样（用户 10-28 重新设计），电脑 34px 高、手机 28px 高 */
.logo .lockup{height:42px;width:auto;display:block}
@media (max-width:520px){.logo .lockup{height:32px}}

.tip .tipfig{display:flex;flex-direction:column;gap:6px;align-self:center;margin-bottom:10px}.tip .tipfig svg{margin-bottom:0}

.rep .rf-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rf-sc{font-family:var(--mono);font-size:34px;font-weight:800;line-height:1}.rf-sc b{color:var(--g)}.rf-sc b.d{color:#8fa3c4}.rf-sc i{font-style:normal;color:var(--dim);margin:0 6px}
.fig .rep svg:not(.hex){width:100%;height:auto}

.qrbox.qrimg{border:0;background:#fff;padding:8px;border-radius:14px}.qrbox.qrimg img{width:100%;height:100%;display:block}   /* 真实小程序码：白底包一圈，深色页面上也好扫 */