:root{color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;background:#070a12;color:#f8fafc}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 12%,rgba(36,211,255,.18),transparent 28rem),radial-gradient(circle at 82% 10%,rgba(34,197,94,.13),transparent 24rem),radial-gradient(circle at 72% 62%,rgba(255,64,128,.12),transparent 32rem),linear-gradient(135deg,#05070d,#101426 48%,#08130f)}button,a{font:inherit}canvas{display:block}.site{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:18px 0 56px}.top-nav{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#050a14c7;box-shadow:0 18px 50px #00000052;backdrop-filter:blur(18px)}.brand-mark{font-size:22px;font-weight:900;letter-spacing:0}.nav-links{display:flex;gap:22px;flex-wrap:wrap}.nav-links a,.secondary-button{color:#dbeafe;text-decoration:none;font-weight:800}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;align-items:stretch;padding:44px 0 26px}.hero__copy,.hero__panel,.game-card,.info-grid article,.ad-slot{border:1px solid rgba(255,255,255,.13);background:#080f1cc7;box-shadow:0 24px 70px #0000004d;backdrop-filter:blur(16px)}.hero__copy{padding:42px;border-radius:22px}.hero__panel{display:grid;align-content:center;gap:12px;padding:32px;border-radius:22px}.eyebrow{margin:0 0 10px;color:#67e8f9;font-size:14px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:16px;font-size:clamp(42px,7vw,84px);line-height:1}h2{font-size:clamp(28px,4vw,44px)}h3{font-size:32px}p{color:#cbd5e1;line-height:1.75}.ad-slot{display:grid;min-height:72px;place-items:center;border-radius:18px;color:#94a3b8;font-weight:900}.ad-slot--hero{margin-top:18px}.ad-slot--small{min-height:40px;min-width:180px;padding:0 16px;border-radius:12px}.game-card{display:grid;grid-template-columns:minmax(300px,.95fr) 1fr;gap:28px;overflow:hidden;margin:24px 0;border-radius:22px}.game-card__cover{min-height:330px;background-position:center;background-size:cover}.game-card__content{display:grid;align-content:center;padding:34px 34px 34px 0}.game-card--fighter .game-card__cover{background-image:linear-gradient(90deg,#0307122e,#030712b3),url(/assets/stages/night-rooftop/menu-card.png)}.game-card--jade .game-card__cover{background:radial-gradient(circle at 44% 38%,rgba(52,211,153,.9),rgba(6,95,70,.36) 24%,transparent 38%),radial-gradient(circle at 74% 62%,rgba(234,179,8,.38),transparent 32%),linear-gradient(135deg,#07130f,#10251d 42%,#23180b)}.button-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.primary-button,.secondary-button,.ghost-button{min-height:46px;border:0;border-radius:14px;padding:0 22px;cursor:pointer}.primary-button{color:#fff;font-weight:900;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 14px 34px #3b82f64d}.primary-button--green{background:linear-gradient(135deg,#059669,#65a30d);box-shadow:0 14px 34px #10b98142}.secondary-button,.ghost-button{display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:#ffffff12}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.info-grid article{min-height:180px;padding:24px;border-radius:18px}.game-shell{display:grid;grid-template-rows:auto 1fr;width:100vw;height:100vh;overflow:hidden;background:#020617}.game-shell__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#020617eb}.game-shell__bar strong{display:block;font-size:18px}.game-shell__bar span{color:#94a3b8;font-size:13px}.game-viewport{width:100%;height:calc(100vh - 64px);display:grid;place-items:center;overflow:hidden}.portrait-tip{position:fixed;inset:auto 16px 16px;display:none;min-height:44px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#030712b8;color:#e0f2fe;font-size:15px;font-weight:800;backdrop-filter:blur(18px);pointer-events:none}@media (max-width: 820px){.site{width:min(100% - 18px,560px)}.top-nav,.hero,.game-card,.info-grid{grid-template-columns:1fr}.top-nav{position:static;align-items:flex-start}.game-card__cover{min-height:230px}.game-card__content{padding:26px}.game-shell__bar{align-items:flex-start;flex-wrap:wrap;min-height:92px}.game-viewport{height:calc(100vh - 92px)}}@media (orientation: portrait) and (max-width: 820px){.portrait-tip{display:grid}}