/* ============================================================
   游戏轮椅 GWC · 站点设计系统（赛博朋克 glitch）
   ============================================================ */
:root{
  --bg:#0a0b0d; --bg2:#101218; --panel:#14171f; --panel2:#1a1e27;
  --line:#262b36; --line2:#333a48;
  --txt:#e7ebf2; --txt2:#aab3c2; --txt3:#7a8392;
  --cyan:#00e5ff; --mag:#ff2bd6; --gold:#e8c66b; --grn:#36e0a0; --red:#ff5470; --amber:#ffb648;
  --nav-h:62px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--cyan);text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.tcenter{text-align:center}
.muted{color:var(--txt2)}

/* ---- 霓虹背景网格 ---- */
.bg-grid{position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(1100px 600px at 80% -10%, rgba(255,43,214,.10), transparent 60%),
    radial-gradient(1000px 600px at 0% 0%, rgba(0,229,255,.10), transparent 55%),
    var(--bg);}
.bg-grid:after{content:"";position:absolute;inset:0;opacity:.05;
  background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 50% 30%,#000,transparent 80%)}

/* ---- 顶部导航 ---- */
.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);backdrop-filter:blur(10px);
  background:rgba(10,11,13,.72);border-bottom:1px solid var(--line)}
.nav .wrap{height:100%;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px;color:#fff}
.brand .logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:900;color:#06070a;
  background:linear-gradient(135deg,var(--cyan),var(--mag));box-shadow:0 0 16px rgba(0,229,255,.4)}
