:root{--bg:#f8fafc;--surface:#ffffff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#4f46e5;--accent-soft:#eef2ff;--success:#16a34a;--danger:#dc2626;--success-soft:#dcfce7;--danger-soft:#fee2e2;--radius:12px;--shadow:0 1px 3px rgba(0,0,0,.06);--font: ui-sans-serif, system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.5px}.nav{display:flex;gap:18px}.nav button{background:none;border:none;font-size:14px;color:var(--muted);cursor:pointer;padding:8px 0;border-bottom:2px solid transparent}.nav button.active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.page{padding:20px;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.unpriced{color:var(--muted);font-style:italic}.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:2px}