:root{font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#233f31;background:#f6faf5;--ink:#153d2a;--muted:#647b6a;--panel:#fff;--border:#dcebdd;--soft:#f0f8ee;--accent:#167b40;--option:#fff}
*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #dca52e;outline-offset:3px}[hidden]{display:none!important}
.topbar{max-width:1120px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:20px}.back,.theme-toggle{font-size:14px;color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:10px 14px}.logo{font-weight:850;font-size:20px;flex:1}.theme-toggle{cursor:pointer}
.page{max-width:960px;padding:4px 24px 64px;margin:auto}.hero{background:#dbf1d8;border-radius:24px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#163f28}.eyebrow{font-size:12px;letter-spacing:1px;font-weight:800;color:#397751}.hero h1{font-size:clamp(25px,4vw,39px);margin:12px 0}.hero p{margin:0;color:#537563;line-height:1.7}.hero-badge{flex:none;background:#fff6dc;color:#a75b25;border-radius:50%;width:90px;height:90px;display:grid;place-content:center;text-align:center}.hero-badge strong{font-size:32px}.hero-badge span{font-size:12px}
.exam-meta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;color:var(--muted);font-size:14px}.exam-meta span{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.intro,.progress-wrap,.exam-section,.results,.finish{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:0 5px 18px #163b2010}.intro{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.intro strong{font-size:20px;color:var(--ink)}.intro p{color:var(--muted);line-height:1.6;margin:8px 0 0}.primary{border:0;border-radius:13px;background:#c63e45;color:white;font-weight:800;padding:15px 25px;min-height:52px;white-space:nowrap}.primary:hover{background:#ab3039}
.progress-wrap{padding:18px 22px;position:sticky;top:0;z-index:4;box-shadow:0 6px 18px #193b201a}.progress-wrap>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--ink)}.progress-wrap span{color:var(--muted);font-size:12px}.track{height:7px;margin-top:10px;background:var(--soft);border-radius:8px;overflow:hidden}.track div{height:100%;width:0;background:#55b66f;transition:width .2s}
.progress-wrap #examTimer{font-size:15px;color:#b9493a;font-variant-numeric:tabular-nums}html[data-theme="dark"] .progress-wrap #examTimer{color:#ffb4a1}.listening-status{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px 10px;color:var(--accent);font-size:14px;font-weight:700}.resume-listening{margin:16px 0 0;padding:14px 18px;border-radius:14px;background:var(--soft);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px}.resume-listening .play{margin:0}
.exam-section{padding:24px;margin-top:18px}.section-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:4px}.section-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--soft);font-size:23px}.section-header h2{font-size:19px;color:var(--ink);margin:0}.section-header p{font-size:13px;color:var(--muted);margin:5px 0 0}.passage{padding:18px 20px;margin:20px 0;border-radius:14px;background:var(--soft);font-size:18px;line-height:1.8;color:var(--ink)}
.question{padding:22px 0;border-bottom:1px dashed var(--border)}.question:last-child{border-bottom:0}.question-head{display:flex;gap:12px;align-items:flex-start}.q-number{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:var(--soft);color:var(--accent);font-weight:800;font-size:13px}.q-body{flex:1;min-width:0}.q-prompt{font-size:18px;line-height:1.55;font-weight:700;color:var(--ink);margin:0 0 12px}.play{border:1px solid #edc6a6;background:#fff3e5;color:#9c4d21;border-radius:10px;min-height:44px;padding:8px 14px;font-weight:700;margin-bottom:12px}.play:disabled{opacity:.6}.play-error{color:#c64d40;font-size:13px;margin:0 0 8px}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0}.choice span{display:flex;gap:10px;align-items:center;min-height:52px;padding:12px;border-radius:12px;border:1.5px solid var(--border);background:var(--option);color:var(--ink);font-size:16px;line-height:1.45}.choice input:checked+span{background:var(--soft);border-color:#48a666;box-shadow:inset 0 0 0 1px #48a666}.choice b{flex:none;color:var(--accent)}.question.is-correct .question-head{border-left:4px solid #56b976;padding-left:10px}.question.is-wrong .question-head{border-left:4px solid #df786b;padding-left:10px}.feedback{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.feedback strong{color:var(--ink)}
.finish{text-align:center;padding:24px;margin-top:20px}.finish p{color:var(--muted)}.results{padding:30px;text-align:center;margin:20px 0}.results .score{font-size:58px;font-weight:900;color:var(--accent)}.results h2{color:var(--ink);font-size:25px;margin:10px}.results p{color:var(--muted);line-height:1.7}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.secondary{border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--ink);font-weight:700;padding:13px 20px}.result-note{font-size:13px}
html[data-theme="dark"]{color-scheme:dark;background:#101a17;--ink:#e5f3e9;--muted:#aec4b3;--panel:#1c2d23;--border:#395446;--soft:#2c4937;--accent:#92dfa4;--option:#24382c;color:#dcebe0}html[data-theme="dark"] body{background:#101a17}html[data-theme="dark"] .hero{background:#284d37;color:#effff2}html[data-theme="dark"] .hero p,html[data-theme="dark"] .eyebrow{color:#bfd9c4}html[data-theme="dark"] .hero-badge{background:#534531;color:#ffdf98}html[data-theme="dark"] .play{background:#503b2a;border-color:#9e7655;color:#ffe0be}html[data-theme="dark"] .primary{background:#c54148;color:white}
@media(max-width:600px){.topbar{padding:14px 16px;gap:9px}.logo{font-size:15px}.back,.theme-toggle{font-size:12px;padding:9px}.page{padding:2px 14px 40px}.hero{padding:22px 18px}.hero-badge{width:66px;height:66px}.hero-badge strong{font-size:24px}.hero p{font-size:13px}.intro{align-items:flex-start;flex-direction:column}.exam-section{padding:18px 14px}.q-prompt{font-size:16px}.options{grid-template-columns:1fr}.progress-wrap{padding:12px 16px}.progress-wrap span{font-size:11px}.passage{font-size:16px}}