.invite-mask[data-v-90267d7a]{z-index:300}.invite-modal[data-v-90267d7a]{text-align:center}:root{--bg: #0b0e1a;--bg-soft: #131829;--card: #171d31;--card-hover: #1d2540;--border: #2a3352;--text: #e8ecf8;--text-dim: #98a2c3;--primary: #5b8cff;--primary-strong: #3f6ef0;--accent: #ffd166;--danger: #ff5c7a;--success: #3ed598;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}#app{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;gap:28px;padding:14px 28px;background:#0b0e1aeb;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-size:18px;font-weight:700;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:18px;flex:1}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:15px}.nav-links a.router-link-active{color:var(--text);font-weight:600}.nav-user{display:flex;gap:10px;align-items:center}.user-chip{color:var(--text-dim);font-size:14px}.app-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:28px 24px 60px}.app-footer{padding:18px 24px;color:var(--text-dim);font-size:13px;text-align:center;border-top:1px solid var(--border)}h1{font-size:28px;margin:0 0 8px}h2{font-size:20px;margin:28px 0 12px}.muted{color:var(--text-dim);font-size:14px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9px;padding:9px 18px;font-size:14px;cursor:pointer;text-decoration:none;transition:all .15s}.btn:hover{background:var(--card-hover)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn.primary:hover{background:var(--primary-strong)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.large{padding:12px 26px;font-size:16px}.hero{padding:44px 36px;border-radius:18px;background:radial-gradient(1000px 300px at 20% -10%,rgba(91,140,255,.25),transparent),radial-gradient(800px 280px at 85% 0%,rgba(255,209,102,.14),transparent),var(--bg-soft);border:1px solid var(--border);margin-bottom:30px}.hero p{max-width:640px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.game-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s}.game-card:hover{transform:translateY(-3px);border-color:var(--primary)}.game-card .cover{height:110px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:44px;background:linear-gradient(135deg,#232b4d,#172038)}.game-card h3{margin:0;font-size:17px}.game-card .tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.tag.hot{color:var(--accent);border-color:#ffd16666}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.form-card{max-width:400px;margin:40px auto}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.field input{width:100%;padding:10px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:14px;outline:none}.field input:focus{border-color:var(--primary)}table.list{width:100%;border-collapse:collapse;font-size:14px}table.list th,table.list td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}table.list th{color:var(--text-dim);font-weight:500;font-size:13px}table.list tr:hover td{background:#ffffff05}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:6px;background:#5b8cff26;color:var(--primary)}.badge.multi{background:#ffd16626;color:var(--accent)}.badge.green{background:#3ed59826;color:var(--success)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#555f80;margin-right:6px}.dot.on{background:var(--success);box-shadow:0 0 6px #3ed598cc}.row{display:flex;gap:12px;align-items:center}.spread{justify-content:space-between}.section{margin-bottom:26px}.toast-stack{position:fixed;top:70px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:10px 16px;border-radius:9px;font-size:14px;background:var(--card);border:1px solid var(--border);box-shadow:0 6px 24px #00000059;animation:slideIn .2s ease-out}.toast.success{border-color:#3ed59880}.toast.error{border-color:#ff5c7a80}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:150}.modal{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px;width:min(440px,90vw)}.modal h3{margin-top:0}.lb-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid var(--border)}.lb-rank{width:30px;font-weight:700;color:var(--text-dim)}.lb-rank.top{color:var(--accent)}.lb-score{margin-left:auto;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}