:root{--bg:#f5f2eb;--panel:#fffdf8;--panel-alt:#e7efe9;--accent:#196f5a;--accent-soft:#edf7f1;--correct:#4c9b7f;--correct-soft:#dff2e9;--wrong:#bd5d4c;--wrong-soft:#fff4ed;--text:#16211b;--muted:#43524b;--border:#16211b24;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#app{max-width:820px;margin:0 auto;padding:20px 16px 48px}.topbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.topbar h1{margin:0;font-size:1.3rem}button{font:inherit;color:inherit;cursor:pointer;border:none;border-radius:8px}.back,.review-btn{background:var(--panel);color:var(--accent);border:1px solid var(--border);padding:8px 14px;font-weight:700}.back:hover,.review-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.lead{color:var(--muted);font-size:1.05rem;line-height:1.7}.level-grid,.mode-picker{grid-template-columns:1fr;gap:14px;display:grid}.level-card,.mode-card,.subject-card{background:var(--panel);text-align:left;border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:18px;display:flex;box-shadow:0 6px 18px #12231c0d}.level-card:hover,.mode-card:hover,.subject-card:hover{border-color:var(--accent);background:var(--accent-soft)}.level-card h2,.mode-card h2{color:var(--accent);margin:0}.level-card p,.mode-card p{color:var(--muted);margin:0}.subject-card{width:100%}.subject-code{color:var(--accent);font-weight:800}.subject-name{font-size:1.1rem;font-weight:700}.subject-stats,.subject-time{color:var(--muted);font-size:.85rem}.question .prompt{font-size:1.08rem;line-height:1.7}.choices{gap:10px;margin:18px 0;display:grid}.choice{text-align:left;border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.choice:hover,.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.choice.correct{border-color:var(--correct);background:var(--correct-soft)}.choice.wrong{border-color:var(--wrong);background:var(--wrong-soft)}.choice-id{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:inline-grid}.explanation{background:var(--panel-alt);border-left:4px solid var(--accent);color:var(--muted);border-radius:8px;padding:14px 16px;line-height:1.75}.explanation strong{color:var(--text)}.answer-summary{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;margin:14px 0 10px;padding:12px 14px;line-height:1.6;display:flex}.answer-summary.is-correct{background:var(--correct-soft);border-color:var(--correct)}.answer-summary.is-wrong{background:var(--wrong-soft);border-color:var(--wrong)}.answer-summary strong{color:var(--text)}.choice-explanations{background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:14px}.choice-explanations>strong{margin-bottom:10px;display:block}.choice-explanation-list{gap:8px;display:grid}.choice-explanation{color:var(--muted);grid-template-columns:28px 1fr;align-items:start;gap:10px;line-height:1.65;display:grid}.choice-explanation.correct{color:var(--text)}.choice-explanation p{margin:0}.drill-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.drill-filter{background:var(--panel);color:var(--muted);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-weight:800;display:flex}.drill-filter.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.drill-filter strong{font-variant-numeric:tabular-nums}.empty-state{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:18px}.empty-state h2{color:var(--text);margin:0 0 6px;font-size:1.15rem}.empty-state p{margin:0}.qnav{gap:10px;margin-top:18px;display:flex}.qnav button{background:var(--panel);color:var(--accent);border:1px solid var(--border);flex:1;padding:11px 14px;font-weight:700}.qnav button:hover{border-color:var(--accent);background:var(--accent-soft)}.qnav .submit{background:var(--accent);color:#fff;border-color:var(--accent)}.qnav .submit:hover{background:#14342b}.progress,.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.timer{margin-left:auto}.score{font-size:1.8rem;font-weight:850}.score.pass{color:var(--accent)}.score.fail{color:var(--wrong)}.topic-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;margin:14px 0;overflow:hidden}.topic-table th,.topic-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}.topic-table th{color:var(--muted);font-size:.85rem}.study-entry{background:var(--panel);width:100%;color:var(--accent);border:1px solid var(--border);margin-top:14px;padding:14px 16px;font-size:1rem;font-weight:700}.study-entry:hover{border-color:var(--accent);background:var(--accent-soft)}.study .lead{color:var(--muted)}.tts-rate{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:.9rem;font-weight:700;display:inline-flex}.tts-rate button{border:1px solid var(--border);background:var(--panel);min-width:50px;color:var(--muted);padding:6px 9px;font-weight:800}.tts-rate button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.tts-rate button:disabled,.tts-button:disabled{opacity:.55;cursor:not-allowed}.study-level{margin-bottom:8px}.study-level>h2{color:var(--accent);border-bottom:2px solid var(--border);padding-bottom:6px}.study-subject{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:14px 0;padding:14px 18px;box-shadow:0 6px 18px #12231c0d}.study-subject>h3{margin:4px 0 12px;font-size:1.08rem}.study-topic{margin:10px 0 16px}.study-topic h4{color:var(--text);margin:0 0 6px;font-size:.98rem}.study-contents{color:var(--muted);margin:0 0 6px;padding-left:20px}.study-contents li{margin:2px 0;line-height:1.6}.study-notes{border-left:3px solid var(--accent);margin:10px 0;padding-left:12px}.study-notes summary{color:var(--accent);cursor:pointer;font-weight:800;line-height:1.6}.study-notes summary span{color:var(--muted);font-size:.86rem;font-weight:700}.study-note-section{margin:10px 0 14px}.study-note-heading{justify-content:space-between;align-items:start;gap:8px;margin-bottom:6px;display:flex}.study-note-section h5{color:var(--text);margin:0;font-size:.95rem;line-height:1.5}.tts-button{border:1px solid var(--border);background:var(--panel);width:34px;height:34px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.tts-button:hover{border-color:var(--accent);background:var(--accent-soft)}.tts-button:disabled:hover{border-color:var(--border);background:var(--panel)}.tts-button.speaking{background:var(--accent);border-color:var(--accent);color:#fff}.tts-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.study-note-section ul{color:var(--muted);margin:0;padding-left:20px}.study-note-section li{overflow-wrap:anywhere;margin:5px 0;line-height:1.72}.study-links{margin:0;padding-left:20px}.study-links li{margin:3px 0}.reading-link{color:var(--accent);font-weight:600;text-decoration:none}.reading-link:hover{text-decoration:underline}.exam-bar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f5f2ebf0;padding:10px 4px;position:sticky;top:0}.exam-bar .submit{flex:none;padding:8px 16px}.exam-paper{gap:14px;display:grid}.exam-q{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.exam-q .prompt{margin-top:0}.qnum{color:var(--accent);margin-right:4px;font-weight:800}.exam-paper .choices{grid-template-columns:1fr}.submit-bottom{width:100%;padding:14px;font-size:1.05rem}.your-answer{color:var(--muted);margin:8px 0 0;font-weight:700}.exam-paper.review .explanation{margin-top:10px}