/* truebench —— 数据参考站。视觉目标：像仪表，不像营销页。 */
:root{
  --bg:#FBFBFC; --surface:#FFFFFF; --surface-2:#F2F4F7;
  --ink:#14181F; --ink-2:#3B444F; --muted:#68727F; --faint:#98A2AF;
  --line:#E2E6EC; --line-2:#CBD2DB;
  --accent:#15607A; --accent-soft:#DCEDF3;
  --ok:#1F6B4A; --ok-soft:#DDF0E5;
  --warn:#8A5320; --warn-soft:#F7E9DA;
  --mono:"SFMono-Regular",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0E1116; --surface:#161B22; --surface-2:#1C2230;
    --ink:#E6EAF0; --ink-2:#C0C8D3; --muted:#8B95A3; --faint:#6B7482;
    --line:#232A35; --line-2:#323B49;
    --accent:#5FB6D4; --accent-soft:#132A34;
    --ok:#5FBF93; --ok-soft:#13291F;
    --warn:#D19A5E; --warn-soft:#2A1F14;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}

/* 头尾 */
header.site,footer.site{max-width:960px;margin:0 auto;padding:20px 24px}
header.site{display:flex;align-items:baseline;gap:28px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:19px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.brand span{color:var(--accent)}
header.site nav{display:flex;gap:20px;font-size:14.5px}
header.site nav a{color:var(--muted);text-decoration:none}
header.site nav a:hover{color:var(--ink)}
header.site nav a[aria-current]{color:var(--ink);font-weight:600}
footer.site{border-top:1px solid var(--line);margin-top:56px;color:var(--muted);font-size:13.5px}
footer.site p{margin:4px 0}

main{max-width:960px;margin:0 auto;padding:36px 24px 0}
h1{font-size:clamp(26px,4vw,34px);line-height:1.2;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
h2{font-size:19px;letter-spacing:-.01em;margin:44px 0 12px;padding-bottom:7px;border-bottom:1px solid var(--line)}
p{margin:0 0 14px;max-width:68ch}
ul,ol{max-width:68ch;padding-left:22px}li{margin-bottom:6px}
ul.plain{list-style:none;padding:0}
ul.plain li{padding:6px 0;border-bottom:1px solid var(--line)}

.hero{padding-bottom:8px}
.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.lede{font-size:17.5px;color:var(--ink-2);max-width:64ch}
.stamp{font:13px/1.6 var(--mono);color:var(--muted)}
.crumb{font-size:13.5px;color:var(--muted);margin-bottom:10px}
.note{font-size:14px;color:var(--muted);max-width:68ch;border-left:2px solid var(--line-2);padding-left:14px}

/* 表格 —— 这个站的主体 */
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:5px;background:var(--surface);margin:18px 0}
table{border-collapse:collapse;width:100%;min-width:620px;font-size:14.5px}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--surface-2)}
td.name{font-weight:600;white-space:nowrap}
td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
td.src{font-size:12.5px;color:var(--muted);line-height:1.55;min-width:280px}
.per{color:var(--muted);font-size:12px}
.dim{color:var(--faint)}

.tag{display:inline-block;padding:2px 8px;border-radius:3px;font:600 11px/1.6 var(--mono);background:var(--surface-2);color:var(--muted);white-space:nowrap}
.tag.ok{background:var(--ok-soft);color:var(--ok)}
.tag.warn{background:var(--warn-soft);color:var(--warn)}

dl.meta{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14px;margin:14px 0;max-width:68ch}
dl.meta dt{font:600 11px/1.8 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
dl.meta dd{margin:0;color:var(--ink-2);overflow-wrap:anywhere}
code{font-family:var(--mono);font-size:12.5px;background:var(--surface-2);padding:1px 5px;border-radius:3px}

@media (max-width:600px){
  main{padding:26px 18px 0}
  header.site,footer.site{padding:16px 18px}
  h2{margin-top:34px}
}
