:root{--bg:#f6f8fb;--card:#fff;--ink:#14213d;--muted:#5b6b82;--line:#d9e1ec;--accent:#0b7a63;--warn:#fff3bf}
@media(prefers-color-scheme:dark){:root{--bg:#0b1220;--card:#121e31;--ink:#eaf1fb;--muted:#9db0c8;--line:#2b3d57;--accent:#5ee6bd;--warn:#4a3d0a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;padding:20px 16px 60px}
.wrap{max-width:860px;margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px}
h1{margin:0 0 4px;font-size:28px}h2{margin:28px 0 8px;font-size:20px;border-bottom:1px solid var(--line);padding-bottom:6px}h3{margin:18px 0 4px;font-size:16.5px}
p,li{color:var(--ink)}ul,ol{padding-left:22px}.meta{color:var(--muted);font-size:14px}.nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.nav a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:14px;background:var(--card)}.nav a.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.notice{border:1px solid var(--accent);border-radius:12px;padding:12px 14px;background:color-mix(in srgb,var(--accent) 10%,transparent);margin:14px 0}
.todo{background:var(--warn);padding:0 4px;border-radius:4px}table{width:100%;border-collapse:collapse;margin:10px 0}td,th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;font-size:15px}
a{color:var(--accent)}footer{margin-top:22px;color:var(--muted);font-size:13px;text-align:center}