:root{--bg: #f4f6fa;--card: #ffffff;--ink: #16202e;--muted: #5d6a7d;--line: #dde3ec;--accent: #2563eb;--accent-ink: #ffffff;--ok: #157f4d;--ok-bg: #e6f6ed;--no: #c0392b;--no-bg: #fdecea;--warn: #b45309;--radius: 14px;--shadow: 0 1px 2px rgba(16, 32, 56, .06), 0 4px 16px rgba(16, 32, 56, .06);--safe: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--card: #182337;--ink: #e8edf5;--muted: #9aa8bd;--line: #2a3852;--accent: #4d8dff;--accent-ink: #0b1220;--ok: #3ddc97;--ok-bg: #14372a;--no: #ff7a6b;--no-bg: #3a1f1c;--warn: #f0b429;--shadow: none}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,PingFang TC,Noto Sans TC,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}.app{max-width:720px;margin:0 auto;padding:0 12px calc(24px + var(--safe))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:12px 0;background:var(--bg);border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:1.1rem;font-weight:700}.icon-btn{border:none;background:none;color:var(--ink);font-size:1.8rem;line-height:1;padding:0 6px;cursor:pointer}.sync-dot{width:8px;height:8px;margin-left:auto;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}main{padding-top:14px}.stack>*+*{margin-top:12px}.section-title{margin:22px 0 4px;font-size:.95rem;color:var(--muted);text-transform:none}.loading,.hint{color:var(--muted);font-size:.9rem}.hint{margin:4px 0 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h2{margin:0 0 10px;font-size:1.05rem}.card h3{margin:0 0 10px;font-size:.98rem}.empty{text-align:center;color:var(--muted)}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hero.active{border-color:var(--accent)}.hero h2{margin:0}.hero-num{margin:0;font-size:2rem;font-weight:800;line-height:1.1}.hero-num span{font-size:.9rem;font-weight:500;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:480px){.grid-2{grid-template-columns:repeat(2,1fr)}}.tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-size:.85rem;cursor:pointer}.tile-num,.tile-icon{font-size:1.3rem;font-weight:700}.bank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bank h3{margin:0}.meta{margin:2px 0 0;font-size:.82rem;color:var(--muted)}.btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:11px 16px;font-size:.95rem;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent}.btn.danger{color:var(--no);border-color:var(--no);background:transparent}.btn.small{padding:7px 12px;font-size:.85rem}.btn.wide{display:block;width:100%;margin-top:10px;text-align:center}.btn:disabled{opacity:.45;cursor:default}.btn.file{display:block}.row{display:flex;gap:8px;margin-top:12px}.row.wrap{flex-wrap:wrap}.link{border:none;background:none;color:var(--accent);font-size:.88rem;padding:4px 0;cursor:pointer}.link.flagged{color:var(--warn)}.field{display:block;margin:10px 0}.field>span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}select,input[type=text],input[type=number]{width:100%;padding:10px 12px;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px}.check{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.92rem}.check input{width:20px;height:20px}.note{margin:10px 0 0;font-size:.85rem;color:var(--muted)}.note.ok{color:var(--ok)}.note.err{color:var(--no)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.list-row:first-of-type{border-top:none}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.quiz-head.exam{position:sticky;top:52px;z-index:5;background:var(--bg);padding:6px 0}.badge{display:inline-block;padding:2px 8px;margin-right:4px;font-size:.75rem;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}.badge.tag{border-color:var(--accent);color:var(--accent)}.counter,.timer{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.timer{font-size:1.2rem;font-weight:700;color:var(--ink)}.timer.urgent{color:var(--no)}.progress{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:12px}.progress.slim{height:5px;margin:8px 0}.bar{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.bar.weak{background:var(--no)}.stem{margin:0 0 12px;font-size:1.02rem;line-height:1.7}.source{margin:-6px 0 12px;font-size:.78rem;color:var(--muted)}.options{list-style:none;margin:0;padding:0}.options li+li{margin-top:8px}.option{display:flex;gap:10px;width:100%;text-align:left;padding:12px;font-size:.95rem;line-height:1.55;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;cursor:pointer}.option .letter{flex:0 0 22px;font-weight:700;color:var(--muted)}.option.picked{border-color:var(--accent)}.option.correct{background:var(--ok-bg);border-color:var(--ok)}.option.wrong{background:var(--no-bg);border-color:var(--no)}.option.static{cursor:default}.option .mine{margin-left:auto;font-size:.72rem;color:var(--muted);white-space:nowrap}.options.compact .option{padding:8px 10px;font-size:.88rem}.feedback{margin-top:14px;padding:10px 12px;border-radius:10px;font-size:.92rem}.feedback.ok{background:var(--ok-bg);color:var(--ok)}.feedback.no{background:var(--no-bg);color:var(--no)}.explanation{margin:6px 0 0;color:var(--ink);font-size:.88rem}.quiz-foot{display:flex;gap:8px;margin-top:14px}.quiz-foot .btn{flex:1}.summary .score{font-size:1.3rem;margin:6px 0}.summary .score strong{font-size:1.8rem}.wrong-list{margin-top:10px;font-size:.88rem;color:var(--muted)}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;padding:10px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.pal{padding:8px 0;font-size:.82rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--muted);cursor:pointer}.pal.done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pal.flag{border-color:var(--warn);border-width:2px}.pal.cur{outline:2px solid var(--ink)}.tag-group{margin-top:14px}.tag-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wrong-items{list-style:none;margin:6px 0 0;padding:0;font-size:.88rem}.wrong-items li{display:flex;gap:8px;padding:6px 0;border-top:1px solid var(--line)}.wrong-count{flex:0 0 auto;color:var(--no);font-size:.78rem;padding-top:2px}.wrong-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-bar{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:4px 10px;margin-bottom:6px;font-size:.85rem}.tag-label{grid-column:1 / -1;color:var(--muted)}.tag-num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.chart{width:100%;height:auto}.chart-bar{fill:var(--line)}.chart-bar.ok{fill:var(--accent)}.chart-axis{stroke:var(--line);stroke-width:1}.chart-grid{stroke:var(--line);stroke-width:.5;stroke-dasharray:2 3}.chart-line{fill:none;stroke:var(--accent);stroke-width:2}.chart-dot{fill:var(--accent)}.chart-label{fill:var(--muted);font-size:8px}.review-row{border-left:4px solid var(--line)}.review-row.ok{border-left-color:var(--ok)}.review-row.no{border-left-color:var(--no)}.review-head{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.8rem}.tag-ok{color:var(--ok);font-weight:700}.tag-no{color:var(--no);font-weight:700}