:root{--bg:#f6f4ef;--card:#fff;--ink:#222;--muted:#6b6b6b;--line:#e3dfd6;--accent:#7a4fd0;--ok:#2e7d4f;--guess:#b06a00}
@media (prefers-color-scheme:dark){:root{--bg:#18171c;--card:#232229;--ink:#eee;--muted:#a0a0a8;--line:#36343d;--accent:#b29af0;--ok:#6cc596;--guess:#f0b25a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Microsoft JhengHei","PingFang TC",sans-serif}
header{background:var(--card);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
header b{font-size:18px}
header a{color:var(--ink);text-decoration:none}
header a:hover{color:var(--accent)}
main{max-width:1000px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:0 0 16px}
h1{font-size:22px;margin:4px 0 12px}
h2{font-size:18px;margin:0 0 10px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kpi .n{font-size:26px;font-weight:700}
.kpi .l{color:var(--muted);font-size:14px}
.tbl{overflow-x:auto}
table{border-collapse:collapse;width:100%}
th,td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{color:var(--muted);font-weight:600;font-size:14px}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.ok{color:var(--ok)}
.guess{color:var(--guess)}
.muted{color:var(--muted)}
.best{font-weight:700;color:var(--accent)}
td.wrap{white-space:normal;min-width:120px}
form.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:end}
label{display:flex;flex-direction:column;font-size:14px;color:var(--muted)}
input,select,button{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
button{background:var(--accent);color:#fff;border:0;cursor:pointer}