:root{--bg:#f4f6f8;--canvas:#e7e9ee;--surface:#fff;--surface-2:#eef1f4;--surface-3:#e1e6ea;--ink:#181c22;--ink-2:#5b6470;--ink-3:#95a0ad;--line:#e6eaef;--line-2:#d8dee5;--brand:#2f6bed;--brand-ink:#1f51c9;--brand-wash:#e9f0ff;--accent:var(--brand);--accent-ink:var(--brand-ink);--accent-wash:var(--brand-wash);--violet:#6b4ce0;--violet-wash:#f0ecfd;--amber:#d6841a;--amber-wash:#fdf1dc;--correct:#14a063;--correct-wash:#e6f7ee;--wrong:#e2483d;--wrong-wash:#fdece9;--gold:#b07d18;--radius:16px;--radius-sm:11px;--shadow:0 1px 2px rgba(20,22,26,.04),0 4px 16px rgba(20,22,26,.045);--shadow-sm:0 1px 2px rgba(20,22,26,.05);--font:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Microsoft JhengHei",sans-serif;--nav-h:62px}:root[data-theme=dark]{--bg:#0f1216;--surface:#181c22;--surface-2:#21262e;--surface-3:#2d343d;--ink:#eef1f5;--ink-2:#a4adba;--ink-3:#6c7480;--line:#262c34;--line-2:#333b45;--canvas:#07090b;--brand:#5b8cff;--brand-ink:#a8c2ff;--brand-wash:#1a2540;--violet:#9a82f0;--violet-wash:#241f3d;--amber:#e0a23c;--amber-wash:#352a17;--correct:#2fc483;--correct-wash:#14301f;--wrong:#ff6f63;--wrong-wash:#3a1f1c;--gold:#d9b35a;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.35);--shadow-sm:0 1px 2px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}a,button{color:inherit}a{text-decoration:none}img{display:block;max-width:100%}#__nuxt{min-height:100%}.shell{max-width:460px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);position:relative;display:flex;flex-direction:column}@media(min-width:500px){body{background:var(--canvas)}.shell{box-shadow:0 0 0 1px var(--line),0 24px 60px #00000012}}.page{flex:1;padding:14px 18px calc(var(--nav-h) + env(safe-area-inset-bottom) + 22px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 14px) 2px 14px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px)}.topbar h1{font-size:19px;font-weight:700;letter-spacing:-.02em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card--pad{padding:18px}.section-title{font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin:24px 2px 11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;height:50px;border-radius:13px;font-size:16px;font-weight:600;letter-spacing:-.01em;transition:transform .08s ease,background .15s ease,opacity .15s,border-color .15s}.btn:active{transform:scale(.98)}.btn--block{display:flex;width:100%}.btn--primary{background:var(--brand);color:#fff}.btn--ink{background:var(--ink);color:#fff}.btn--soft{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.btn--ghost{background:transparent;color:var(--ink-2)}.btn--lg{height:56px;font-size:16.5px;border-radius:15px}.btn[disabled]{opacity:.4;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--ink-2)}.chip--accent{background:var(--accent-wash);color:var(--accent-ink)}.chip--correct{background:var(--correct-wash);color:var(--correct)}.chip--wrong{background:var(--wrong-wash);color:var(--wrong)}.bar{height:6px;background:var(--surface-3);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;background:var(--brand);transition:width .45s ease}.bar--ok>i{background:var(--correct)}.row{display:flex;align-items:center}.row.gap{gap:10px}.between{justify-content:space-between}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.tnum{font-variant-numeric:tabular-nums}.center{text-align:center}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.pop-enter-active{transition:transform .22s cubic-bezier(.2,.9,.3,1.1),opacity .2s}.pop-enter-from{transform:translateY(6px);opacity:0}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation:shake .38s}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.rise{animation:rise .28s ease both}.login[data-v-585daedf]{position:fixed;inset:0;z-index:200;max-width:460px;margin:0 auto;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.login__box[data-v-585daedf]{width:100%;text-align:center}.login__icon[data-v-585daedf]{width:64px;height:64px;border-radius:18px;margin:0 auto 18px;display:grid;place-items:center;color:var(--brand);background:var(--brand-wash)}.login__box h1[data-v-585daedf]{font-size:23px;font-weight:800;letter-spacing:-.02em}.login__sub[data-v-585daedf]{color:var(--ink-2);font-size:14px;line-height:1.7;margin-top:10px}.login__form[data-v-585daedf]{margin-top:26px;display:flex;flex-direction:column;gap:12px}.login__input[data-v-585daedf]{width:100%;height:54px;border-radius:14px;padding:0 18px;font-size:17px;font-family:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-2);text-align:center}.login__input[data-v-585daedf]:focus{outline:none;border-color:var(--brand)}.login__note[data-v-585daedf]{color:var(--ink-3);font-size:12px;line-height:1.6;margin-top:18px}.nav[data-v-29c54fad]{position:fixed;left:0;right:0;bottom:0;max-width:460px;margin:0 auto;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);z-index:30}.nav__item[data-v-29c54fad]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:11px;font-weight:600;transition:color .15s}.nav__item.on[data-v-29c54fad]{color:var(--brand)}.nav__icon[data-v-29c54fad]{width:24px;height:24px}.nav__icon[data-v-29c54fad] svg{width:100%;height:100%}.nav__item.on .nav__icon[data-v-29c54fad]{transform:translateY(-1px)}