:root{--bg:#f4f6f2;--paper:#fff;--text:#20362e;--muted:#66776e;--line:#dce3dc;--accent:#246749;--soft:#e8f1e8;--code:#182a24;--warn:#a45b2f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI","Microsoft JhengHei",sans-serif;line-height:1.7}body.dark{--bg:#14201c;--paper:#1d2d26;--text:#e2ede5;--muted:#b3c3b7;--line:#385045;--accent:#8dc9a5;--soft:#2c4435;--code:#101b16;--warn:#ecac7b}header{padding:20px 5%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:800;color:var(--accent);text-decoration:none}.brand span{font-size:18px;margin-left:8px}.tag{color:var(--muted);font-size:13px}header button{margin-left:auto}main{max-width:1200px;margin:auto;padding:24px 30px}.intro{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:24px 0 36px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:40px;line-height:1.35;margin:12px 0}h1+p{max-width:560px;color:var(--muted)}.summary{min-width:245px;background:var(--soft);border-radius:20px;padding:28px}.summary strong{display:block;font-size:36px;margin:8px 0}.summary small{display:block;color:var(--muted);font-size:11px}.track{height:6px;background:var(--line);border-radius:8px;margin-bottom:14px}.track i{height:100%;display:block;background:var(--accent);border-radius:8px;transition:width .3s}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0 25px}.modes{display:flex;gap:5px;background:var(--line);padding:5px;border-radius:12px}button,select{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:9px 15px;background:var(--paper);color:var(--text)}button:hover{border-color:var(--accent)}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.active,.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.quiet{background:transparent;font-size:12px}select{margin-left:8px;font-size:14px}.workspace{display:grid;grid-template-columns:225px 1fr;gap:24px;align-items:start}aside{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.asideHeading{font-weight:700;font-size:14px;display:flex;justify-content:space-between}.asideHeading span{color:var(--muted)}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}nav button{padding:7px 0;font-size:13px;position:relative}nav button.done{border-bottom:4px solid var(--accent)}nav button.wrong{border-bottom:4px solid var(--warn)}nav button.current{outline:2px solid var(--accent);outline-offset:1px}.legend,.note{font-size:11px;color:var(--muted)}.legend span{color:var(--warn)}.note{border-top:1px solid var(--line);padding-top:14px}article{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px;min-height:460px}.qmeta{font-size:12px;color:var(--accent);display:flex;gap:12px;align-items:center}.pill{background:var(--soft);border-radius:5px;padding:3px 9px}h2{font-size:24px;line-height:1.4;margin:16px 0}.prompt{white-space:normal}pre{background:var(--code);color:#e2eee6;border-radius:12px;padding:20px;overflow:auto;font:14px/1.8 Consolas,monospace;tab-size:4;white-space:pre}code{font-family:Consolas,monospace}p code,li code{background:var(--soft);padding:1px 4px;border-radius:4px}textarea{display:block;resize:vertical;width:100%;min-height:145px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:15px;font:14px/1.7 Consolas,"Microsoft JhengHei",monospace;margin:12px 0}.options{display:grid;gap:10px;margin:24px 0}.option{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.option:has(input:checked){border-color:var(--accent);background:var(--soft)}input[type=radio],input[type=checkbox]{accent-color:var(--accent)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.feedback{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.feedback h3{font-size:17px}.feedback.bad h3{color:var(--warn)}.hint{color:var(--muted);font-size:13px}.selfscore{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.selfscore input{width:80px;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px;font:inherit}#examTools{padding:18px;background:var(--soft);border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}#examTools[hidden],*[hidden]{display:none!important}#report{margin:25px 0;padding:25px;background:var(--soft);border-radius:16px}footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:9px;border:1px solid var(--line);text-align:left}a{color:var(--accent)}@media(max-width:760px){main{padding:18px}.intro{display:block;padding-top:0}h1{font-size:32px}.summary{padding:18px;margin-top:24px}.summary strong{font-size:28px}.toolbar{align-items:stretch;flex-direction:column}.workspace{grid-template-columns:1fr}aside{padding:15px}nav{grid-template-columns:repeat(10,1fr);margin:12px 0}.legend,.note{display:none}article{padding:22px}.tag{display:none}.modes button{flex:1;padding:9px 8px;font-size:14px}.modes{display:flex}header{padding:14px 20px;gap:10px}pre{font-size:12px;padding:14px}#filterLabel{font-size:13px}}