:root{color-scheme:light;--ink:#233033;--muted:#637173;--brand:#256b63;--accent:#b86532;--soft:#f4efe6;--line:#d9dfd8;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;overflow:hidden}body{margin:0;background:var(--soft);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.course-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.topbar,.bottombar{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#fffdf8;border-bottom:1px solid var(--line)}.topbar,.bottombar{min-height:64px;position:relative;z-index:5}.bottombar{border-top:1px solid var(--line);border-bottom:0;justify-content:space-between;box-shadow:0 -8px 22px #2330330f}.topbar strong{display:block;font-size:18px}.topbar span,.eyebrow{color:var(--muted);font-size:14px}.progress{flex:1;height:10px;background:#e9e2d7;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand)}.stage{width:min(1280px,94vw);height:calc(100% - 24px);max-height:720px;margin:12px auto;background:#fffdf8;border:1px solid var(--line);border-radius:8px;overflow:auto;position:relative;outline:none}.slide-card{min-height:100%;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.12fr);gap:28px;align-items:center;padding:42px 48px 96px}.slide-card.cover{grid-template-columns:.82fr 1.28fr}.slide-card h1,.quiz-wrap h1,.results-screen h1{margin:0 0 18px;font-size:clamp(30px,3.1vw,46px);line-height:1.15;letter-spacing:0;text-wrap:balance}.slide-card p{font-size:clamp(18px,1.75vw,22px);line-height:1.52;margin:12px 0;max-width:35em}figure{margin:0}.slide-card img{width:100%;max-height:520px;object-fit:contain;border-radius:8px;display:block;background:#f8f4ed}.slide-card.cover img{object-fit:cover;aspect-ratio:16/9;max-height:560px}.activity{margin:0 48px 76px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fbfaf6}.activity h2,.question h2,.results-screen h2{margin:0 0 14px;font-size:22px}.activity h3{margin:10px 0;font-size:20px}.option-list,.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option-list button,.match-list label,.answer-option,.branch-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px;text-align:left}.option-list button:hover,.option-list button:focus-visible{border-color:var(--brand);background:#f1f8f5}.selected{outline:3px solid rgba(37,107,99,.25);border-color:var(--brand)!important}.match-list{display:grid;gap:10px}.match-list label{display:grid;grid-template-columns:1fr minmax(180px,260px);gap:12px;align-items:center}select{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#fff}.primary,.secondary,.text-btn,.icon-btn,.nav-btn{border:1px solid var(--brand);border-radius:8px;min-height:42px;padding:8px 14px;background:#fff;color:var(--brand)}.primary{background:var(--brand);color:#fff;margin-top:16px}.secondary{border-color:var(--accent);color:var(--accent)}.primary:disabled,.nav-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:44px;padding:0;font-size:21px}.audio-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.feedback.show,.review{margin-top:14px;padding:13px 14px;border-radius:8px}.okbox{background:#eef8f2;color:#176c64}.badbox{background:#fff0eb;color:#9b3f24}.captions{position:sticky;bottom:12px;margin:0 auto 12px;width:min(82%,940px);max-height:5.9em;overflow:auto;padding:12px 18px;background:#ffffffe6;color:#20262d;border:1px solid rgba(32,38,45,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;font-size:17px;line-height:1.45}.menu{position:fixed;top:64px;bottom:64px;left:0;z-index:4;width:350px;padding:18px;background:#fffdf8;border-right:1px solid var(--line);overflow:auto;box-shadow:0 20px 35px #0000001f}.menu button{display:flex;gap:10px;width:100%;border:0;background:transparent;border-radius:8px;padding:11px;text-align:left}.menu button.active{background:#e8f2f0;color:var(--brand)}.quiz-wrap{padding:42px 56px 98px}.quiz-instruction{color:var(--muted);font-size:18px;line-height:1.45}.question{padding:18px 0;border-bottom:1px solid var(--line)}.question-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.question-type{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;background:#e8f2f0;color:var(--brand);font-weight:700;font-size:15px}.question-hint{margin:0 0 8px;color:#6d4f2d;font-weight:700}.answers{display:grid;gap:10px}.answer-option{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.answer-option input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--brand)}.answer-option.is-selected{border-color:var(--brand);background:#f1f8f5}.answer-option.is-correct{border-color:#176c64;background:#eef8f2}.answer-option.is-wrong{border-color:#b94f2d;background:#fff0eb}.results-screen{min-height:100%;padding:56px;display:grid;align-content:center;max-width:780px;margin:0 auto}.results-screen p,.results-screen li{font-size:18px;line-height:1.5}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.branch-wrap{display:grid;gap:14px}.branch-note,.missing-audio{color:var(--muted)}button:hover,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(184,101,50,.28);outline-offset:2px}@media(max-width:980px){.slide-card,.slide-card.cover{grid-template-columns:1fr;padding:30px 28px 96px}.slide-card img{max-height:360px}.activity{margin:0 28px 76px}.option-list,.match-list label{grid-template-columns:1fr}.results-screen{padding:36px 28px 96px}}@media(max-width:760px){.course-shell{height:100dvh;grid-template-rows:auto minmax(0,1fr) auto}.topbar{padding:9px 10px;gap:10px}.topbar strong{font-size:16px}.topbar span{font-size:13px}.bottombar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:8px 10px;gap:8px;min-height:0}.bottombar .audio-panel{grid-column:1 / -1;grid-row:1;justify-content:center;gap:8px}.bottombar .nav-btn:first-child{grid-column:1;grid-row:2}.page-count{grid-column:2;grid-row:2;text-align:center}.bottombar .nav-btn:last-child{grid-column:3;grid-row:2}.audio-panel label:first-of-type{display:none}.stage{width:100%;height:100%;max-height:none;margin:0;border-left:0;border-right:0;border-radius:0}.slide-card{padding:22px 20px 88px;gap:18px}.slide-card p{font-size:18px}.slide-card img{max-height:260px}.activity{margin:0 18px 76px;padding:18px}.menu{top:58px;bottom:92px;width:88vw}.captions{font-size:15px;width:calc(100% - 24px);max-height:6.2em}}@media(prefers-reduced-motion:no-preference){.slide-card,.activity,.quiz-wrap,.results-screen{animation:fade .2s ease-out}@keyframes fade{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}}