:root{--bg:#0b0d12;--bg2:#11151d;--panel:#161b25;--panel2:#1d2330;--border:#2a3142;--text:#e8e6df;--muted:#8a93a6;--gold:#d4af37;--gold2:#f4d36b;--accent:#7ad1ff;--good:#4ade80;--bad:#f87171;--warn:#fbbf24}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 800px at 20% -10%,#1a2236 0%,var(--bg) 60%) no-repeat,var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}a{color:var(--accent)}header.site-header{padding:28px 24px 8px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#11151d 0%,transparent 100%)}header.site-header h1{margin:0;font-size:22px;letter-spacing:2px;color:var(--gold2);text-shadow:0 0 12px rgba(212,175,55,.25)}header.site-header p{margin:6px 0 0;color:var(--muted);font-size:13px}nav.tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--bg2);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}nav.tabs a{background:transparent;border:1px solid transparent;color:var(--muted);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;letter-spacing:1px;text-decoration:none}nav.tabs a:hover{color:var(--text)}nav.tabs a.router-link-active{color:var(--gold2);border-color:var(--gold);background:#d4af3714;box-shadow:0 0 0 1px #d4af3726 inset}main{max-width:1280px;margin:0 auto;padding:22px}h2{color:var(--gold2);font-weight:600;letter-spacing:1px;margin:8px 0 14px;font-size:18px}h3{color:var(--text);font-size:15px;margin:18px 0 10px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000040}.card h3{margin-top:0;display:flex;align-items:center;justify-content:space-between}.badge{font-size:11px;color:var(--gold2);border:1px solid var(--gold);padding:2px 8px;border-radius:999px;background:#d4af3712}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}thead th{color:var(--gold2);font-weight:600;background:var(--panel2);position:sticky;top:0}tbody tr:hover{background:#ffffff05}input.cell{width:100%;background:transparent;border:1px solid transparent;color:var(--text);padding:6px 8px;border-radius:6px;text-align:right;font:inherit}input.cell:focus{outline:none;border-color:var(--gold);background:#d4af370d}input.cell.text{text-align:left}.total-row td{font-weight:700;color:var(--gold2);border-top:2px solid var(--gold);background:#d4af370f}.pos{color:var(--good);font-weight:600}.neg{color:var(--bad);font-weight:600}.neutral{color:var(--muted)}.small{font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}button.btn{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}button.btn:hover{border-color:var(--gold);color:var(--gold2)}button.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border);color:var(--muted)}.pill.gold{color:var(--gold2);border-color:var(--gold);background:#d4af3714}td.card-cell{text-align:center}.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid transparent}.tag.vit{background:#ef44441f;color:#fca5a5;border-color:#ef444459}.tag.pure{background:#a78bfa1f;color:#c4b5fd;border-color:#a78bfa59}.tag.rage{background:#fbbf241f;color:#fcd34d;border-color:#fbbf2459}.tag.either{background:#7ad1ff1f;color:#7ad1ff;border-color:#7ad1ff59}.tag.muted{background:#94a3b81a;color:var(--muted);border-color:var(--border)}footer{text-align:center;color:var(--muted);font-size:12px;padding:24px}@media (max-width:640px){th,td{padding:6px;font-size:12px}main{padding:14px}}