.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--txt3);font-weight:600}
.nav .links{display:flex;gap:6px;margin-left:14px}
.nav .links a{color:var(--txt2);font-size:14.5px;padding:8px 12px;border-radius:8px}
.nav .links a:hover,.nav .links a.active{color:#fff;background:#171b24}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:10px}
.navtoggle{display:none;margin-left:auto;background:none;border:1px solid var(--line2);color:var(--txt);
  border-radius:8px;padding:7px 11px;font-size:18px;cursor:pointer}

/* ---- 按钮 ---- */
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;cursor:pointer;
  font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:10px;border:1px solid transparent;
  transition:transform .12s ease, box-shadow .2s ease, background .2s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(135deg,var(--cyan),#0bb6d6);color:#04181d;box-shadow:0 6px 22px rgba(0,229,255,.28)}
.btn-primary:hover{box-shadow:0 8px 30px rgba(0,229,255,.45)}
.btn-mag{background:linear-gradient(135deg,var(--mag),#c01ea6);color:#fff;box-shadow:0 6px 22px rgba(255,43,214,.28)}
.btn-ghost{background:transparent;border-color:var(--line2);color:var(--txt)}
.btn-ghost:hover{border-color:var(--cyan);color:#fff}
.btn-sm{padding:8px 14px;font-size:13.5px}
.btn-block{display:flex;width:100%}

/* ---- 通用区块 ---- */
section.block{padding:70px 0}
.kicker{display:inline-block;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);
  border:1px solid var(--line2);border-radius:999px;padding:5px 14px;margin-bottom:18px}
h1,h2,h3{color:#fff;line-height:1.18;letter-spacing:-.3px}
.h-hero{font-size:clamp(34px,6vw,62px);font-weight:850;margin:0 0 16px}
.grad{background:linear-gradient(120deg,var(--cyan),var(--mag) 55%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
h2.sec{font-size:clamp(26px,4vw,40px);font-weight:820;margin:0 0 10px}
.sec-sub{color:var(--txt2);font-size:17px;max-width:680px;margin:0 auto 38px}

/* ---- 卡片 ---- */
.cards{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
.card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:24px}
.card .ic{font-size:26px;margin-bottom:12px}
.card h3{font-size:18px;margin:0 0 8px}
.card p{color:var(--txt2);font-size:14.5px;margin:0}
.card.cyan{border-color:rgba(0,229,255,.3)} .card.mag{border-color:rgba(255,43,214,.3)} .card.gold{border-color:rgba(232,198,107,.3)}

/* ---- HERO ---- */
.hero{position:relative;padding:84px 0 60px}
.hero .inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero p.lead{font-size:19px;color:var(--txt2);margin:0 0 28px;max-width:560px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-visual{position:relative;aspect-ratio:1/1;border-radius:24px;border:1px solid var(--line);
  background:radial-gradient(circle at 50% 40%,rgba(0,229,255,.12),transparent 60%),linear-gradient(180deg,#0e1117,#0a0b0d);
  display:grid;place-items:center;overflow:hidden}
.hero-visual .ring{position:absolute;border:1px solid rgba(0,229,255,.18);border-radius:50%}
.hero-visual .box3d{font-size:120px;filter:drop-shadow(0 12px 30px rgba(0,229,255,.35))}
.stat-row{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}
.stat b{display:block;font-size:30px;font-weight:850;color:#fff;font-variant-numeric:tabular-nums}
.stat span{font-size:13px;color:var(--txt3)}

/* ---- 功能特性 ---- */
.feat{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.feat .fi{font-size:24px;flex:0 0 auto;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#10141c;border:1px solid var(--line2)}
.feat h3{font-size:16.5px;margin:0 0 4px} .feat p{margin:0;color:var(--txt2);font-size:14px}

/* ---- 规格表 ---- */
.spec{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.spec td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:14.5px}
.spec td:first-child{color:var(--txt3);width:200px} .spec tr:last-child td{border-bottom:none}
.spec tr:nth-child(even) td{background:#0d0f15}

/* ---- 徽章/标签 ---- */
.tag{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.tag.cyan{background:rgba(0,229,255,.13);color:var(--cyan)} .tag.mag{background:rgba(255,43,214,.14);color:var(--mag)}
.tag.gold{background:rgba(232,198,107,.14);color:var(--gold)} .tag.amber{background:rgba(255,182,72,.14);color:var(--amber)}

/* ---- FAQ ---- */
.faq{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.faq details{border-bottom:1px solid var(--line);background:var(--panel)}
.faq details:last-child{border-bottom:none}
.faq summary{padding:16px 20px;cursor:pointer;font-weight:600;color:#fff;list-style:none;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--cyan);font-size:20px}
.faq details[open] summary:after{content:"−"}
.faq .a{padding:0 20px 18px;color:var(--txt2);font-size:14.5px}

/* ---- 预热页 ---- */
.tease{min-height:72vh;display:grid;place-items:center;text-align:center;position:relative}
.countdown{display:flex;gap:14px;justify-content:center;margin:30px 0}
.cd{min-width:78px;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:14px 10px}
.cd b{display:block;font-size:34px;font-weight:850;color:#fff;font-variant-numeric:tabular-nums}
.cd span{font-size:11px;color:var(--txt3);letter-spacing:1px}
.glitch{position:relative;color:#fff}
.glitch:before,.glitch:after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.glitch:before{color:var(--cyan);transform:translate(-2px,0);clip-path:inset(0 0 55% 0);opacity:.7}
.glitch:after{color:var(--mag);transform:translate(2px,0);clip-path:inset(55% 0 0 0);opacity:.7}

/* ---- 表单 ---- */
.form{max-width:420px;margin:0 auto;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:18px;padding:30px}
.form h2{font-size:24px;margin:0 0 6px} .form .sub{color:var(--txt3);font-size:14px;margin:0 0 22px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;color:var(--txt2);margin-bottom:6px}
.field input{width:100%;background:#0d1016;border:1px solid var(--line2);border-radius:10px;padding:12px 14px;color:#fff;font-size:15px}
.field input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.12)}
.form .hint{font-size:12.5px;color:var(--txt3);margin-top:4px}
.msg{padding:11px 14px;border-radius:10px;font-size:14px;margin-bottom:16px;display:none}
.msg.err{display:block;background:rgba(255,84,112,.12);border:1px solid rgba(255,84,112,.4);color:#ffb1bf}
.msg.ok{display:block;background:rgba(54,224,160,.12);border:1px solid rgba(54,224,160,.4);color:#9af2d0}

/* ---- 页脚 ---- */
footer.ft{border-top:1px solid var(--line);padding:40px 0 60px;margin-top:40px;color:var(--txt3);font-size:13.5px}
footer.ft .cols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:24px}
footer.ft a{color:var(--txt2)} footer.ft a:hover{color:#fff}
footer.ft .col b{color:#fff;display:block;margin-bottom:10px;font-size:14px}
footer.ft .col a{display:block;margin:5px 0}

/* ---- 工具 ---- */
.divider{height:1px;background:var(--line);margin:0}
.pill-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.notice{border-left:3px solid var(--cyan);background:#0d141a;border-radius:0 10px 10px 0;padding:12px 16px;color:var(--txt2);font-size:14px}

/* ---- 响应式 ---- */
@media(max-width:860px){
  .hero .inner{grid-template-columns:1fr;gap:28px}
  .hero-visual{max-width:380px;margin:0 auto;width:100%}
  .g2,.g3,.g4{grid-template-columns:1fr}
  .nav .links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;
    background:#0c0e13;border-bottom:1px solid var(--line);padding:10px;gap:2px}
  .nav .links.open{display:flex}
  .nav .links a{padding:12px}
  .navtoggle{display:block}
  .nav .right .btn{display:none}
  section.block{padding:50px 0}
}

/* ============ 用户中心 ============ */
.uwrap{max-width:1100px;margin:0 auto;padding:30px 20px;display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}
.uside{position:sticky;top:80px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}
.uside .me{display:flex;align-items:center;gap:10px;padding:8px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:10px}
.uside .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--mag));display:grid;place-items:center;color:#06070a;font-weight:800}
.uside .me b{color:#fff;font-size:14px} .uside .me span{font-size:12px;color:var(--txt3)}
.uside a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;color:var(--txt2);font-size:14.5px}
.uside a:hover{background:#171b24;color:#fff} .uside a.active{background:#13202a;color:var(--cyan)}
.ucard{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}
.ucard h3{font-size:16px;margin:0 0 14px}
.vipcard{position:relative;overflow:hidden;border:1px solid rgba(232,198,107,.35);
  background:radial-gradient(circle at 90% 0%,rgba(232,198,107,.16),transparent 55%),linear-gradient(180deg,var(--panel),var(--bg2))}
.vipcard .lvl{font-size:26px;font-weight:850;color:#fff}
.ustats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ustat{background:#0e1219;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.ustat b{display:block;font-size:24px;color:#fff;font-variant-numeric:tabular-nums} .ustat span{font-size:12px;color:var(--txt3)}
.ledger{width:100%;border-collapse:collapse;font-size:13.5px}
.ledger td{padding:9px 6px;border-bottom:1px solid var(--line)} .ledger tr:last-child td{border-bottom:none}
.ledger .plus{color:var(--grn)} .ledger .minus{color:var(--red)}
.copyrow{display:flex;gap:8px;flex-wrap:wrap}
.copyrow input{flex:1;min-width:200px;background:#0d1016;border:1px solid var(--line2);border-radius:10px;padding:11px 13px;color:#fff}
@media(max-width:820px){.uwrap{grid-template-columns:1fr}.uside{position:static}.ustats{grid-template-columns:1fr}}

/* ============================================================
   战术 / 终端 组件（GWC-BOX 页，橙色 HUD 风）
   ============================================================ */
:root{ --acc:#ff6a1f; --acc2:#ff8c42; --term:#0c0f14; --termln:#1c2530; }
.tac{ --cyan:var(--acc); }
.mono{font-family:"SF Mono",ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace}
.scan{position:relative}
.scan:after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px)}
/* HUD 角框 */
.hud{position:relative;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(180deg,#0e1117,#0a0b0d)}
.hud:before,.hud:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--acc)}
.hud:before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-radius:4px 0 0 0}
.hud:after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-radius:0 0 4px 0}
/* 战术 kicker */
.tkick{display:inline-flex;align-items:center;gap:8px;font-family:"SF Mono",monospace;font-size:12px;letter-spacing:2px;
  color:var(--acc);border:1px solid rgba(255,106,31,.35);border-radius:6px;padding:6px 14px;background:rgba(255,106,31,.06)}
.tkick .dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.h-stop{font-size:clamp(48px,9vw,116px);font-weight:850;line-height:.92;letter-spacing:-2px;margin:18px 0 6px;text-transform:uppercase}
.h-stop .o{color:var(--acc);text-shadow:0 0 40px rgba(255,106,31,.45)}
.h-cn{font-size:clamp(22px,3.2vw,34px);font-weight:800;color:#fff;letter-spacing:6px;margin:0 0 22px}
.h-cn b{color:var(--acc)}
/* 遥测面板 */
.term-panel{border:1px solid var(--termln);border-radius:14px;background:var(--term);overflow:hidden}
.term-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--termln);
  font-family:"SF Mono",monospace;font-size:11px;letter-spacing:2px;color:var(--txt3)}
.term-h .led{width:8px;height:8px;border-radius:50%;background:var(--grn);box-shadow:0 0 8px var(--grn)}
.telem{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #141a22;font-family:"SF Mono",monospace}
.telem:last-child{border-bottom:none}
.telem .k{font-size:12px;letter-spacing:1.5px;color:var(--txt3)}
.telem .v{font-size:20px;font-weight:800;color:#fff} .telem .v small{font-size:12px;color:var(--txt3);font-weight:500;margin-left:3px}
.telem .v.acc{color:var(--acc)}
/* SYS LOG 控制台 */
.console{font-family:"SF Mono",monospace;font-size:12.5px;line-height:1.9;padding:14px 16px;color:var(--txt2);min-height:140px}
.console .ln{white-space:nowrap;overflow:hidden}
.console .t{color:var(--txt3)} .console .ok{color:var(--grn)} .console .a{color:var(--acc)}
.console .cur{display:inline-block;width:8px;height:14px;background:var(--acc);vertical-align:-2px;animation:blink 1s steps(1) infinite}
/* 机甲/雷达 视觉 */
.radar{position:relative;aspect-ratio:1/1;display:grid;place-items:center}
.radar .rg{position:absolute;border:1px solid rgba(255,106,31,.16);border-radius:50%}
.radar .cross{position:absolute;inset:0}
.radar .cross:before,.radar .cross:after{content:"";position:absolute;background:rgba(255,106,31,.14)}
.radar .cross:before{left:50%;top:6%;bottom:6%;width:1px} .radar .cross:after{top:50%;left:6%;right:6%;height:1px}
.radar .sweep{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 320deg,rgba(255,106,31,.18) 360deg);animation:spin 4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.radar img{position:relative;z-index:2;width:64%;filter:drop-shadow(0 14px 36px rgba(255,106,31,.28))}
.tagpin{position:absolute;z-index:3;font-family:"SF Mono",monospace;font-size:10.5px;letter-spacing:1px;color:var(--acc);
  border:1px solid rgba(255,106,31,.4);background:rgba(12,15,20,.9);border-radius:5px;padding:3px 8px}
/* 战术按钮 */
.btn-acc{background:var(--acc);color:#160a02;box-shadow:0 6px 22px rgba(255,106,31,.35);border:0}
.btn-acc:hover{background:var(--acc2);box-shadow:0 10px 32px rgba(255,106,31,.5)}
.btn-term{background:transparent;border:1px solid var(--termln);color:var(--txt);font-family:"SF Mono",monospace}
.btn-term:hover{border-color:var(--acc);color:#fff}
/* 模式卡（终端风）*/
.modecard{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0e1117,#0a0b0d);padding:22px;position:relative;overflow:hidden}
.modecard:hover{border-color:rgba(255,106,31,.4)}
.modecard .mc-id{font-family:"SF Mono",monospace;font-size:12px;color:var(--acc);letter-spacing:2px}
.modecard h3{font-size:19px;margin:8px 0 8px}
.modecard .bar{height:4px;border-radius:3px;background:#1a2230;margin-top:14px;overflow:hidden}
.modecard .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}
/* 输入链路 */
.chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.chain .node{flex:1;min-width:150px;text-align:center;border:1px solid var(--line2);border-radius:12px;padding:18px;background:#0e1117}
.chain .node .ic{font-size:26px;margin-bottom:8px}
.chain .node b{display:block;color:#fff} .chain .node small{color:var(--txt3);font-size:12px}
.chain .ar{color:var(--acc);font-size:22px;font-family:monospace}
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.statband .s{background:var(--term);padding:18px;font-family:"SF Mono",monospace}
.statband .s .k{font-size:11px;color:var(--txt3);letter-spacing:1px} .statband .s .v{font-size:18px;color:#fff;font-weight:800;margin-top:4px}
@media(max-width:760px){.statband{grid-template-columns:repeat(2,1fr)}}