*{box-sizing:border-box}
.serif{font-family:var(--display);font-weight:700;letter-spacing:.02em;text-transform:uppercase}
body{margin:0;background:radial-gradient(1000px 560px at 50% -10%,rgba(var(--acc-rgb),.045),transparent 60%),var(--bg);color:var(--muted);font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;padding:0;line-height:1.5;overflow-x:hidden;}
.wrap{max-width:1080px;margin:0 auto}
h1.top{margin:0 0 10px;font-size:34px;font-weight:600}
/* 动效 */
@keyframes floaty{0%,100%{transform:translateY(-7%)}50%{transform:translateY(7%)}}
@keyframes glow{0%,100%{filter:drop-shadow(0 8px 22px rgba(255,187,69,.42))}50%{filter:drop-shadow(0 10px 40px rgba(255,187,69,.82))}}
@keyframes spin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
.twinkle{animation:floaty 4.5s ease-in-out infinite,glow 3s ease-in-out infinite;transform-origin:center}
.floaty{animation:floaty 5s ease-in-out infinite}
.spin{animation:floaty 5s ease-in-out infinite,spin 6s linear infinite;filter:drop-shadow(0 8px 30px rgba(123,184,245,.6))}
/* hero */
.tonmark{width:21cqw;height:21cqw;object-fit:contain;animation:floaty 5s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(58,168,240,.55))}
/* dashboard */
/* 列表 */
/* 会员 */
/* 充值 */
@media (prefers-reduced-motion:reduce){.twinkle,.floaty,.spin{animation:none}}
/* 全站键盘 focus 可见态（统一绿色焦点环） */
a:focus-visible,button:focus-visible,summary:focus-visible,.coltab:focus-visible,.colcard:focus-visible,.wchip:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}
.faq summary:focus-visible{outline-offset:-3px}
:focus:not(:focus-visible){outline:none}
/* 交互卡片/按钮/分段控件禁选中，避免双击选文字（Gemini 建议） */
.usecard,.dcard,.colcard,.tiercard,.numcard,.feat,.pflow-step,.coltab,.ttab,.dtier,.botcta,.ghostbtn,.tb-nav a,.seg-new a{user-select:none;-webkit-user-select:none}
/* ── SPA 顶栏 + 转化页 ── */
.topbar{position:sticky;top:0;z-index:50;background:rgba(1,1,1,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background .3s,box-shadow .3s,border-color .3s}
.topbar.scrolled{background:rgba(1,1,1,.93);box-shadow:0 10px 30px rgba(0,0,0,.45);border-bottom-color:color-mix(in srgb,var(--acc) 14%,var(--line))}
.tbwrap{display:flex;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:15px 24px;transition:padding .3s}
.topbar.scrolled .tbwrap{padding-top:10px;padding-bottom:10px}
.tb-nav a.on{color:var(--ink)}.tb-nav a.on::after{transform:scaleX(1)}
.tb-logo{width:118px;flex:none;cursor:pointer;display:block}.tb-logo svg{width:100%;height:auto;display:block}
.tb-nav{display:flex;gap:26px;margin-left:auto}
.tb-nav a{color:var(--muted);text-decoration:none;font-size:14px;cursor:pointer;transition:color .2s;position:relative;white-space:nowrap;font-family:var(--display);letter-spacing:.02em}
.tb-nav a:hover{color:var(--ink)}
.tb-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:2px;background:var(--acc);transform:scaleX(0);transition:transform .22s;transform-origin:center}
.tb-nav a:hover::after{transform:scaleX(1)}
.botcta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#14170f,#0a0c09);color:var(--ink);font-weight:600;font-size:14px;padding:12px 22px;border-radius:var(--rad-sm);border:1px solid rgba(var(--acc-rgb),.34);text-decoration:none;transition:border-color .28s,box-shadow .28s,background .28s,transform .2s;white-space:nowrap}
.botcta .ar,.botcta i,.botcta em{color:var(--acc);font-style:normal}
.botcta:hover{border-color:rgba(var(--acc-rgb),.82);box-shadow:0 0 26px rgba(var(--acc-rgb),.22);background:linear-gradient(180deg,#181c12,#0c0f0a);transform:translateY(-1px)}
.botcta.sm{margin-left:8px}
.tb-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:10px;background:transparent;border:1px solid var(--line);border-radius:11px;cursor:pointer;flex:none}
.tb-burger span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s}
.tb-burger.on span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.tb-burger.on span:nth-child(2){opacity:0}
.tb-burger.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:820px){.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(2,2,2,.96)}.tb-nav{display:flex;flex-direction:column;justify-content:center;gap:2px;position:fixed;inset:0;margin:0;background:radial-gradient(130% 55% at 50% 0%,rgba(var(--acc-rgb),.13),transparent 58%),linear-gradient(180deg,#080a07,#020302);padding:96px 22px 44px;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s;z-index:48;overflow-y:auto}.tb-nav.open{opacity:1;visibility:visible}.tb-nav a{display:flex;align-items:center;justify-content:space-between;padding:19px 16px;font-size:19px;font-weight:600;font-family:var(--display);letter-spacing:.04em;color:var(--ink);border-bottom:1px solid rgba(255,255,255,.055);border-radius:0}.tb-nav a:last-child{border-bottom:0}.tb-nav a:hover,.tb-nav a:active,.tb-nav a.on{color:var(--acc)}.tb-nav a::after{content:"→";position:static;left:auto;right:auto;bottom:auto;width:auto;height:auto;background:none;transform:none;color:var(--faint);font-size:15px;font-weight:400;transition:transform .2s,color .2s}.tb-nav a:hover::after,.tb-nav a.on::after{color:var(--acc);transform:translateX(4px)}.tb-burger{display:flex;order:2}.tbwrap{gap:10px;padding:12px 16px}.botcta.sm{font-size:12.5px;padding:9px 13px;gap:5px;margin-left:auto;order:1}.tb-logo{width:102px}}
/* 返回顶部/到底部 药丸 */
.scrollnav{position:fixed;right:20px;bottom:24px;z-index:45;display:flex;flex-direction:column;padding:5px;gap:2px;border-radius:15px;background:rgba(8,10,7,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--acc-rgb),.28);opacity:0;transform:translateY(14px) scale(.94);pointer-events:none;transition:opacity .35s,transform .35s,border-color .25s,box-shadow .25s}
.scrollnav.show{opacity:1;transform:none;pointer-events:auto}
.scrollnav:hover{border-color:rgba(var(--acc-rgb),.62);box-shadow:0 0 24px rgba(var(--acc-rgb),.22)}
.scrollnav-btn{width:42px;height:38px;display:grid;place-items:center;background:transparent;border:0;border-radius:11px;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}
.scrollnav-btn:hover{color:var(--acc);background:rgba(var(--acc-rgb),.12)}
.scrollnav-btn svg{width:19px;height:19px;display:block}
.scrollnav-sep{height:1px;background:rgba(255,255,255,.08);margin:1px 8px}
@media(max-width:820px){.scrollnav{right:14px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.scrollnav{transition:opacity .2s}}
/* 页面切到后台时暂停所有 CSS 动画(省电防烫),回前台自动恢复 */
body.anim-off *,body.anim-off *::before,body.anim-off *::after{animation-play-state:paused!important}
.page{max-width:1200px;margin:0 auto;padding:26px 24px 100px}
.backhome{display:inline-block;color:var(--muted);text-decoration:none;font-size:14px;cursor:pointer;margin-bottom:28px}.backhome:hover{color:var(--acc)}
.phead{margin-bottom:36px}
.peye{font-family:var(--display);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;display:inline-flex;align-items:center;gap:9px}
.peye::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--acc);flex:none}
.ptitle{font-size:clamp(32px,4vw,50px);line-height:1.08;margin:0;color:var(--ink);letter-spacing:.015em;text-wrap:balance}
.pdesc{color:var(--muted);font-size:16px;max-width:58ch;margin:16px 0 0;line-height:1.6}
.pfacts{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}
.pf{flex:1;min-width:150px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid transparent;border-radius:12px;padding:22px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pfn{font-size:26px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.pfl{font-size:12.5px;color:var(--faint);margin-top:6px}
.plist{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;max-width:660px}
.prow{display:flex;align-items:center;gap:16px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid transparent;border-radius:12px;padding:12px 16px}
.pth{width:52px;height:52px;flex:none;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:#0a0b0a}.pth img{width:100%;height:100%;object-fit:cover;display:block}
.pth.pay-th img{object-fit:contain;padding:9px}
.pinfo{flex:1;min-width:0}.pnm{font-size:15px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}.psub{font-size:12.5px;color:var(--faint)}
.pprice{text-align:right;font-variant-numeric:tabular-nums}.pprice b{color:var(--acc);font-size:16px}.pprice span{font-size:11px;color:var(--muted);display:block}
.ppill{font-size:12px;color:var(--acc);background:rgba(var(--acc-rgb),.12);border:1px solid rgba(var(--acc-rgb),.3);border-radius:6px;padding:3px 10px}
.ctarow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
.ctarow .botcta{font-size:17px;padding:16px 30px}
.ctahint{color:var(--faint);font-size:13px}
.top em,.ptitle em{color:var(--ink);font-style:normal;border-bottom:2px solid rgba(var(--acc-rgb),.55);padding-bottom:2px}
@media(min-width:840px){.hgrid{grid-template-columns:repeat(3,1fr)}}
.hnum{font-family:var(--display);font-size:12px;color:var(--faint)}
.hico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin:14px 0 16px;background:rgba(var(--acc-rgb),.1);border:1px solid #1c5308;color:var(--acc)}
.hico svg{width:23px;height:23px}
.htitle{font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.hsub{font-size:13px;color:var(--faint);margin-top:5px}
.hgo{margin-top:auto;padding-top:18px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px;transition:color .25s}
.hgo i{font-style:normal;transition:transform .25s}
.pinner{max-width:1080px;margin:0 auto}.pcover{margin-bottom:26px}
/* 二级页扩展段（介绍/教程型模板） */
.psec{margin-top:68px}
.psec-t{font-family:var(--display);font-size:clamp(26px,3.1vw,37px);font-weight:600;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);margin:0 0 16px;text-wrap:balance}.psec-t em{color:var(--ink);font-style:normal;border-bottom:2px solid rgba(var(--acc-rgb),.55);padding-bottom:2px}
/* 法务页 */
.legal{max-width:720px;margin-top:8px}
.legal h2{font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink);margin:34px 0 10px;letter-spacing:.01em}
.legal p{color:var(--muted);font-size:15px;line-height:1.78;margin:0 0 14px}
.legal p b{color:var(--ink);font-weight:600}
.legal-note{color:var(--faint);font-size:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:34px}
/* Cookie 同意横幅 */
.ckbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 18px;border-radius:14px;border:1px solid rgba(var(--acc-rgb),.22);background:linear-gradient(180deg,rgba(20,23,15,.97),rgba(10,12,9,.97));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.55);animation:ckup .4s cubic-bezier(.22,.61,.36,1)}
.ckbar[hidden]{display:none}
@keyframes ckup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ckbar-txt{flex:1;min-width:220px;font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.ckbar-txt a{color:var(--acc);text-decoration:none}.ckbar-txt a:hover{text-decoration:underline}
.ckbar-btns{display:flex;gap:10px;flex:none}
.ckbar-btn{font-family:var(--display);font-size:13px;font-weight:600;padding:9px 16px;border-radius:var(--rad-sm);cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted);transition:border-color .2s,color .2s,box-shadow .2s,background .2s;white-space:nowrap}
.ckbar-btn.ghost:hover{border-color:rgba(255,255,255,.22);color:var(--ink)}
.ckbar-btn.ok{background:linear-gradient(180deg,#14170f,#0a0c09);border-color:rgba(var(--acc-rgb),.4);color:var(--ink)}
.ckbar-btn.ok:hover{border-color:rgba(var(--acc-rgb),.82);box-shadow:0 0 22px rgba(var(--acc-rgb),.2)}
@media(max-width:560px){.ckbar{flex-direction:column;align-items:stretch;gap:12px}.ckbar-btns{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.ckbar{animation:none}}
@media(max-width:760px){.perkgrid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.perkgrid{grid-template-columns:1fr}}
.pk-chk{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc);font-weight:700;font-size:14px;margin-bottom:13px}
.pk-t{font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:7px}.pk-d{font-size:13.5px;color:var(--muted);line-height:1.6}
@media(max-width:760px){.stepgrid{grid-template-columns:1fr}}
.sp-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--acc) 15%,transparent);border:1px solid color-mix(in srgb,var(--acc) 42%,transparent);color:var(--acc);font-weight:700;font-size:16px;margin-bottom:14px;font-variant-numeric:tabular-nums}
.sp-t{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}.sp-d{font-size:13.5px;color:var(--muted);line-height:1.6}
.colgrid.pgift{margin-top:4px}
.numgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:640px){.numgrid{grid-template-columns:1fr}}
.numcard{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid transparent;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.008));text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,background .25s}
.numcard:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));transform:translateY(-2px);background:color-mix(in srgb,var(--acc) 6%,transparent)}
.numcard:hover .nprow-num{color:var(--acc-bright)}
/* 888 号码租赁 二级页 专属版式 */
.nphero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:8px}
@media(max-width:860px){.nphero{grid-template-columns:1fr;gap:34px}}
.nphero-l .ptitle{margin:14px 0 0;font-size:clamp(29px,3.8vw,44px)}
.nphero-l .pdesc{margin:20px 0 26px;font-size:16px;line-height:1.75}.nphero-l .pdesc b{color:var(--ink);font-weight:700}
.nphero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nphint{font-size:12.5px;color:var(--faint)}
/* +888 号码卡 hero(替代通用视频，纯 CSS+SVG） */
.nphcard{border-radius:18px;border:1px solid var(--card-line);background:linear-gradient(180deg,#12160f,#0a0c09);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 44px rgba(var(--acc-rgb),.07);padding:26px 28px 24px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.nphcard::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 300px at 82% 0%,rgba(var(--acc-rgb),.11),transparent 60%);pointer-events:none}
.nphcard>*{position:relative;z-index:1}
.nphcard-top{display:flex;justify-content:space-between;align-items:center}
.nphcard-flag{font-family:var(--display);font-size:11px;font-weight:600;color:var(--acc);display:inline-flex;align-items:center;gap:7px;background:rgba(var(--acc-rgb),.1);border:1px solid rgba(var(--acc-rgb),.28);padding:5px 12px;border-radius:999px}
.nphcard-flag i{width:6px;height:6px;border-radius:50%;background:var(--acc);flex:none}
.nphcard-live{font-family:var(--display);font-size:11px;font-weight:700;color:var(--acc);letter-spacing:.1em;display:inline-flex;align-items:center;gap:7px}
.nphcard-live i{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);animation:livedot 1.5s ease-in-out infinite}
.nphcard-ic{width:54px;height:54px;border-radius:15px;background:rgba(var(--acc-rgb),.1);border:1px solid rgba(var(--acc-rgb),.25);display:grid;place-items:center;color:var(--acc);margin:26px 0 18px}
.nphcard-ic svg{width:28px;height:28px}
.nphcard-num{font-family:var(--display);font-size:clamp(23px,2.6vw,30px);font-weight:700;color:var(--ink);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.nphcard-sub{font-size:12.5px;color:var(--faint);margin-top:7px}
.nphcard-rows{margin-top:22px;border-top:1px solid rgba(255,255,255,.06);padding-top:15px;display:flex;flex-direction:column;gap:12px}
.nphcard-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:13.5px}
.nphcard-row span{color:var(--muted);font-variant-numeric:tabular-nums}
.nphcard-row b{color:var(--acc);font-weight:700;font-variant-numeric:tabular-nums}.nphcard-row b i{font-style:normal;font-size:11px;color:var(--faint);font-weight:400}
.nphcard-foot{margin-top:18px;display:flex;justify-content:space-between;align-items:center}
.nphcard-pill{font-size:11px;font-weight:700;color:var(--acc);background:rgba(var(--acc-rgb),.12);border:1px solid rgba(var(--acc-rgb),.3);border-radius:999px;padding:4px 12px}
.nphcard-hint{font-size:12px;color:var(--faint)}
.psec-lead{color:var(--muted);font-size:15.5px;line-height:1.75;max-width:66ch;margin:0 0 30px}
@media(max-width:860px){.nseo{grid-template-columns:1fr;gap:26px}}
.nfaq{max-width:840px;margin:0}
/* Fragment 视频 Hero */
.fragvid{position:relative;border-radius:12px;overflow:hidden;border:1px solid #24291f;box-shadow:0 34px 74px rgba(0,0,0,.6),0 0 46px rgba(var(--acc-rgb),.08);background:#0a0c09;line-height:0}
.fragvid video{width:100%;height:auto;display:block}
.fragvid-tag{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--acc);background:rgba(1,1,1,.55);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--acc) 32%,transparent);padding:5px 12px;border-radius:999px;line-height:1}
.fragvid-tag i{width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);animation:livedot 1.5s ease-in-out infinite}
.fragvid.img{display:grid;place-items:center;padding:6%;background:radial-gradient(circle at 50% 44%,rgba(var(--acc-rgb),.08),#0a0c09);line-height:1;aspect-ratio:4/3}
.fragvid.img img{max-width:84%;height:auto}
.fragvid.img.gold{background:radial-gradient(circle at 50% 44%,rgba(255,190,70,.13),#0a0c09)}
.fragvid.img.gold img{filter:drop-shadow(0 16px 46px rgba(255,180,60,.42))}
.nphcard-img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 34px 74px rgba(0,0,0,.6),0 0 46px rgba(var(--acc-rgb),.08)}
.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
.relcard{display:flex;flex-direction:column;gap:9px;padding:24px 22px 20px;border-radius:var(--rad);background:var(--card);border:1px solid var(--card-line);text-decoration:none;transition:transform .3s,border-color .25s,box-shadow .25s}
.relcard:hover{transform:translateY(-5px);border-color:rgba(var(--acc-rgb),.42);box-shadow:0 20px 46px rgba(0,0,0,.5)}
.rel-k{font-family:var(--display);font-weight:600;font-size:17px;color:var(--ink)}
.rel-d{font-size:13.5px;color:var(--muted);line-height:1.62;flex:1}
.rel-go{font-size:13px;color:var(--acc);font-weight:600;margin-top:2px}
.rel-go i{font-style:normal;display:inline-block;transition:transform .25s}
.relcard:hover .rel-go i{transform:translateX(4px)}
@media(max-width:820px){.relgrid{grid-template-columns:1fr}}
.herogift{width:82%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.herogift .giftanim{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.herogift .giftanim svg{width:94%!important;height:94%!important}
/* 横排四要点（替代原本失衡的两栏空卡） */
.featrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
@media(max-width:760px){.featrow{grid-template-columns:1fr 1fr}}
.feat{padding:20px 18px;border:1px solid transparent;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));transition:border-color .25s}
.feat:hover{border-color:rgba(var(--acc-rgb),.22)}
.feat-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc);font-weight:700;font-size:13px;margin-bottom:12px}
.feat-t{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:5px}.feat-d{font-size:12.5px;color:var(--muted);line-height:1.55}
/* 用途场景卡（大卡片，区别于 featrow） */
.usegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
@media(max-width:820px){.usegrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.usegrid{grid-template-columns:1fr}}
.usecard{padding:26px 24px;border:1px solid transparent;border-radius:12px;background:var(--card);transition:border-color .25s,transform .25s}
.usecard:hover{border-color:color-mix(in srgb,var(--acc) 34%,var(--line));transform:translateY(-3px)}
.usecard .use-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:24px;line-height:1;margin-bottom:16px;background:radial-gradient(circle at 50% 32%,rgba(var(--acc-rgb),.15),rgba(var(--acc-rgb),.04));border:1px solid rgba(var(--acc-rgb),.2)}
.usecard .use-ic svg{width:23px;height:23px;color:var(--acc)}
.usecard h3{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.01em;color:var(--ink);margin:0 0 8px}
.usecard p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:0}
/* 对比卡（App内购 vs 直充） */
.vscompare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
@media(max-width:680px){.vscompare{grid-template-columns:1fr}}
.vscol{border:1px solid transparent;border-radius:12px;padding:26px 24px;background:var(--card)}
.vscol.good{border-color:color-mix(in srgb,var(--acc) 42%,var(--line));background:linear-gradient(180deg,rgba(var(--acc-rgb),.06),rgba(10,12,8,.4))}
.vscol-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:18px}
.vscol.bad .vscol-h{color:var(--faint)}.vscol.good .vscol-h{color:var(--acc)}
.vscol-h .vtag{font-size:11px;padding:3px 9px;border-radius:999px;font-family:var(--font);letter-spacing:0;text-transform:none;font-weight:700}
.vslist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.vslist li{display:flex;gap:11px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.vslist li::before{content:"✕";flex:none;font-weight:700;font-size:12px;color:var(--faint);margin-top:1px}
.vscol.good .vslist li{color:#d7e2cd}.vscol.good .vslist li::before{content:"✓";color:var(--acc)}
.numlib{max-width:560px}
/* 号码库：统计条 + 全量数据表 */
@media(max-width:640px){.numstats{grid-template-columns:1fr 1fr}}
.numtable td{padding:15px 14px}
.nt-num{display:inline-flex;align-items:center;gap:11px}.nt-num svg{width:18px;height:18px;color:var(--acc);flex:none}
.nt-num b{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.nt-ty{font-size:12.5px;color:var(--faint)}
.numtable .pt-arr small{color:var(--faint);font-weight:600;font-size:11px}
.nt-ok{font-size:11.5px;font-weight:700;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,transparent);border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);padding:4px 11px;border-radius:999px;white-space:nowrap}
.nt-a{text-align:right}.nt-go{color:var(--acc);font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap;transition:opacity .2s}.nt-go:hover{opacity:.72}
/* 移动端数据表：隐藏冗余「类型」列，让价格列直接可见（不再横向裁切） */
@media(max-width:560px){
.numtable{min-width:0}
.numtable th:nth-child(2),.numtable .nt-ty{display:none}
.numtable th,.numtable td{padding-left:9px;padding-right:9px}
.numtable th:first-child,.numtable td:first-child{padding-left:0}
.numtable th:last-child,.numtable td:last-child{padding-right:0;text-align:right}
.premtable{min-width:0;font-size:12.5px}
.premtable th,.premtable td{padding-left:8px;padding-right:8px}
.premtable th:first-child,.premtable td:first-child{padding-left:0}
.premtable .pt-name b{font-size:14px}.premtable td.pt-arr{font-size:14.5px}
}
/* 流程：高身量步骤卡（巨大幽灵编号 + 徽章 + 标题 + 说明） */
.pflow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:42px}
.pflow.pflow-3{grid-template-columns:repeat(3,1fr)}.pflow.pflow-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.pflow,.pflow.pflow-3,.pflow.pflow-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pflow,.pflow.pflow-3,.pflow.pflow-4{grid-template-columns:1fr}}
.pflow-step{position:relative;overflow:hidden;padding:28px 22px;border:1px solid transparent;border-radius:12px;background:linear-gradient(180deg,rgba(var(--acc-rgb),.05),rgba(255,255,255,0));min-height:230px;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}
.pflow-step:hover{border-color:color-mix(in srgb,var(--acc) 38%,var(--line));transform:translateY(-4px)}
.pflow-step::after{content:attr(data-n);position:absolute;top:-20px;right:2px;font-size:100px;font-weight:700;color:rgba(var(--acc-rgb),.07);line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}
.pflow-node{position:relative;z-index:1;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--acc) 15%,transparent);border:1px solid color-mix(in srgb,var(--acc) 42%,transparent);color:var(--acc);font-weight:700;display:grid;place-items:center;margin-bottom:22px;font-variant-numeric:tabular-nums;font-size:17px}
.pflow-t{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:10px;position:relative;z-index:1}
.pflow-d{font-size:13px;color:var(--muted);line-height:1.6;margin-top:auto;position:relative;z-index:1}
/* 独立统计带（号码库与流程之间，大气全宽） */
.statsband-sec{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statsband{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
@media(max-width:640px){.statsband{grid-template-columns:1fr 1fr}}
.statsband>div{position:relative;padding:30px 0}
.statsband>div+div::before{content:"";position:absolute;left:0;top:32%;bottom:32%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.06),transparent)}
@media(max-width:640px){.statsband>div+div::before{display:none}}
.statsband b{display:block;font-size:clamp(26px,2.9vw,36px);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}
.statsband span{font-size:12px;color:var(--faint);margin-top:12px;display:block;letter-spacing:.06em}
/* FAQ 卡片网格（不复用细线手风琴、不左右分栏） */
.faqcards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
@media(max-width:760px){.faqcards{grid-template-columns:1fr}}
.faqcards .faq{border:1px solid transparent;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.008));padding:2px 20px;transition:border-color .25s}
.faqcards .faq[open]{border-color:color-mix(in srgb,var(--acc) 30%,var(--line))}
.faqcards .faq summary{padding:18px 0}.faqcards .faqa{padding:0 0 18px}
.botcta.lg{font-size:16px;padding:15px 28px}
.pinner .homefinal{margin-top:84px}
/* 会员特权 两栏详解 + 档位对比表高亮 */
.perk2grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:10px}
@media(max-width:760px){.perk2grid{grid-template-columns:1fr}}
.perk2{display:flex;gap:14px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}
.perk2 .pk-chk{margin-bottom:0;flex:none}
.perk2 .pk-t{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}
.perk2 .pk-d{font-size:13.5px;color:var(--muted);line-height:1.6}
.premtable tr.best td{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.premtable .pt-name b{font-size:16px}.premtable td.pt-arr{color:var(--acc);font-size:17px}
.page:not([hidden]),#home{animation:pfade .45s ease}
@keyframes pfade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.atmo{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#010101}
.atmo::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(var(--acc-rgb),.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask:radial-gradient(130% 85% at 50% -4%,#000 20%,transparent 70%);mask:radial-gradient(130% 85% at 50% -4%,#000 20%,transparent 70%)}
.atmo .a1,.atmo .a2{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;mix-blend-mode:screen}
.atmo .a1{width:680px;height:680px;top:-280px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(72,160,20,.3),transparent 66%);animation:drift1 18s ease-in-out infinite alternate}
.atmo .a2{width:520px;height:520px;bottom:-180px;right:-120px;background:radial-gradient(circle,rgba(40,110,14,.2),transparent 66%);animation:drift2 22s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translateX(-50%) translateY(40px) scale(1.12)}}
@keyframes drift2{to{transform:translateY(-50px) scale(1.14)}}
.homefinal{margin-top:56px;text-align:center;padding:68px 28px;border-radius:16px;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(90% 130% at 50% 0%,rgba(56,143,12,.2),rgba(6,8,6,.4) 58%),linear-gradient(180deg,#080a08,#040504)}
.homefinal h2{font-family:var(--display);font-size:clamp(26px,3.2vw,39px);font-weight:600;color:var(--ink);letter-spacing:.01em;text-transform:uppercase;margin:0;text-wrap:balance}.homefinal h2 em{color:var(--ink);font-style:normal;border-bottom:2px solid rgba(var(--acc-rgb),.55);padding-bottom:2px}
.homefinal p{color:var(--muted);max-width:440px;margin:14px auto 26px}
footer{border-top:1px solid var(--line);margin-top:20px;padding:64px 0 58px}
.fwrap{max-width:1200px;margin:0 auto;padding:0 24px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}@media(max-width:720px){.fgrid{grid-template-columns:1fr 1fr;gap:26px 20px}.fcol-brand{grid-column:1/-1}}@media(max-width:440px){.fgrid{grid-template-columns:1fr}.fcol-brand{grid-column:auto}}
.fbrand{width:128px;margin-bottom:14px}.fbrand svg{width:100%;height:auto;display:block}
.fabout{color:var(--faint);font-size:13px;line-height:1.7;max-width:34ch}
footer h3{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
footer .fl{display:block;color:var(--muted);font-size:13.5px;margin-bottom:11px;text-decoration:none;transition:color .2s,transform .2s;cursor:pointer}
footer .fl:hover{color:var(--acc);transform:translateX(2px)}
.fbrand-cta{margin-top:20px;font-size:13px;padding:9px 16px}
.fpay{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.fpay-t{font-family:var(--display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);flex:none}
.fpay-logos{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fpay-logo{width:26px;height:26px;object-fit:contain;border-radius:6px;opacity:.62;filter:grayscale(.3);transition:opacity .25s,filter .25s}
.fpay-logo:hover{opacity:1;filter:none}
.fpay-note{color:var(--faint);font-size:12.5px;margin-left:auto}
@media(max-width:560px){.fpay-note{margin-left:0;width:100%}}
.fbot{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--faint);font-size:12px;flex-wrap:wrap;gap:12px}
.fbot-links{display:inline-flex;gap:18px}
.fbot-links a{color:var(--faint);text-decoration:none;transition:color .2s}.fbot-links a:hover{color:var(--acc)}
/* ===================== 首页 landing ===================== */
#home{max-width:1200px;margin:0 auto;padding:0 24px}
.lsec{padding:58px 0}
@media(max-width:640px){.lsec{padding:42px 0}}
.lhead{max-width:640px;margin-bottom:6px}.lhead.center{margin:0 auto 6px;text-align:center}
.leye{font-family:var(--display);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);display:inline-flex;align-items:center;gap:9px}
.leye::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--acc);flex:none}
.lhead.center .leye{justify-content:center}
.lh2{font-family:var(--display);font-size:clamp(25px,3vw,37px);font-weight:600;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);margin:14px 0 0;line-height:1.14;text-wrap:pretty}.lh2 em{color:var(--ink);font-style:normal;border-bottom:2px solid rgba(var(--acc-rgb),.55);padding-bottom:2px}
.lhsub{color:var(--muted);font-size:15px;margin:14px 0 0;line-height:1.65;max-width:52ch}
/* hero */
.lhero{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:stretch;padding:58px 0 54px;position:relative}
.lhtxt{display:flex;flex-direction:column;justify-content:center}
@media(max-width:880px){.lhero{grid-template-columns:1fr;gap:38px}}
.lhtitle{font-size:clamp(30px,3.9vw,46px);line-height:1.14;font-weight:600;letter-spacing:-.005em;color:var(--ink);margin:18px 0 0}
.lhtitle span{display:block;white-space:nowrap}.lhtitle .l2{color:var(--ink);display:inline-block;border-bottom:3px solid rgba(var(--acc-rgb),.5);padding-bottom:5px}
@media(max-width:600px){.lhtitle span{white-space:normal}}
.arrows{display:inline-flex;gap:5px;margin-left:16px;vertical-align:middle;transform:translateY(-6px)}
.arrows i{width:14px;height:30px;background:var(--acc);transform:skewX(-20deg);border-radius:2px;display:inline-block}
.arrows i:nth-child(2){opacity:.6}.arrows i:nth-child(3){opacity:.3}
.lhlead{color:var(--muted);font-size:17px;line-height:1.65;max-width:46ch;margin:22px 0 30px}
.lhcta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.ghostbtn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid var(--line);border-radius:var(--rad-sm);color:var(--muted);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s,transform .2s,box-shadow .2s}
.ghostbtn:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-2px);box-shadow:0 12px 30px rgba(var(--acc-rgb),.14)}
.lhstats{display:flex;gap:36px;margin-top:36px}
.lhstats b{font-size:26px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;display:block;line-height:1}.lhstats b em{color:var(--acc);font-style:normal}
.lhstats span{font-size:11px;color:var(--faint);letter-spacing:.08em;margin-top:6px;display:block;text-transform:uppercase}
/* hero 右栏:大 Pepe 主角 + 服务 LOGO 自然环绕(纯图·真动态) */
.lhero::before{content:"";position:absolute;inset:-46px -20px -10px;background:radial-gradient(46% 64% at 50% 48%,rgba(var(--acc-rgb),.13),transparent 62%);pointer-events:none;z-index:0}
.lhtxt{position:relative;z-index:1}
.heroscene{position:relative;z-index:1;min-height:540px}
.hs-orbs{display:contents}
.hs-pepe{position:absolute;left:34%;top:57%;transform:translate(-50%,-50%);width:372px;height:372px;display:flex;align-items:center;justify-content:center;animation:floatpepe 7.5s ease-in-out infinite;z-index:3}
.hs-pepe::before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle,rgba(var(--acc-rgb),.36),rgba(56,143,12,.16) 42%,transparent 66%);filter:blur(18px);border-radius:50%}
.hs-pepe .giftanim{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.hs-pepe .giftanim svg{width:100%!important;height:100%!important;filter:drop-shadow(0 30px 64px rgba(var(--acc-rgb),.46))}
.hs-orb{position:absolute;left:calc(34% + var(--x,0px));top:calc(57% + var(--y,0px));transform:translate(-50%,-50%);z-index:4}
.hs-orb-inner{display:flex;flex-direction:column;align-items:center;gap:10px;animation:floatorb var(--dur,5s) ease-in-out infinite;animation-delay:var(--fd,0s)}
.hs-orb-lb{font-size:11.5px;font-weight:700;color:var(--muted);font-family:var(--display);letter-spacing:.04em;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.75)}
.hs-orb-ic{position:relative;width:var(--sz,72px);height:var(--sz,72px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--sz,72px)*.46);line-height:1;background:radial-gradient(circle at 50% 34%,rgba(var(--acc-rgb),.22),rgba(9,11,8,.9) 74%);border:1px solid rgba(var(--acc-rgb),.3);box-shadow:0 16px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1);color:var(--acc);overflow:hidden}
.hs-orb-ic::before{content:"";position:absolute;inset:-26%;border-radius:50%;background:radial-gradient(circle,rgba(var(--acc-rgb),.26),transparent 60%);z-index:-1;animation:halo 3.4s ease-in-out infinite;animation-delay:var(--fd,0s)}
.hs-orb-ic.star{background:radial-gradient(circle at 50% 34%,rgba(255,187,69,.26),rgba(9,11,8,.9) 74%);border-color:rgba(255,187,69,.38)}
.hs-orb-ic.star::before{background:radial-gradient(circle,rgba(255,187,69,.32),transparent 60%)}
.hs-orb-ic.ton{background:radial-gradient(circle at 50% 34%,rgba(123,184,245,.26),rgba(9,11,8,.9) 74%);border-color:rgba(123,184,245,.38)}
.hs-orb-ic.ton::before{background:radial-gradient(circle,rgba(123,184,245,.32),transparent 60%)}
.hs-orb-ic.num{font-size:calc(var(--sz,72px)*.26);font-weight:900;letter-spacing:-.03em;background:linear-gradient(180deg,#c9ff8a,#7fd018);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(var(--acc-rgb),.6))}
.hs-orb-ic .crownvec{width:60%;height:60%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 14px rgba(var(--acc-rgb),.55))}
.hs-orb-ic .crownvec svg{width:100%;height:100%;display:block}
.hs-orb-ic .starbig{width:80%!important;height:80%!important}
.hs-orb-ic .tonmark{width:78%!important;height:78%!important}
.hs-dot{position:absolute;border-radius:50%;background:var(--acc);box-shadow:0 0 9px rgba(var(--acc-rgb),.9);animation:floatorb var(--dur,6.5s) ease-in-out infinite;animation-delay:var(--fd,0s);z-index:1}
.hs-link{position:absolute;left:44%;top:35%;height:2.5px;width:var(--len,150px);transform-origin:0 50%;transform:rotate(var(--ang,0deg));background:linear-gradient(90deg,rgba(var(--acc-rgb),0) 6%,rgba(162,255,73,.85) 45%,rgba(var(--acc-rgb),.95) 96%);box-shadow:0 0 8px rgba(var(--acc-rgb),.5);border-radius:2px;z-index:2;pointer-events:none;animation:linkpulse 3.2s ease-in-out infinite;animation-delay:var(--fd,0s)}
.hs-link::after{content:'';position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;background:#c9ff8a;box-shadow:0 0 12px var(--acc);transform:translate(50%,-50%)}
@keyframes linkpulse{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes floatpepe{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 9px))}}
@keyframes floatorb{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes floatorb2{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes halo{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:.85;transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.hs-pepe,.hs-orb,.hs-orb-ic::before{animation:none}}
@media(max-width:880px){.lhero{grid-template-columns:1fr;gap:24px}.lhero::before{display:none}.heroscene{min-height:0;display:flex;flex-direction:column;align-items:center;gap:22px;padding:4px 0}.hs-dot{display:none}.hs-pepe{position:static;transform:none;animation:none;width:min(58vw,230px);height:min(58vw,230px);order:1}.hs-orbs{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 22px;order:2;max-width:330px}.hs-orb{position:static;transform:none}.hs-orb-ic{width:64px!important;height:64px!important;font-size:29px!important}.hs-orb-ic.num{font-size:16px!important}.hs-orb-lb{font-size:11px}}
@media(max-width:880px){.hstage{min-height:520px}.cascade{max-width:440px;height:470px}.pcard{width:168px}.pcard.p1{transform:translate(calc(-50% - 120px),calc(-50% + 22px)) scale(1.05)}.pcard.p2{transform:translate(calc(-50% - 14px),calc(-50% + 2px)) scale(.9)}.pcard.p3{transform:translate(calc(-50% + 74px),calc(-50% - 16px)) scale(.77)}.pcard.p4{transform:translate(calc(-50% + 144px),calc(-50% - 30px)) scale(.67)}.pcard.p5{transform:translate(calc(-50% + 198px),calc(-50% - 42px)) scale(.58)}}
/* 库存条标题 */
.marqsec{padding:26px 0 6px}
.marqlabel{text-align:center;font-family:var(--display);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin-bottom:20px}
/* 库存滚动条 */
.lmarq{margin-top:8px;border-block:1px solid var(--line);padding:18px 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lmarq-t{display:flex;gap:14px;width:max-content;animation:marq 48s linear infinite}
.lmarq:hover .lmarq-t{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
/* 旗舰服务（通用主题色 --sp）*/
.leye-sp{color:var(--sp)}
.fh2{font-family:var(--display);font-size:clamp(25px,2.9vw,37px);font-weight:600;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);margin:16px 0 0;line-height:1.16;text-wrap:pretty}.fh2 em{color:var(--ink);font-style:normal;border-bottom:2px solid color-mix(in srgb,var(--sp) 55%,transparent);padding-bottom:2px}
.fdesc{color:var(--muted);font-size:15px;line-height:1.75;margin:18px 0 30px;max-width:44ch}
.lflag{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;padding:16px 0;background:radial-gradient(50% 72% at 50% 46%,color-mix(in srgb,var(--sp) 6%,transparent),transparent 60%)}
.lflag.top{align-items:center}
.lflag.rev{grid-template-columns:1.24fr .76fr}
.lflag.rev .fright{order:1}.lflag.rev .fleft{order:2}
@media(max-width:820px){.lflag,.lflag.rev{grid-template-columns:1fr;gap:34px;padding:8px 0}.lflag.rev .fleft,.lflag.rev .fright{order:0}}
.lflag .fstat{display:flex;gap:38px;margin:0 0 28px;flex-wrap:wrap}
.lflag .fstat b{font-size:36px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;display:block;line-height:1;letter-spacing:-.02em}
.lflag .fstat span{font-size:12px;color:var(--faint);margin-top:8px;display:block}
.ffeat{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-direction:column;gap:15px}
.ffeat li{position:relative;padding-left:27px;color:var(--muted);font-size:15px;line-height:1.4}
.ffeat li::before{content:"";position:absolute;left:3px;top:4px;width:7px;height:12px;border:solid var(--sp);border-width:0 2px 2px 0;transform:rotate(42deg)}
.flink{display:inline-flex;align-items:center;gap:8px;color:var(--sp);font-weight:700;font-size:14px;text-decoration:none;transition:gap .2s}.flink:hover{gap:13px}
.flink.botlike{padding:12px 22px;border:1px solid color-mix(in srgb,var(--sp) 34%,transparent);border-radius:var(--rad-sm);background:linear-gradient(180deg,#14170f,#0a0c09);color:var(--ink);font-weight:600;transition:background .28s,border-color .28s,gap .2s,transform .2s,box-shadow .28s}
.flink.botlike>span{color:var(--sp);font-style:normal}
.flink.botlike b{color:var(--ink);font-weight:600}
.flink.botlike:hover{background:linear-gradient(180deg,#181c12,#0c0f0a);border-color:color-mix(in srgb,var(--sp) 80%,transparent);gap:10px;transform:translateY(-1px);box-shadow:0 0 26px color-mix(in srgb,var(--sp) 22%,transparent)}
.frow{display:flex;align-items:center;gap:18px;padding:17px 10px;border-bottom:1px solid var(--line);transition:background .25s,padding-left .25s;border-radius:10px}
.frow:hover{background:color-mix(in srgb,var(--sp) 7%,transparent);padding-left:16px}
.fth{width:54px;height:54px;flex:none;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--sp) 16%,transparent),transparent 62%),#0a0806;display:flex;align-items:center;justify-content:center}
.finfo{flex:1;min-width:0}.fnm{font-size:16px;font-weight:700;color:var(--ink)}.fsub{font-size:13px;color:var(--faint);margin-top:2px}
.fpr{text-align:right}.fpr b{font-size:16px;color:var(--sp);font-variant-numeric:tabular-nums}.fpr span{font-size:11px;color:var(--muted);display:block}
/* 会员套餐视觉 */
.ptbadge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:#07130a;background:var(--acc);border-radius:999px;padding:3px 11px;white-space:nowrap}
.pmo{font-size:14px;color:var(--muted)}.ppr{font-size:24px;font-weight:700;color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums}.ptar.best .ppr{color:var(--acc)}
/* 号码自动上滚 */
@keyframes ntick{to{transform:translateY(-50%)}}
.npth img{width:100%;height:100%;object-fit:cover}
.npill{font-size:12px;color:var(--acc);background:rgba(var(--acc-rgb),.13);border-radius:999px;padding:4px 13px;white-space:nowrap;flex:none}
/* Stars & TON 直充（两张横向卡）*/
.ltwo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:46px}
@media(max-width:720px){.ltwo{grid-template-columns:1fr}}
.tbody{flex:1;min-width:150px}.tnm{font-size:17px;font-weight:700;color:var(--ink)}.tds{font-size:13px;color:var(--faint);margin-top:5px}
.tfoot{display:flex;align-items:center;gap:16px;margin-left:auto}
.tstat{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.tgo{font-size:14px;color:var(--muted);white-space:nowrap;transition:transform .25s}.tcard:hover .tgo{transform:translateX(4px)}
/* 直充 Stars&TON 产品卡 */
.dcards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:46px}
@media(max-width:760px){.dcards{grid-template-columns:1fr}}
.dcard-tiers{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 6px}
.dtier{position:relative;font-size:13px;font-weight:700;padding:8px 13px;border-radius:11px;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.02);font-variant-numeric:tabular-nums;transition:.25s}
.dtier i{font-style:normal;font-size:11px;color:var(--faint);margin-left:2px}
.d-gold .dtier.on{border-color:rgba(255,187,69,.55);color:var(--gold);background:rgba(255,187,69,.09)}
.d-gold .dtier.on::after{content:"热门";position:absolute;top:-8px;right:-6px;background:linear-gradient(180deg,#ffd873,#f0a92a);color:#2a1c05;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:999px}
.d-blue .dtier.on{border-color:rgba(123,184,245,.55);color:var(--blue);background:rgba(123,184,245,.09)}
.d-gold:hover .dtier{border-color:rgba(255,187,69,.28)}
.d-blue:hover .dtier{border-color:rgba(123,184,245,.28)}
.dcard{display:flex;flex-direction:column;padding:32px 30px 28px;border-radius:14px;text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.008));border:1px solid transparent;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}
.dcard:hover{transform:translateY(-6px)}
.dcard-vis{height:126px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative}
.dcard-vis::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;filter:blur(34px);opacity:.55;z-index:0}
.d-gold .dcard-vis::before{background:radial-gradient(circle,rgba(255,187,69,.32),transparent 62%)}
.d-blue .dcard-vis::before{background:radial-gradient(circle,rgba(123,184,245,.32),transparent 62%)}
.dcard-vis .starbig{width:106px;height:106px;position:relative;z-index:1}
.dcard-vis .tonmark{width:100px!important;height:100px!important;position:relative;z-index:1}
.dcard-nm{font-size:18px;font-weight:700;color:var(--ink)}
.dcard-ds{font-size:13px;color:var(--faint);margin-top:6px}
.dcard-foot{display:flex;justify-content:space-between;align-items:center;margin:22px 0 20px;padding-top:18px;border-top:1px solid var(--line)}
.dcard-range{font-size:13px;color:var(--muted)}
.dcard-pr{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.dcard-pr i{font-style:normal;font-size:12px;color:var(--muted);font-weight:400}
.dcard-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.dcard-cta i{font-style:normal;transition:transform .25s}.dcard:hover .dcard-cta i{transform:translateX(5px)}
.d-gold .dcard-pr,.d-gold .dcard-cta{color:var(--gold)}.d-gold:hover{border-color:rgba(255,187,69,.5);box-shadow:0 24px 54px rgba(0,0,0,.5)}
.d-blue .dcard-pr,.d-blue .dcard-cta{color:var(--blue)}.d-blue:hover{border-color:rgba(123,184,245,.5);box-shadow:0 24px 54px rgba(0,0,0,.5)}
/* 支付方式信任带（全宽，居中）*/
.pbhead{max-width:560px;margin:0 auto}
.pbrow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:42px}
/* 支付与到账（左标题 / 右对比表格）*/
.paytable-wrap,.numtable-wrap{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.paytable-wrap::-webkit-scrollbar,.numtable-wrap::-webkit-scrollbar{display:none}
.paytable{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.paytable th{text-align:left;font-size:11px;color:var(--faint);font-weight:700;letter-spacing:.06em;padding:0 14px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.paytable th:first-child{padding-left:0}.paytable th:not(:first-child),.paytable td:not(:first-child){text-align:center}
.paytable td{padding:16px 14px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:middle}
.paytable td:first-child{padding-left:0}
.paytable tbody tr:last-child td{border-bottom:none}
.paytable tbody tr{transition:background .2s}.paytable tbody tr:hover td{background:rgba(255,255,255,.02)}
.pt-name{display:flex;align-items:center;gap:11px;text-align:left}
.pt-name img{width:32px;height:32px;object-fit:contain;border-radius:8px;flex:none}
.pt-name b{font-size:14.5px;font-weight:700;color:var(--ink);display:block}
.pt-name small{font-size:11.5px;color:var(--faint)}
.pr2-logos{display:flex;flex:none}.pr2-logos img{width:30px;height:30px;object-fit:contain;border-radius:7px}.pr2-logos img:last-child{margin-left:-9px}
.paytable td.pt-arr{color:var(--acc);font-weight:700;font-variant-numeric:tabular-nums}
/* 支持钱包 —— 置于左列 CTA 下方 */
.paytrust{margin:30px 0 26px;padding-top:28px;border-top:1px solid var(--line)}
/* FAQ */
.lfaq{max-width:820px;margin:0 auto;border-top:1px solid var(--line)}
.faq{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 6px;font-size:16px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .2s}
.faq summary:hover{color:var(--acc)}
.faq summary::-webkit-details-marker{display:none}
.fqi{color:var(--acc);font-size:24px;font-weight:400;line-height:1;transition:transform .25s;flex:none}
.faq[open] .fqi{transform:rotate(45deg)}
.faqa{padding:0 6px 22px;color:var(--muted);font-size:14px;line-height:1.75;max-width:72ch}
.faqgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;margin:46px 0 0;border-top:1px solid var(--line)}
@media(max-width:760px){.faqgrid{grid-template-columns:1fr}}
.faqfoot{text-align:center;margin-top:40px}.faqfoot .flink{display:inline-flex}
.faqcta{text-align:center;margin-top:26px;color:var(--faint);font-size:14px}
.faqcta a{color:var(--acc);text-decoration:none;font-weight:700}.faqcta a:hover{text-decoration:underline}
/* 滚动渐入 */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none}}
/* 服务彩卡 */
.lserv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
@media(max-width:860px){.lserv{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.lserv{grid-template-columns:1fr}}
.t-purple .sico{background:rgba(195,155,255,.1);border:1px solid rgba(195,155,255,.3);color:#c39bff}.t-purple .sstat,.t-purple .sgo{color:#c39bff}.t-purple:hover{border-color:rgba(195,155,255,.5);box-shadow:0 20px 48px rgba(0,0,0,.5)}
/* 数据带 */
.lstatband{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:46px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.lstatband>div{position:relative}
.lstatband>div+div::before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.06),transparent)}
@media(max-width:720px){.lstatband{grid-template-columns:repeat(2,1fr);gap:34px 16px;border:none;padding:20px 0}.lstatband>div+div::before{display:none}}
.lstatband .bn{font-size:clamp(24px,3vw,34px);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.lstatband .bn em{color:var(--acc);font-style:normal}
.lstatband .bn .bu{font-size:.46em;color:var(--muted);font-weight:600;margin-left:2px;letter-spacing:0}
.lstatband .bl{font-size:11px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-top:9px}
/* 三步 */
/* 通用左右结构(左 引导 / 右 内容) */
.lr{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}
.lr>*{min-width:0}
.lr.rev{grid-template-columns:1.18fr .82fr}
.lr.rev .lr-side{order:2}.lr.rev .lr-main{order:1}
@media(max-width:820px){.lr,.lr.rev{grid-template-columns:1fr;gap:34px}.lr.rev .lr-side,.lr.rev .lr-main{order:0}}
.lr-side .fh2{margin-top:14px}.lr-side .fdesc{margin-bottom:26px}
/* 步骤(右侧竖排,大数字) */
/* FAQ 左右 */
.lr .lfaq{max-width:none;margin:0;border-top:1px solid var(--line)}
/* 热门合集 网格 + Tab */
.colhead{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:40px}
/* 筛选器与会员时长切换统一为同一套分段控件 */
.coltabs{display:flex;gap:5px;flex-wrap:wrap}
.coltab,.ttab{padding:8px 18px;border-radius:999px;border:0;background:transparent;color:var(--muted);font-size:13.5px;font-weight:700;cursor:pointer;transition:color .2s,background .2s;font-family:inherit;white-space:nowrap}
.coltab:hover,.ttab:hover{color:var(--ink)}
.coltab.on,.ttab.on{background:rgba(var(--acc-rgb),.13);color:var(--acc)}
.center-tabs{width:fit-content;flex-wrap:nowrap;margin:34px auto 10px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)}
@media(max-width:520px){.center-tabs{flex-wrap:wrap;border-radius:12px}}
/* 扇形 coverflow */
.fanrow{position:relative;width:100%;height:418px;margin-top:8px;perspective:1900px;perspective-origin:50% 46%;overflow:hidden}
.fanrow .colcard{position:absolute;left:50%;top:50%;margin-left:-130px;width:260px;transform-origin:center center;transition:transform .7s cubic-bezier(.38,.1,.2,1),opacity .55s,box-shadow .3s;box-shadow:0 30px 64px rgba(0,0,0,.66);cursor:pointer;will-change:transform,opacity;background:var(--card);border:1px solid var(--card-line)}
.fanrow .colcard.hide{display:none}
.fanrow .colcard:hover{box-shadow:0 26px 62px rgba(0,0,0,.7),0 0 30px rgba(var(--acc-rgb),.12)}
@media(max-width:820px){.fanrow{position:static!important;width:auto!important;left:auto!important;right:auto!important;margin:8px 0 0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px;perspective:none!important;overflow:visible!important}.fanrow .colcard{position:static!important;transform:none!important;opacity:1!important;width:auto;box-shadow:0 14px 32px rgba(0,0,0,.5)!important;top:auto;left:auto}}

.colgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.colgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.colgrid{grid-template-columns:repeat(2,1fr)}}
.colcard{border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));text-decoration:none;transition:transform .3s;display:block}
.colcard:hover{transform:translateY(-6px)}
.colcard.hide{display:none}
.colimg{position:relative;aspect-ratio:1;overflow:hidden;background:#0a0c09}
.colimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.colcard:hover .colimg img{transform:scale(1.06)}
.colimg .giftanim{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .5s}
.colimg .giftanim svg{width:88%!important;height:88%!important}
.colcard:hover .colimg .giftanim{transform:scale(1.06)}
.coltag{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(7,19,10,.72);color:var(--acc);backdrop-filter:blur(4px)}
@media(max-width:640px){.fanrow .colbody{padding:8px 9px 10px}.fanrow .colnm{font-size:12px}.fanrow .colmeta{margin-top:6px;padding-top:6px;flex-wrap:wrap;gap:2px 6px}.fanrow .colmeta span{font-size:11px}.fanrow .colmeta b{font-size:11.5px}.fanrow .coltag{font-size:10.5px;padding:2px 7px;top:7px;left:7px}}
.colbody{padding:13px 15px 15px}
.colnm{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.colmeta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.colmeta span{font-size:11.5px;color:var(--faint);display:inline-flex;align-items:center}
.colmeta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--acc);margin-right:6px;box-shadow:0 0 5px rgba(var(--acc-rgb),.8);animation:livedot 2s ease-in-out infinite}
.colmeta b{color:var(--acc);font-size:14px;font-variant-numeric:tabular-nums}.colmeta i{font-style:normal;font-size:11px;color:var(--muted);font-weight:400}
/* 会员三档堆叠(可点击切换) */
.tierstack{position:relative;height:468px;display:flex;align-items:center;justify-content:center;perspective:1300px;perspective-origin:50% 50%}
.tiercard{position:absolute;left:50%;top:50%;width:260px;border-radius:12px;padding:30px 22px 24px;background:linear-gradient(180deg,#14170f,#0a0c09);border:1px solid #24291f;box-shadow:0 26px 58px rgba(0,0,0,.6);cursor:pointer;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .4s,opacity .4s;text-align:center}
.tc-anim{width:72%;aspect-ratio:1;margin:18px auto 16px}.tc-anim svg{width:100%!important;height:100%!important}
.tc-price{position:absolute;top:18px;right:20px;font-size:23px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
/* 左位卡价格移到外侧上角，避免被居中前卡遮挡 */
.pos-left .tc-price{left:20px;right:auto}
.tiercard.best .tc-price{color:var(--acc)}
.tc-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;margin-top:4px}
.tc-mo{font-size:19px;font-weight:700;color:var(--ink)}
/* 时长切换按钮：联动右侧档位介绍与 CTA（价格已在卡片上，不赘述） */
.tier-tabs{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);margin:18px 0 2px}



#premDesc{min-height:3.2em}
@keyframes ppbump{0%{opacity:.3;transform:translateY(4px)}100%{opacity:1;transform:none}}
#premDesc.bump{animation:ppbump .34s ease}
.flink #ppCta{font-weight:700}
.tc-pr{font-size:32px;font-weight:700;color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.tc-feat{font-size:12.5px;color:var(--faint);margin-top:8px}
.tc-plan{font-size:12px;color:var(--faint);margin-top:9px;letter-spacing:.04em}
.tc-cardpr{font-size:30px;font-weight:700;color:var(--ink);margin-top:8px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.tiercard.best .tc-cardpr{color:var(--acc)}
.tc-save{font-size:12.5px;color:var(--faint);margin-top:8px}
.tiercard.best .tc-save{color:var(--acc);font-weight:700}
.prem-sel{margin:2px 0 22px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(var(--acc-rgb),.04);font-size:14px;color:var(--muted)}
.prem-sel b{color:var(--ink);font-weight:700}
.prem-sel em{font-style:normal;color:var(--acc);font-weight:700;margin-left:8px}
.prem-price{display:flex;align-items:center;gap:14px;margin:2px 0 24px}
.prem-price .pp-pr{font-size:44px;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;transition:opacity .2s}
.prem-price .pp-meta{display:flex;flex-direction:column;gap:3px}
.prem-price .pp-meta i{font-style:normal;font-size:14px;color:var(--ink);font-weight:700}
.prem-price .pp-meta em{font-style:normal;font-size:12px;color:var(--faint)}
.ffeat.perks{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;margin-bottom:28px}
@media(max-width:520px){.ffeat.perks{grid-template-columns:1fr}}
.tc-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;color:#07130a;background:var(--acc);border-radius:999px;padding:3px 12px;white-space:nowrap;z-index:2}
.pos-front{transform:translate(-50%,-54%) rotate(0deg) rotateY(0deg) scale(1);z-index:3;opacity:1}
.pos-left{transform:translate(calc(-50% - 168px),calc(-50% + 6px)) rotate(-9deg) rotateY(15deg) scale(.86);z-index:1;opacity:.9}
.pos-right{transform:translate(calc(-50% + 168px),calc(-50% + 6px)) rotate(9deg) rotateY(-15deg) scale(.86);z-index:2;opacity:.9}
.bigstat{display:flex;align-items:baseline;gap:12px;margin:4px 0 28px}
.bigstat b{font-size:40px;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.bigstat b em{font-style:normal}
.bigstat i{font-style:normal;font-size:26px;color:var(--line);font-weight:300}
.bigstat span{font-size:13px;color:var(--faint)}
.tiercard.best.pos-front{border-color:rgba(var(--acc-rgb),.42);box-shadow:0 30px 64px rgba(0,0,0,.6),0 0 34px rgba(var(--acc-rgb),.16)}
.tiercard.best .tc-pr{color:var(--acc)}
.tiercard:not(.pos-front):hover{opacity:.8}
@media(max-width:820px){.tierstack{height:360px;perspective:1000px;overflow:hidden}.tiercard{width:186px;padding:20px 14px 16px}.tiercard .tc-anim{width:64%;margin:10px auto 10px}.pos-front{transform:translate(-50%,-54%) rotate(0deg) rotateY(0deg) scale(1)}.pos-left{transform:translate(calc(-50% - 94px),calc(-50% + 6px)) rotate(-9deg) rotateY(15deg) scale(.8)}.pos-right{transform:translate(calc(-50% + 94px),calc(-50% + 6px)) rotate(9deg) rotateY(-15deg) scale(.8)}}
@media(max-width:400px){.tierstack{height:330px}.tiercard{width:164px}.pos-left{transform:translate(calc(-50% - 82px),calc(-50% + 6px)) rotate(-9deg) rotateY(15deg) scale(.78)}.pos-right{transform:translate(calc(-50% + 82px),calc(-50% + 6px)) rotate(9deg) rotateY(-15deg) scale(.78)}}
/* 号码数据面板 */
.numpanel{border-radius:14px;padding:26px 28px;background:linear-gradient(180deg,rgba(21,24,20,.6),rgba(10,12,10,.32));border:1px solid transparent}
.np-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.np-ic{width:44px;height:44px;border-radius:12px;background:rgba(var(--acc-rgb),.12);color:var(--acc);display:grid;place-items:center;flex:none}.np-ic svg{width:24px;height:24px}
.np-t{font-size:15px;font-weight:700;color:var(--ink)}.np-s{font-size:12px;color:var(--faint);margin-top:2px}
.np-live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--acc);letter-spacing:.1em;white-space:nowrap}
.np-live i{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 7px var(--acc);animation:livedot 1.5s ease-in-out infinite}
.np-ic{border-radius:12px}.np-htext{flex:1;min-width:0}
.np-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 0;border-bottom:1px solid var(--line);text-align:center}
.np-stats span{font-size:11px;color:var(--faint);display:block;margin-bottom:8px;letter-spacing:.04em}
.np-stats b{font-size:26px;font-weight:700;color:var(--ink);display:block;line-height:1;font-variant-numeric:tabular-nums}
.np-listhead{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--faint);margin:22px 0 2px}
.np-listhead span{color:var(--acc);font-weight:700}
.np-vwrap{overflow:hidden}
.np-vlist{display:flex;flex-direction:column;will-change:transform}
@keyframes npfresh{0%{background:color-mix(in srgb,var(--acc) 15%,transparent)}100%{background:transparent}}
.nprow.fresh{animation:npfresh 1.3s ease}
.nprow{display:flex;align-items:center;gap:13px;padding:13px 10px;margin:0 -10px;border-radius:10px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;cursor:pointer;transition:background .2s}
.nprow:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.nprow:hover .nprow-num{color:var(--acc-bright)}
.np-vlist .nprow:last-child{border-bottom:none}
.nprow-ic{width:36px;height:36px;border-radius:10px;background:rgba(var(--acc-rgb),.14);color:var(--acc);display:grid;place-items:center;flex:none}.nprow-ic svg{width:20px;height:20px}
.nprow-num{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.03em}
.nprow-pill{font-size:11px;color:var(--acc);background:rgba(var(--acc-rgb),.12);border-radius:999px;padding:3px 11px}
.nprow-pr{margin-left:auto;color:var(--ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.nprow-pr i{font-style:normal;font-size:11px;color:var(--muted);font-weight:400}

/* —— 图标/动画 override —— */

.nav a .i{width:1.8cqw;height:1.8cqw;flex:none;display:inline-flex;align-items:center;color:var(--acc)}
.nav a .i svg{width:100%;height:100%}
.svc .ic{width:3.6cqw;height:3.6cqw;color:var(--acc);font-size:0;display:inline-flex}
.svc .ic svg{width:100%;height:100%}
.starbig{width:31cqw;height:31cqw;display:inline-flex;animation:breatheGold 4.2s ease-in-out infinite}
.starbig svg,.mkbig{width:100%;height:100%;object-fit:contain}
.prem .crown{width:15cqw;height:15cqw;filter:drop-shadow(0 8px 26px rgba(168,107,255,.5))}
.premimg{width:100%;height:100%;object-fit:contain}
.tonmark{width:23cqw!important;height:23cqw!important;display:inline-flex;animation:breatheBlue 5s ease-in-out infinite}
.tonmark svg,.tonsvg{width:100%;height:100%;display:block}
.ni{width:100%;height:100%}
@keyframes breatheGold{0%,100%{filter:drop-shadow(0 10px 30px rgba(255,150,50,.32))}50%{filter:drop-shadow(0 15px 50px rgba(255,165,65,.72))}}
@keyframes breatheBlue{0%,100%{filter:drop-shadow(0 10px 28px rgba(58,168,240,.4))}50%{filter:drop-shadow(0 15px 46px rgba(95,195,255,.8))}}
.mkbig{transform-origin:50% 50%;animation:starturn 22s linear infinite}
@keyframes starturn{to{transform:rotate(360deg)}}
.mkbig .spk{transform-box:fill-box;transform-origin:center;animation:twk 2.6s ease-in-out infinite}
@keyframes twk{0%,100%{opacity:.22;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}
.mkbig .stpulse{transform-box:fill-box;transform-origin:center;animation:stpulse 3.4s ease-in-out infinite}
@keyframes stpulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.06) rotate(3deg)}}
.tonsvg .ff{opacity:0;mix-blend-mode:screen;animation:ffk 3.3s ease-in-out infinite}
@keyframes ffk{0%,100%{opacity:0}45%{opacity:.5}}
.tonsvg{transform-origin:center;animation:gemturn 8s ease-in-out infinite}
@keyframes gemturn{0%{transform:perspective(460px) rotateY(-42deg)}50%{transform:perspective(460px) rotateY(42deg)}100%{transform:perspective(460px) rotateY(-42deg)}}
@media (prefers-reduced-motion:reduce){.spk,.ff,.mkbig,.tonsvg,.stpulse{animation:none!important}.tonsvg{transform:none!important}}
.giftanim{width:96%;height:96%}
.giftanim svg{width:100%!important;height:100%!important}
/* 号码自动上滚 ticker */
.numcol{overflow:hidden;justify-content:center!important}
.numwin{width:100%;height:42cqw;overflow:hidden;-webkit-mask:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
.numscroll{display:block;animation:numscroll 15s linear infinite}
.numscroll .row{margin-bottom:.9cqw}
@keyframes numscroll{to{transform:translateY(-50%)}}
.numcol:hover .numscroll{animation-play-state:paused}
/* 支付 logo 保持静止(去俗·去掉无意义浮动) */
@media (prefers-reduced-motion:reduce){.starbig,.tonmark{animation:none!important}.sheen{display:none}}

main{overflow-x:clip}