/* AltTo — "Flat Utility" 极简目录风 */
:root { --ink:#18181b; --paper:#fafafa; --card:#ffffff; --line:#e4e4e7; --accent:#2563eb; --muted:#71717a; }
* { box-sizing:border-box; }
body { margin:0; font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; color:var(--ink); background:var(--paper); }
.wrap { max-width:760px; margin:0 auto; padding:0 20px; }
header.site { border-bottom:1px solid var(--line); padding:12px 0; background:var(--card); }
header.site .wrap { display:flex; align-items:center; justify-content:space-between; }
.logo { font-weight:700; font-size:16px; text-decoration:none; color:var(--ink); letter-spacing:-0.01em; }
.logo span { color:var(--accent); }
nav a { color:var(--muted); text-decoration:none; margin-left:16px; font-size:13px; }
nav a:hover { color:var(--ink); }
h1 { font-size:clamp(24px,3.6vw,34px); line-height:1.2; letter-spacing:-0.02em; margin:32px 0 12px; font-weight:700; }
.lede { color:#3f3f46; font-size:16px; max-width:640px; }
.asof { font-size:13px; color:var(--muted); }
.card { background:var(--card); border:1px solid var(--line); border-radius:6px; padding:16px 18px; margin:12px 0; }
.card h3 { margin:0 0 4px; font-size:16px; }
.card p { margin:0; color:#52525b; font-size:14px; }
label { font-weight:600; font-size:13px; }
input { font-size:16px; padding:9px 12px; border:1px solid var(--line); border-radius:6px; background:#fff; margin-top:6px; }
input:focus { outline:none; border-color:var(--accent); }
.chips button { border:1px solid var(--line); background:#fff; color:#3f3f46; padding:5px 12px; margin:4px 6px 0 0; font-size:13px; cursor:pointer; border-radius:6px; }
.chips button:hover { border-color:var(--accent); color:var(--accent); }
table { width:100%; border-collapse:collapse; margin:14px 0; font-size:14px; }
caption { text-align:left; font-size:12px; color:var(--muted); margin-bottom:8px; caption-side:top; }
th, td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); }
th { font-size:11px; 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-left:3px solid var(--accent); padding:8px 14px; background:#eff6ff; margin:16px 0; font-size:14px; }
h2 { font-size:20px; margin-top:36px; font-weight:700; }
h2 a { color:var(--ink); text-decoration:none; }
h2 a:hover { color:var(--accent); }
h3 { font-size:16px; }
a { color:var(--accent); }
footer.site { border-top:1px solid var(--line); margin-top:48px; padding:20px 0 32px; font-size:12px; color:var(--muted); }
footer.site a { color:var(--muted); }
.cross { background:var(--card); border:1px solid var(--line); border-radius:6px; padding:12px 16px; font-size:14px; margin-top:18px; }
@media (max-width:560px){ .wrap{ padding:0 14px; } }
