:root{--bg:#f2f5f7;--surface:#fff;--sunk:#e9eef1;--ink:#13212c;--muted:#5a6a77;--line:#d8e0e6;--accent:#0d6a7e;--accent-ink:#fff;--accent-soft:#ddeff2;--alarm:#b93c29;--alarm-bg:#fbe8e4;--warn:#9a6200;--warn-bg:#faf0d9;--ok:#2b7a4b;--ok-bg:#e2f2e8;--nodata:#6f7d88;--nodata-bg:#e8ecef;--f-body:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;--r:8px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d141a;--surface:#15202a;--sunk:#101920;--ink:#e2e9ef;--muted:#92a2af;--line:#25333e;--accent:#4db4c8;--accent-ink:#06191e;--accent-soft:#163540;--alarm:#ff8b76;--alarm-bg:#3a1c17;--warn:#efb44a;--warn-bg:#33270f;--ok:#6ccb8f;--ok-bg:#132e1e;--nodata:#8a98a4;--nodata-bg:#1c2730;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d141a;--surface:#15202a;--sunk:#101920;--ink:#e2e9ef;--muted:#92a2af;--line:#25333e;--accent:#4db4c8;--accent-ink:#06191e;--accent-soft:#163540;--alarm:#ff8b76;--alarm-bg:#3a1c17;--warn:#efb44a;--warn-bg:#33270f;--ok:#6ccb8f;--ok-bg:#132e1e;--nodata:#8a98a4;--nodata-bg:#1c2730;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.6}.wrap{max-width:1080px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;padding-block:20px 48px}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.3}h2{font-size:18px}h3{font-size:15px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 14px;font-weight:500}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:4px 10px;font-size:13px}.btn.danger{color:var(--alarm)}select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;max-width:100%;padding:6px 8px}textarea{resize:vertical;width:100%;min-height:200px;font-size:14px}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding-bottom:14px;display:flex}.brand .code{font-family:var(--f-mono);letter-spacing:.08em;color:var(--accent);font-size:12px;font-weight:600}.brand h1{font-size:24px;font-weight:700}.countdown{text-align:right}.countdown .d{font-family:var(--f-mono);font-size:28px;font-weight:600;line-height:1}.countdown .sub{color:var(--muted);font-size:12px}nav.tabs{gap:4px;margin:16px 0 22px;display:flex;overflow-x:auto}nav.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:8px 14px;font-weight:500}nav.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}nav.tabs .badge{background:var(--alarm);color:#fff;min-width:18px;font-size:11px;font-family:var(--f-mono);text-align:center;border-radius:9px;margin-left:4px;padding:0 5px;display:inline-block}.kpis{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.kpi{background:var(--surface);min-width:0;padding:14px 16px}.kpi .lab{color:var(--muted);font-size:12px}.kpi .val{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.kpi .hint{color:var(--muted);font-size:12px}@media (width<=640px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid2{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;margin-top:20px;display:grid}@media (width<=820px){.grid2{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:16px 18px}.panel>h2{margin-bottom:12px}.panel .ph{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.dom{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:4px 12px;padding:8px 0;display:grid}.dom:first-of-type{border-top:0}.dom .nm{font-size:14px;font-weight:500}.dom .nm .w{font-family:var(--f-mono);color:var(--muted);margin-left:6px;font-size:12px}.dom .pct{font-family:var(--f-mono);text-align:right;font-weight:600}.bar{background:var(--sunk);border-radius:4px;grid-column:1/-1;height:8px;position:relative}.bar i{background:var(--accent);border-radius:4px;position:absolute;inset:0 auto 0 0}.bar i.alarm{background:var(--alarm)}.bar i.warn{background:var(--warn)}.bar i.ok{background:var(--ok)}.bar .pass{background:var(--ink);opacity:.55;width:2px;position:absolute;top:-3px;bottom:-3px;left:72%}.legend{color:var(--muted);margin-top:8px;font-size:12px}.prio{gap:8px;margin:0;padding:0;list-style:none;display:grid}.prio li{border:1px solid var(--line);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.prio .why{color:var(--muted);font-size:12px}.empty{border:1px dashed var(--line);color:var(--muted);border-radius:6px;padding:14px;font-size:14px}.chip{font-family:var(--f-mono);letter-spacing:.04em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.chip.alarm{color:var(--alarm);background:var(--alarm-bg)}.chip.warn{color:var(--warn);background:var(--warn-bg)}.chip.ok{color:var(--ok);background:var(--ok-bg)}.chip.nodata{color:var(--nodata);background:var(--nodata-bg)}.dgroup{margin-top:22px}.dgroup h3{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.dgroup h3 .w{font-family:var(--f-mono);color:var(--muted);font-size:12px;font-weight:500}.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.tile{text-align:left;border:1px solid var(--line);border-left:4px solid var(--nodata);background:var(--surface);border-radius:6px;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;display:flex}.tile:hover{border-color:var(--accent);border-left-color:inherit}.tile.alarm{border-left-color:var(--alarm)}.tile.warn{border-left-color:var(--warn)}.tile.ok{border-left-color:var(--ok)}.tile .tn{font-size:13.5px;font-weight:500;line-height:1.4}.tile .tm{font-family:var(--f-mono);color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.mode h3{margin-bottom:4px}.mode p{color:var(--muted);margin:0 0 12px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qcard{max-width:760px}.qmeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.qmeta .prog{font-family:var(--f-mono)}.stem{white-space:pre-wrap;margin:0 0 14px;font-size:16px;font-weight:500}.opts{gap:8px;display:grid}.opt{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 12px;display:grid}.opt .k{font-family:var(--f-mono);color:var(--muted);font-weight:600}.opt:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.opt:disabled{cursor:default;opacity:1}.opt.right{border-color:var(--ok);background:var(--ok-bg)}.opt.wrong{border-color:var(--alarm);background:var(--alarm-bg)}.explain{background:var(--sunk);white-space:pre-wrap;border-radius:6px;margin-top:14px;padding:12px 14px;font-size:14px}.explain b{margin-bottom:4px;display:block}.qnav{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.score{font-family:var(--f-mono);font-size:40px;font-weight:600}.mlist{gap:6px;display:grid}.mitem{border:1px solid var(--line);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.mitem .s{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.mitem .m{color:var(--muted);font-size:12px;font-family:var(--f-mono)}.boxes{vertical-align:middle;gap:2px;display:inline-flex}.boxes i{background:var(--sunk);border:1px solid var(--line);border-radius:2px;width:8px;height:8px}.boxes i.on{background:var(--ok);border-color:var(--ok)}.imp-item{border:1px solid var(--line);border-radius:6px;gap:8px;padding:12px;display:grid}.imp-item .key{font-weight:500}.status{color:var(--muted);margin-top:8px;font-size:13px}.status.err{color:var(--alarm)}footer{color:var(--muted);margin-top:36px;font-size:12px}@media (prefers-reduced-motion:no-preference){.bar i{transition:width .4s}}.userbar{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.login{text-align:center;gap:14px;max-width:440px;margin:12vh auto 0;display:grid}.login h1{font-size:28px}.tasks{border-left:2px solid var(--line);gap:2px;margin:4px 0 2px;padding-left:10px;display:grid}.task{color:var(--muted);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;font-size:12.5px;display:grid}.task .pct{font-family:var(--f-mono);text-align:right}.opt.sel{border-color:var(--accent);background:var(--accent-soft)}.opt.missed{border-color:var(--ok);border-style:dashed}.multi-hint{color:var(--accent);margin:-6px 0 10px;font-size:13px;font-weight:500}.mock-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.timer{font-family:var(--f-mono);font-size:20px;font-weight:600}.timer.low{color:var(--alarm)}.qgrid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;margin-top:14px;display:grid}.qgrid button{font-family:var(--f-mono);border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:5px 0;font-size:12px}.qgrid button.done{background:var(--accent-soft);border-color:var(--accent)}.qgrid button.flag{box-shadow:inset 0 -3px 0 var(--warn)}.qgrid button.cur{outline:2px solid var(--ink)}.qgrid button.right{background:var(--ok-bg);border-color:var(--ok)}.qgrid button.wrong{background:var(--alarm-bg);border-color:var(--alarm)}.field{gap:4px;font-size:13px;display:grid}.field input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.err{color:var(--alarm)}html{-webkit-text-size-adjust:100%}body{margin:0}[hidden]{display:none!important}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}