:root{--bg:#12132a;--card:#20214a;--text:#f6f4ff;--muted:#aeb2d4;--gold:#ffc83d;--pink:#ff5fa2;--line:#373966}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#423478,transparent 35%),var(--bg);font:16px system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--text)}main{max-width:520px;margin:auto;padding:24px 18px 40px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1,h2,p{margin:0}h1{font-size:25px}h2{font-size:20px;margin-bottom:12px}small,p,label{color:var(--muted)}.balance,.card,.stats article{background:rgba(32,33,74,.9);border:1px solid var(--line);box-shadow:0 12px 36px #08081755}.balance{padding:10px 13px;border-radius:20px;color:var(--gold);font-weight:800;border:1px solid var(--line)}.card{border-radius:24px;padding:24px;margin-bottom:18px}.gate{text-align:center;padding:32px 24px}.icon{font-size:50px;color:var(--gold);margin-bottom:8px}.gate p{margin:12px 0 22px}.primary,.secondary,.link{display:block;width:100%;border:0;border-radius:15px;padding:15px 18px;font-weight:800;font-size:16px;text-align:center;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold),#ff9147);color:#352000}.secondary{background:#30325d;color:#fff;margin-top:10px}.link{background:none;color:#c7caff}.hero{text-align:center;margin:12px 0 6px}.hero span,.hero small{display:block;color:var(--muted)}.hero strong{font-size:58px;line-height:1.1;color:var(--gold)}#tap{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto;width:210px;height:210px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffe474,#ffb020 52%,#ec6e20);box-shadow:0 12px 0 #b64b1a,0 22px 38px #0007;cursor:pointer;transition:.08s;color:#59220c;font-weight:900}#tap:active{transform:translateY(10px);box-shadow:0 3px 0 #b64b1a,0 10px 20px #0007}#tap span{font-size:86px;line-height:.95}#tap i{font-style:normal}.energy{margin:30px 5px 18px}.energy div{display:flex;justify-content:space-between;margin-bottom:8px}.energy b{color:var(--gold)}progress{width:100%;height:12px;accent-color:var(--pink)}.rank{display:flex;justify-content:space-between}.rank b{color:var(--gold)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;transition:.25s;background:#fff;color:#20214a;padding:12px 18px;border-radius:14px;box-shadow:0 8px 30px #0007;white-space:nowrap}.show{opacity:1!important;transform:translate(-50%,0)!important}ol{padding:0;margin:0;list-style:none}li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}li b{color:var(--gold)}.form{display:grid;gap:10px}.form p{line-height:1.5}.form input{width:100%;background:#151633;border:1px solid var(--line);border-radius:12px;padding:13px;color:#fff;font-size:16px}.form label{font-size:14px;margin-top:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.stats article{border-radius:16px;padding:16px}.stats b{display:block;color:var(--gold);font-size:22px;margin-top:5px}@media(max-width:370px){.stats{grid-template-columns:1fr}.hero strong{font-size:48px}}