:root{--bg:#0f1115;--surface:#181b22;--surface-2:#1f232c;--ink:#f2f4f8;--muted:#9aa3b2;--gold:#f5c451;--gold-soft:#2a2415;--green:#4ade80;--red:#f87171;--border:#2a2f3a;--shadow:0 8px 30px #0006;--round:16px;--sans:"Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.bar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 20px}.bar .inner{justify-content:space-between;align-items:center;max-width:760px;margin:0 auto;display:flex}.bar .logo{color:var(--gold);font-size:16px;font-weight:800}.bar nav{gap:16px;display:flex}.bar nav a{color:var(--muted);font-size:13.5px;font-weight:600}.bar nav a:hover{color:var(--gold);text-decoration:none}.wrap{max-width:760px;margin:0 auto;padding:32px 20px 60px}.hero{text-align:center;padding:20px 0 28px}.hero .pill{background:var(--gold-soft);color:var(--gold);border-radius:999px;margin-bottom:14px;padding:5px 13px;font-size:12px;font-weight:700;display:inline-block}.hero h1{font-size:30px;font-weight:800}.hero p{color:var(--muted);margin-top:8px;font-size:15px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--round);box-shadow:var(--shadow);margin:18px 0;padding:24px}.panel h2{color:var(--ink);margin-bottom:14px;font-size:18px;font-weight:700}.field{margin:14px 0}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.field input,.field select{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--ink);font-size:16px;font-family:var(--sans);border-radius:10px;padding:11px 14px}.field input:focus,.field select:focus{border-color:var(--gold);outline:none}.result{background:var(--gold-soft);border:1px solid var(--gold);border-radius:12px;margin-top:16px;padding:18px 20px}.result .big{color:var(--gold);font-size:30px;font-weight:800}.result .sub{color:var(--muted);margin-top:4px;font-size:13px}.breakdown{margin-top:14px;font-size:14px}.breakdown div{border-bottom:1px dashed var(--border);justify-content:space-between;padding:7px 0;display:flex}.breakdown div:last-child{border-bottom:none}.breakdown .v{font-weight:700}.note{background:var(--surface);border-left:3px solid var(--gold);color:var(--muted);border-radius:8px;margin:18px 0;padding:12px 16px;font-size:13.5px}.note strong{color:var(--gold)}footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:30px;padding:28px 20px 50px;font-size:12.5px}footer a{color:var(--muted);margin:0 6px}footer a:hover{color:var(--gold);text-decoration:none}footer .footer-links{flex-wrap:wrap;justify-content:center;gap:2px 8px;margin-bottom:10px;display:flex}footer .footer-subs{opacity:.6;max-width:640px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:11px;line-height:1.8}footer .footer-subs a{margin:0 3px}.cookie-banner{z-index:50;background:var(--surface);border-top:1px solid var(--gold);padding:14px 20px;position:fixed;bottom:0;left:0;right:0}.cookie-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:760px;margin:0 auto;display:flex}.cookie-banner-inner p{color:var(--muted);flex:1;min-width:200px;font-size:13px}.cookie-banner-inner p a{color:var(--gold);text-decoration:underline}.cookie-banner-btn{background:var(--gold);color:var(--bg);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--sans);white-space:nowrap;border:none;border-radius:8px;padding:8px 20px}.cookie-banner-btn:hover{opacity:.9}[data-theme=light]{--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f1f3;--ink:#1f2430;--muted:#6b7280;--gold:#b8860b;--gold-soft:#fef7e6;--green:#16a34a;--red:#dc2626;--border:#e3e6eb;--shadow:0 8px 30px #0000000f}@media (max-width:600px){.hero h1{font-size:24px}}