:root{--pink: #ff2d78;--cyan: #22d3ee;--purple: #a855f7;--bg: #05060e;--panel: rgba(20, 24, 44, .72);--line: rgba(255, 45, 120, .22)}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:#eef2fa;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:16px 36px;background:#05060ec7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.logo{font-size:19px;font-weight:900;letter-spacing:.06em}.logo span{margin-left:10px;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.links{display:flex;gap:4px;align-items:center}.links a{padding:8px 16px;color:#aab4cc;font-size:14px;border-radius:8px;transition:all .18s}.links a:hover{color:#fff;text-shadow:0 0 14px var(--cyan)}.links a.cta{color:#06131a;font-weight:800;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 18px #22d3ee59}.hero{min-height:100vh;display:flex;align-items:center;background:url(/art/cyber-city.png) center / cover no-repeat;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05060eeb,#05060e8c 45%,#05060e40)}.hero-inner{position:relative;padding:120px 8vw;max-width:900px}.tag{display:inline-block;padding:7px 16px;font-size:12px;letter-spacing:.3em;color:var(--cyan);border:1px solid rgba(34,211,238,.4);border-radius:4px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#22d3ee14}h1{font-size:clamp(52px,8vw,116px);font-weight:900;line-height:1;margin:24px 0 18px;letter-spacing:-.02em;text-shadow:0 0 30px rgba(34,211,238,.35)}h1 .neon{display:block;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,45,120,.5))}.lead{color:#b8c2da;font-size:18px;line-height:1.9;max-width:560px}.btns{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.btns.center{justify-content:center}.btn{padding:15px 30px;font-weight:800;font-size:16px;border-radius:6px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:all .18s;display:inline-block}.btn.neon{background:linear-gradient(90deg,var(--cyan),var(--pink));color:#0a0e1a;box-shadow:0 0 26px #ff2d7866}.btn.neon:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff2d7899}.btn.ghost{border:1px solid var(--line);color:#dfe6f5;background:#ffffff0a}.hero-stats{display:flex;gap:40px;margin-top:46px}.hero-stats b{display:block;font-size:30px;color:var(--cyan);text-shadow:0 0 16px rgba(34,211,238,.5)}.hero-stats span{color:#8b96b5;font-size:12px;letter-spacing:.1em}.section{max-width:1150px;margin:0 auto;padding:80px 24px 20px}.section h2{font-size:34px;font-weight:900;margin-bottom:34px;letter-spacing:.04em;color:var(--pink);text-shadow:0 0 20px rgba(255,45,120,.4)}.section h2 span{color:#5b6580;font-size:14px;letter-spacing:.3em;margin-left:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);padding:26px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:all .2s}.card:hover{border-color:var(--cyan);box-shadow:0 0 26px #22d3ee26;transform:translateY(-3px)}.card i{font-size:34px;font-style:normal}.card h3{margin:12px 0 8px;font-size:19px;color:#fff}.card p{color:#93a0bf;font-size:14px;line-height:1.8}.tomo{border:1px solid var(--line);background:var(--panel)}.tomo-row{display:flex;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.tomo-row:last-child{border-bottom:0}.tomo-row span{color:#8b96b5}.tomo-row b{color:var(--cyan);font-family:ui-monospace,monospace}.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.phase{padding:22px;background:var(--panel);border-left:3px solid #3a4260;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.phase.on{border-left-color:var(--cyan);box-shadow:0 0 20px #22d3ee1f}.phase b{color:var(--cyan);font-size:14px;letter-spacing:.08em}.phase p{color:#93a0bf;font-size:13px;margin-top:8px;line-height:1.7}.join{text-align:center;padding:90px 24px}.join h2{font-size:44px;font-weight:900;text-shadow:0 0 24px rgba(34,211,238,.4)}.join p{color:#93a0bf;margin:14px 0 0}footer{text-align:center;color:#5b6580;font-size:12px;padding:30px;border-top:1px solid var(--line);letter-spacing:.08em}.game-box{background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);padding:26px;margin-bottom:26px;box-shadow:0 0 30px #ff2d780f inset}.game-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.game-head h3{font-size:22px;text-shadow:0 0 16px rgba(34,211,238,.35)}.game-sub{color:#8b96b5;font-size:13px;margin-top:6px}.game-stats{display:flex;gap:26px;flex-wrap:wrap}.game-stats b{display:block;font-size:20px;color:var(--cyan);font-family:ui-monospace,monospace}.game-stats span{color:#8b96b5;font-size:11px;letter-spacing:.08em}.game-actions{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}.game-warn{color:var(--pink);font-size:13px}.game-ca{margin-top:16px;color:#5b6580;font-size:12px;word-break:break-all}.game-ca a{color:var(--cyan)}.hunt-result{margin-top:18px;padding:16px 20px;border-radius:10px}.hunt-result.win{background:#22d3ee1a;border:1px solid rgba(34,211,238,.45);box-shadow:0 0 24px #22d3ee26}.hunt-result.win strong{color:var(--cyan);font-size:20px}.hunt-result.lose{background:#ff2d7814;border:1px solid rgba(255,45,120,.4)}.hunt-result.lose strong{color:var(--pink);font-size:20px}.hunt-result p{color:#aab4cc;font-size:13px;margin-top:6px}.play-cta{background:linear-gradient(90deg,var(--pink),var(--purple));color:#0a0e1a;font-weight:800;box-shadow:0 0 18px #a855f766}@media (max-width: 800px){.nav{padding:12px 16px}.links a:not(.cta){display:none}.hero-inner{padding:110px 22px 60px}.hero-stats{gap:24px}}