/* SocialCalc — "Modern Bright" 明亮现代风 */
:root { --ink:#0f172a; --paper:#ffffff; --card:#ffffff; --line:#e2e8f0; --accent:#6366f1; --muted:#64748b; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif; color:var(--ink); background:linear-gradient(180deg,#f8fafc 0%,#ffffff 340px); }
.wrap { max-width:900px; margin:0 auto; padding:0 20px; }
header.site { padding:18px 0; }
header.site .wrap { display:flex; align-items:center; justify-content:space-between; }
.logo { font-weight:800; font-size:20px; text-decoration:none; color:var(--ink); letter-spacing:-0.03em; }
.logo span { background:linear-gradient(90deg,#6366f1,#a855f7); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
nav a { color:var(--muted); text-decoration:none; margin-left:20px; font-size:14px; font-weight:600; }
nav a:hover { color:var(--accent); }
h1 { font-size:clamp(32px,5.5vw,52px); line-height:1.08; letter-spacing:-0.04em; margin:36px 0 16px; font-weight:820; }
.lede { color:var(--muted); font-size:18px; max-width:640px; line-height:1.55; }
.asof { font-size:13px; color:var(--muted); }
.card { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:26px; margin:26px 0; box-shadow:0 6px 24px rgba(15,23,42,0.06); }
label { font-weight:700; font-size:14px; }
input { font-size:22px; font-weight:700; padding:12px 16px; width:220px; border:2px solid var(--line); border-radius:12px; background:#f8fafc; margin:8px 0 4px; }
input:focus { outline:none; border-color:var(--accent); }
.chips button { border:none; background:#eef2ff; color:var(--accent); padding:8px 16px; margin:4px 6px 0 0; font-size:13px; font-weight:700; cursor:pointer; border-radius:999px; }
.chips button:hover { background:var(--accent); color:#fff; }
table { width:100%; border-collapse:collapse; margin:18px 0 6px; font-size:15px; }
caption { text-align:left; font-size:13px; color:var(--muted); margin-bottom:10px; caption-side:top; }
th, td { text-align:left; padding:12px 12px; border-bottom:1px solid var(--line); }
th { font-size:12px; text-transform:uppercase; letter-spacing:0.05em; color:var(--muted); }
td.num, th.num { text-align:right; font-variant-numeric:tabular-nums; }
.muted { color:var(--muted); font-size:13px; }
.note { border-radius:12px; padding:14px 18px; background:#eef2ff; color:#3730a3; margin:16px 0; font-size:14px; }
h2 { font-size:27px; margin-top:46px; letter-spacing:-0.02em; font-weight:800; }
h3 { font-size:18px; }
a { color:var(--accent); font-weight:600; }
footer.site { border-top:1px solid var(--line); margin-top:56px; padding:24px 0 36px; font-size:13px; color:var(--muted); }
footer.site a { color:var(--muted); }
.cross { background:linear-gradient(90deg,#eef2ff,#faf5ff); border:1px solid #e0e7ff; border-radius:14px; padding:14px 18px; font-size:14px; margin-top:18px; }
@media (max-width:560px){ .wrap{ padding:0 16px; } table{ font-size:13px; } }