:root{--bg:#f5f6f8;--card:#fff;--fg:#1b2128;--muted:#66707b;--line:#e2e6ea;--accent:#1d6fe0;--accent-bg:#e8f1fd;--take:#fff8e6;--take-line:#f0c24b;--up:#c62828;--down:#2e7d32;--warn-bg:#fff4e5;--warn:#a15c00;--shadow:0 1px 2px rgba(0,0,0,.04),0 2px 10px rgba(0,0,0,.04)}
@media (prefers-color-scheme:dark){:root{--bg:#0f1216;--card:#181c22;--fg:#e3e7eb;--muted:#98a2ad;--line:#2a3038;--accent:#6aa8ff;--accent-bg:#1b2a40;--take:#2a2516;--take-line:#a8862e;--up:#ef6b6b;--down:#5cc06a;--warn-bg:#2d2414;--warn:#f0b35a;--shadow:none}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px 56px}.wrap.narrow{max-width:780px}
header.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.nav{max-width:1040px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav .brand{font-weight:750;margin-right:auto;white-space:nowrap;color:var(--fg);padding-right:12px;letter-spacing:.2px}
.nav .brand small{font-weight:500;color:var(--muted);margin-left:6px;font-size:12px}
.nav a.item{white-space:nowrap;color:var(--muted);padding:6px 10px;border-radius:8px;font-size:14px}
.nav a.item:hover{color:var(--fg);background:var(--accent-bg);text-decoration:none}
.nav a.item.on{color:var(--accent);background:var(--accent-bg);font-weight:600}
.hero{padding:34px 0 10px}.hero h1{font-size:30px;line-height:1.3;margin:0 0 6px}.hero .en{color:var(--muted);font-size:15px;margin:0 0 12px}
.hero p{max-width:760px;margin:6px 0;color:var(--fg)}
h1.page{font-size:26px;margin:26px 0 2px;line-height:1.3}.sub{color:var(--muted);margin:0 0 14px;font-size:14px}
h2.sec{font-size:19px;margin:28px 0 4px}h2.sec .en,h1 .en,h3 .en{font-weight:400;color:var(--muted);font-size:.72em;margin-left:8px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);margin:12px 0}
.grid .card{margin:0}
.card h3{margin:0 0 6px;font-size:17px;line-height:1.4}
a.card{display:block;color:inherit}a.card:hover{text-decoration:none;border-color:var(--accent)}
.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.badge{display:inline-block;font-size:12px;line-height:1.5;padding:0 8px;border-radius:999px;background:var(--accent-bg);color:var(--accent);vertical-align:middle;margin-left:6px;font-weight:500}
.badge.wip{background:var(--warn-bg);color:var(--warn)}.badge.live{background:color-mix(in srgb,var(--down) 15%,transparent);color:var(--down)}
.btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;line-height:1.3;cursor:pointer;white-space:nowrap}
.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:default}.btn.on{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}
table.t{border-collapse:collapse;width:100%;font-size:14px}
table.t th,table.t td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
table.t th:first-child,table.t td:first-child{text-align:left}
table.t th{color:var(--muted);font-weight:500;font-size:13px;position:sticky;top:0;background:var(--card)}
table.t th.sort{cursor:pointer}table.t th.sort:hover{color:var(--accent)}
.tw{overflow-x:auto}
.note{font-size:13px;color:var(--muted);border-left:3px solid var(--line);padding:2px 10px;margin:10px 0}
.wipbox{border:1px dashed var(--warn);background:var(--warn-bg);border-radius:12px;padding:12px 14px;color:var(--fg);font-size:14px}
.wipbox b{color:var(--warn)}
.kv{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;margin:6px 0}.kv span b{font-weight:650}
.big{font-size:26px;font-weight:700;line-height:1.2}
.up{color:var(--up)}.down{color:var(--down)}
.bar{height:6px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:3px}
.chart{width:100%;height:220px;position:relative}.chart svg{width:100%;height:100%;display:block}
.chart .tip{position:absolute;pointer-events:none;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-size:12px;white-space:nowrap;box-shadow:var(--shadow);display:none}
pre.code{background:var(--accent-bg);border-radius:10px;padding:12px;overflow-x:auto;font-size:12.5px;line-height:1.5}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--accent-bg);padding:0 4px;border-radius:4px}
pre.code code{background:none;padding:0}
details summary{cursor:pointer;color:var(--accent)}
footer.foot{border-top:1px solid var(--line);margin-top:40px;padding:18px 16px;color:var(--muted);font-size:12.5px;text-align:center}
@media (max-width:560px){body{font-size:15.5px}.hero h1{font-size:24px}h1.page{font-size:22px}.card{padding:13px 14px;border-radius:12px}.nav .brand small,.nav .brand .bz{display:none}.nav .brand{padding-right:6px}.nav a.item{padding:6px 7px;font-size:13.5px}.chart{height:190px}}