:root{--bg:#0f1420;--card:#1a2233;--card2:#222c42;--gold:#f5c451;--gold-dark:#d4a017;--blue:#4a9eff;--green:#35c77b;--red:#ff6b6b;--text:#e8ecf4;--muted:#8b94a8;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}#app{background:var(--bg);max-width:560px;min-height:100vh;margin:0 auto;position:relative}.card{background:var(--card);border-radius:var(--radius);margin:12px 16px;padding:16px}.btn{cursor:pointer;background:var(--gold);color:#2a1e00;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s;display:block}.btn:active{opacity:.8}.btn:disabled{color:var(--muted);cursor:not-allowed;background:#3a4258}.btn.blue{background:var(--blue);color:#fff}.btn.ghost{color:var(--text);background:0 0;border:1px solid #3a4258}.input{background:var(--card2);width:100%;color:var(--text);border:1px solid #3a4258;border-radius:12px;outline:none;padding:13px 14px;font-size:15px}.input:focus{border-color:var(--gold)}.muted{color:var(--muted);font-size:13px}.gold{color:var(--gold)}.num{font-variant-numeric:tabular-nums}.page{padding:12px 0 84px}.page-title{padding:8px 16px;font-size:18px;font-weight:700}.tabbar{width:100%;max-width:560px;padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#131a2b;border-top:1px solid #263050;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{text-align:center;color:var(--muted);flex:1;padding:8px 0;font-size:11px;text-decoration:none}.tabbar a .icon{font-size:20px;display:block}.tabbar a.router-link-active{color:var(--gold)}