*{box-sizing:border-box} [hidden]{display:none!important}
:root{--ink:#183e43;--teal:#075666;--muted:#536b6d;--burgundy:#96343c;--paper:#f7f7f0;--cream:#efe9da;--mint:#e5eee8;--line:#cbd7d0;--white:#fffefa}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.5;cursor:default}a{color:var(--teal);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8b5207;outline-offset:4px}input[type=checkbox]{width:21px;height:21px;accent-color:var(--teal)}select{padding:10px 32px 10px 12px;background:var(--white);border:1px solid var(--line);border-radius:5px;max-width:100%;min-height:44px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.1;margin:0 0 18px}h1{font-size:clamp(2.3rem,4.6vw,4.5rem);letter-spacing:-.045em}h2{font-size:2.35rem;letter-spacing:-.025em}h3{font-size:1.55rem}p{margin:0 0 15px}.eyebrow{font-size:.7rem;letter-spacing:.14em;font-weight:750;color:var(--burgundy);margin-bottom:18px}.small,small{font-size:.8rem;color:var(--muted)}.lead{font-size:1.15rem;line-height:1.6;color:var(--muted)}.primary,.outline{display:inline-flex;gap:18px;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:5px;font-weight:600;text-decoration:none}.primary{background:var(--teal);color:white;border:1px solid var(--teal)}.primary:hover{background:#16434b}.outline{border:1px solid #9aafa7;background:var(--white)}.outline:hover{background:var(--mint)}.quiet{min-height:44px;padding:9px 10px;color:var(--teal);text-decoration:underline;text-underline-offset:5px;font-size:.9rem}.quiet:hover{background:var(--mint)}.selected{background:var(--mint)!important;box-shadow:inset 0 0 0 2px var(--teal)}summary{cursor:pointer;min-height:44px;padding:10px 0}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:15px}.skip:focus{top:12px}.masthead{max-width:1400px;margin:auto;display:flex;align-items:center;gap:28px;padding:22px 48px;border-bottom:1px solid var(--line)}.brand{font-size:2rem;font-family:Georgia,serif;text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{font:600 .59rem/1.6 system-ui;letter-spacing:.1em;max-width:105px}.lesson-pill{font-size:.64rem;letter-spacing:.12em;border-left:1px solid #9caeaa;padding:8px 0 8px 24px;color:var(--burgundy);font-weight:700}.masthead nav{margin-left:auto;display:flex;gap:24px;font-size:.8rem}.masthead nav a{text-decoration:none}main{max-width:1304px;padding:0 48px;margin:auto}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:60px;padding:66px 0 54px;align-items:center}.hero h1{font-size:clamp(4rem,7.5vw,7.1rem);line-height:.96;letter-spacing:-.055em;margin:23px 0 28px}.hero h1 em{color:var(--burgundy);font-weight:400}.hero .lead{font-size:1.25rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.teach-invite{border-top:1px solid var(--line);margin-top:32px;padding-top:15px;display:flex;align-items:center;gap:10px}.teach-invite>span{font-size:.57rem;font-weight:700;letter-spacing:.09em}.hero-art{position:relative;border-radius:48% 48% 10px 10px;background:var(--cream);overflow:hidden;min-height:440px;display:flex;align-items:center;flex-direction:column;justify-content:center}.hero-art .scene-image{max-height:345px;max-width:95%;width:95%;object-fit:contain;mix-blend-mode:multiply}.art-caption{display:flex;align-items:center;gap:20px;padding:14px 20px 26px}.art-caption p{font-size:.9rem;line-height:1.4;margin:0}.circle-mark{border:1px solid #8faaa1;border-radius:50%;padding:17px 13px;font-size:1.3rem;transform:rotate(-5deg)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:35px 0 24px;gap:15px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:10px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chapter-card{display:flex;flex-direction:column;text-align:left;padding:25px 25px 20px;border:1px solid var(--line);background:var(--white);border-radius:8px;min-height:255px;transition:transform .15s}.chapter-card:hover{transform:translateY(-4px);border-color:var(--teal)}.chapter-num{font-size:.7rem;border:1px solid #b6c8bf;padding:5px 9px;border-radius:50%;align-self:start;margin-bottom:22px;color:var(--burgundy)}.chapter-card h3{font-size:1.7rem;margin-bottom:12px}.chapter-card p{font-size:.9rem;color:var(--muted);max-width:270px}.card-link{font-size:.68rem;margin-top:auto;padding-top:15px;width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.card-link b{font-size:1.1rem}.extras{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.extras button{text-align:left;padding:20px 16px;border-right:1px solid var(--line);min-height:100px}.extras button:last-child{border:0}.extras button:hover{background:var(--mint)}.extras strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:1.25rem}.extras span{font-size:.72rem;color:var(--muted)}.progress-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:10px 0 25px}.progress-panel h3{font-size:1.25rem;margin-bottom:10px}.progress-panel p{font-size:.82rem;margin-bottom:4px}.edition{border-top:1px solid var(--line);font-size:.8rem;max-width:900px;padding:10px 0 25px}.edition p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;max-width:1208px;margin:20px auto 0;padding:22px 0;border-top:1px solid var(--line);font-size:.65rem;letter-spacing:.08em;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:18px;padding:25px 0;flex-wrap:wrap;font-size:.8rem}.toolbar>label{display:flex;align-items:center;gap:10px}.toolbar>.quiet:last-child{margin-left:auto}.layer-menu{position:relative}.layer-menu fieldset{border:0;margin:0;padding:5px}.layer-menu[open]{background:var(--white);z-index:4;box-shadow:0 3px 20px #12342b18;padding:0 10px}.layer-menu label{display:flex;align-items:center;gap:7px;min-height:44px}.layer-menu legend{font-size:.75rem;color:var(--muted)}.chapter-strip{display:flex;border-bottom:1px solid var(--line);gap:6px}.chapter-strip button{padding:12px 18px;flex:1;color:var(--muted);border-bottom:3px solid transparent;font-size:.85rem;min-height:48px}.chapter-strip button[aria-current]{color:var(--teal);border-bottom-color:var(--teal);font-weight:750}.task-heading{display:flex;justify-content:space-between;gap:20px;padding:38px 0 24px;align-items:start}.task-heading h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:15px}.task-heading .eyebrow{margin-bottom:12px}.task-heading .lead{max-width:850px;margin:0;font-size:1.05rem}.page-tag{font-size:.62rem;letter-spacing:.1em;border:1px solid #bdc9bf;padding:8px 11px;white-space:nowrap;border-radius:4px;color:var(--muted)}.workbench{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:34px 40px;min-height:280px}.starting-phrase{display:flex;flex-wrap:wrap;gap:8px 30px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:26px}.starting-phrase>.eyebrow{width:100%;margin:0}.language{margin:12px 0 18px;min-width:0}.zh{font-size:2rem;line-height:1.55;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;overflow-wrap:anywhere}.pinyin{font-size:1.06rem;color:var(--teal);line-height:1.7}.clue{font-size:.85rem;color:#675c4f}.en{font-size:.9rem;color:var(--muted);margin-top:4px}.audio-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audio-button{font-size:.8rem;padding:8px 14px;min-height:44px}.chunk-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.chunk{padding:18px 25px;min-height:75px;border:1px solid #9fb6ab;background:#f2f5ee;border-radius:6px;font-size:1.75rem;font-family:"Microsoft YaHei",sans-serif;min-width:85px}.chunk:hover{background:var(--mint)}.chunk small{font:14px system-ui}.replacement-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 25px}.replacement-row button{font-size:1.02rem}.reveal{margin-left:12px}.model-panel{margin-top:24px;background:var(--mint);padding:23px 28px;border-radius:6px}.model-panel .eyebrow{margin-bottom:8px}.model-panel .language:last-child{margin-bottom:0}.meaning{font-family:Georgia,serif;font-size:1.5rem;color:var(--ink)}.assembly{min-height:112px;border:1px dashed #91a99d;border-radius:7px;background:#f7f8f1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px;margin:20px 0}.assembly>span{font-size:.95rem;color:var(--muted)}.error-label{font-size:.65rem;letter-spacing:.09em;color:var(--burgundy);font-weight:700}.feedback{padding:18px 22px;min-height:64px;border-radius:6px;margin-top:12px;font-size:.95rem}.feedback:empty{padding:0;min-height:20px}.success{background:var(--mint)}.retry{background:#f3e6d9}.task-footer{display:flex;justify-content:space-between;gap:20px;margin:15px 0 24px;flex-wrap:wrap}.task-jump{padding:0 0 30px;font-size:.8rem}.task-jump label{display:flex;gap:12px;align-items:center}.listen-top,.facts-row{display:flex;gap:35px;justify-content:space-between;align-items:center}.listen-top .scene-image,.facts-row .scene-image{width:240px;max-height:180px;object-fit:contain;mix-blend-mode:multiply;border-radius:8px}.fact-list{flex:1;border-left:3px solid #9db7a6;padding:0 0 0 22px}.fact-list p{font-size:1.02rem}.board{border:1px solid #a8bdb2;border-radius:8px;padding:22px;margin:25px 0;background:#f5f7f0}.board-title{font-family:Georgia,serif;font-size:1.3rem;display:flex;justify-content:space-between;gap:15px;align-items:center}.board-title span{font:12px system-ui;color:var(--muted)}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:20px}.person-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px;border:1px solid #bbcbbf;border-radius:7px;background:var(--white);gap:6px}.person-symbol{background:#f0e8d8;color:var(--burgundy);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:1.5rem;margin-bottom:7px}.person-option strong{font-weight:600;font-size:.95rem}.person-option small{font-size:.77rem}.mission-bar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:.75rem;border-bottom:1px solid var(--line);padding-bottom:14px}.mission-common{margin-top:20px}.partner-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.gap-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.private-card{background:var(--cream);padding:25px;border-radius:7px}.missing-card{background:#f2f5ed;padding:25px;border-radius:7px}.field-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:.9rem}.field-row select{max-width:60%;font-size:.9rem}.question-help{font-size:.8rem;margin:8px 0 16px}.question-help .zh{font-size:1.55rem}.question-help .audio-controls{margin-top:8px}.solo-facts{padding:15px;background:var(--cream);margin:18px 0}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:23px}.cover-screen{text-align:center;min-height:300px;padding:45px 20px;background:var(--teal);border-radius:7px;color:white}.cover-screen .eyebrow{color:#e7e8d5}.cover-screen .primary{background:var(--white);color:var(--teal)}.phase-tabs{display:flex;gap:8px;margin-bottom:25px}.phase-tabs button{min-height:44px;padding:9px 20px;border:1px solid var(--line);border-radius:4px;font-size:.9rem;text-transform:capitalize}.speaking-list{display:grid;gap:10px;margin:26px 0}.speaking-list label{display:flex;align-items:center;gap:12px;min-height:44px}.timer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.timer>span{font-size:1.6rem;font-variant-numeric:tabular-nums}.tone-shape{font-size:4rem;color:var(--burgundy);font-family:Georgia,serif;line-height:1.3}.recall{text-align:center;padding:20px}.recall .model-panel{text-align:left}.recall .actions{justify-content:center}.flash{border-left:4px solid var(--burgundy);background:#f2e8d9;margin:20px 0;padding:15px 20px;overflow-wrap:anywhere}.loading{padding:80px 10px;max-width:800px}.loading a{display:block;margin-top:20px}.reference-layout{display:grid;grid-template-columns:245px 1fr;gap:32px;margin-bottom:35px}.reference-layout nav{display:flex;flex-direction:column;align-items:stretch}.reference-layout nav button{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.8rem;min-height:44px;border-radius:3px}.reference-layout nav span{color:var(--burgundy);display:inline-block;width:20px;font-weight:650}.reference-content{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:30px 35px}.reference-phrase{padding:15px 0 25px;border-bottom:1px solid var(--line)}.reference-phrase:last-child{border:0}.playlist{padding:20px 0;border-top:1px solid var(--line)}.teach-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 0;font-size:.8rem}.teach-controls label{display:flex;gap:8px;align-items:center;flex:1;min-width:200px}.teach-controls select{max-width:400px;width:100%}.teaching-stage{position:relative;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:36px 45px;min-height:520px}.teaching-stage>.page-tag{position:absolute;top:28px;right:25px}.teaching-stage h1{font-size:3.2rem;max-width:950px}.teach-action{font-size:1.35rem;max-width:1000px}.teaching-model .zh{font-size:3.2rem}.teaching-model .pinyin{font-size:1.55rem}.teaching-model .en{font-size:1.05rem}.teaching-model{display:grid;grid-template-columns:1fr 1fr;gap:18px 35px}.notice-point{grid-column:1/-1;font-size:1.05rem;border-top:1px solid var(--line);padding-top:16px;margin:0}.thinking-space{min-height:220px;display:grid;place-items:center;color:#647c73;font:italic 2rem Georgia}.teach-bottom{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.instructor-tools{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:.8rem}.teacher-notes{padding:25px;background:var(--cream);margin:15px 0;font-size:.9rem}.connection{font-size:.8rem;color:var(--teal)}.clean-display .masthead,.clean-display footer{display:none}.clean-display main{max-width:1800px;padding:0 45px}.clean-display .teaching-stage{min-height:calc(100vh - 105px);border:0;background:transparent}.clean-display .teaching-stage h1{font-size:3.7rem}.clean-display .teach-action{font-size:1.8rem;max-width:none}.clean-display .teaching-model .zh{font-size:4rem}.clean-display .teaching-model .pinyin{font-size:2rem}.clean-display .teaching-model .en{font-size:1.5rem}.clean-display .notice-point{font-size:1.5rem}.clean-display .thinking-space{min-height:330px}
@media(max-width:1000px){main{padding:0 26px}.masthead{padding:20px 26px;gap:20px}.hero{gap:25px}.hero-art{min-height:350px}.hero h1{font-size:5rem}.hero .lead{font-size:1.1rem}.chapter-grid{grid-template-columns:repeat(2,1fr)}.extras{grid-template-columns:repeat(2,1fr)}.extras button:nth-child(2){border:0}.extras button:nth-child(-n+2){border-bottom:1px solid var(--line)}.workbench{padding:28px}.chunk{font-size:1.55rem;padding:16px 20px}.reference-layout{grid-template-columns:200px 1fr;gap:20px}.teaching-model .zh{font-size:2.4rem}.teaching-model .pinyin{font-size:1.3rem}footer{margin:20px 26px 0}.brand span{display:none}}
@media(max-width:650px){body{font-size:16px}main{padding:0 17px}.masthead{padding:13px 17px;gap:15px}.brand{font-size:1.7rem}.lesson-pill{padding-left:14px;font-size:.6rem}.masthead nav{gap:12px;font-size:.7rem}.masthead nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:35px 0;gap:25px}.hero h1{font-size:4.8rem;margin:15px 0 23px}.hero .eyebrow{font-size:.6rem}.hero-art{min-height:0;max-height:300px;border-radius:35% 35% 8px 8px}.hero-art .scene-image{height:215px;width:auto;max-width:100%}.art-caption{padding:0 12px 18px}.circle-mark{padding:9px;font-size:1rem}.art-caption p{font-size:.8rem}.teach-invite{margin-top:22px}.hero-actions .primary,.hero-actions .outline{padding:12px 14px;font-size:.9rem}.section-heading{display:block;margin:15px 0 20px}.section-heading h2{font-size:2rem}.section-heading>.small{display:block;margin-top:10px}.chapter-grid{gap:10px}.chapter-card{padding:18px 15px;min-height:230px}.chapter-card h3{font-size:1.35rem}.chapter-card p{font-size:.78rem;line-height:1.5}.chapter-num{margin-bottom:16px}.card-link{font-size:.6rem}.extras strong{font-size:1.1rem}.extras button{padding:15px 8px}.extras span{font-size:.65rem}.progress-panel{align-items:start;flex-direction:column;gap:10px}footer{margin:15px 17px 0;flex-wrap:wrap;font-size:.58rem}.toolbar{gap:8px;padding:17px 0}.toolbar>label{width:100%;order:3}.toolbar>.quiet:last-child{margin-left:0}.toolbar .quiet{font-size:.8rem}.chapter-strip{gap:0;overflow:auto}.chapter-strip button{padding:10px 8px;font-size:.75rem;min-width:52px}.chapter-strip span{display:block;font-size:.65rem}.task-heading{padding:25px 0 18px;flex-direction:column;gap:12px}.task-heading h1{font-size:2.2rem}.task-heading .lead{font-size:.95rem}.page-tag{font-size:.56rem;padding:5px 8px}.workbench{padding:22px 18px;min-height:240px}.starting-phrase{gap:5px;padding-bottom:15px;margin-bottom:18px}.zh{font-size:1.65rem}.pinyin{font-size:.95rem}.en{font-size:.85rem}.chunk{font-size:1.3rem;padding:14px 15px;min-height:62px;min-width:65px}.chunk-row{gap:8px}.assembly{padding:12px;gap:8px}.replacement-row{gap:8px}.replacement-row button{font-size:.9rem;padding:10px 13px}.reveal{margin-left:0;display:block}.model-panel{padding:18px 16px}.facts-row,.listen-top{flex-direction:column;align-items:stretch;gap:15px}.facts-row .scene-image,.listen-top .scene-image{width:100%;height:140px;max-height:140px}.fact-list{padding-left:15px}.fact-list p{font-size:.9rem}.option-grid{grid-template-columns:repeat(2,1fr);gap:9px}.board{padding:15px}.board-title{font-size:1.15rem}.person-option{padding:15px 8px}.person-option strong{font-size:.8rem}.person-option small{font-size:.7rem}.task-footer{gap:10px}.task-footer>div{display:flex;gap:7px;justify-content:space-between;width:100%}.task-footer .primary{font-size:.9rem}.task-jump label{flex-direction:column;align-items:stretch;gap:5px}.gap-layout{grid-template-columns:1fr;gap:16px}.private-card,.missing-card{padding:18px}.mission-bar .outline{font-size:.8rem}.field-row{flex-direction:column;align-items:start}.field-row select{max-width:none;width:100%}.phase-tabs{gap:5px}.phase-tabs button{font-size:.8rem;padding:9px 12px}.reference-layout{grid-template-columns:1fr;gap:15px}.reference-layout nav{display:grid;grid-template-columns:1fr 1fr}.reference-layout nav button{font-size:.7rem;padding:9px}.reference-content{padding:22px 18px}.reference-content h2{font-size:1.8rem}.teach-controls{gap:7px}.teach-controls label{width:100%;order:3;flex-basis:100%}.teaching-stage{padding:25px 20px;min-height:450px}.teaching-stage>.page-tag{position:static;display:inline-block;margin-bottom:15px}.teaching-stage h1{font-size:2.2rem}.teach-action{font-size:1.1rem}.teaching-model{grid-template-columns:1fr;gap:8px}.teaching-model .zh{font-size:2rem}.teaching-model .pinyin{font-size:1.2rem}.thinking-space{min-height:160px;font-size:1.6rem}.teach-bottom{gap:10px}.clean-display main{padding:0 20px}.clean-display .teaching-stage h1{font-size:2.5rem}.clean-display .teaching-model .zh{font-size:2.4rem}.clean-display .teaching-model .pinyin{font-size:1.4rem}.clean-display .teach-action,.clean-display .teaching-model .en,.clean-display .notice-point{font-size:1.1rem}}
.chunk{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.chunk small,.replacement-row button small{display:block;font:12px/1.5 system-ui;color:var(--muted);max-width:180px}.chunk .tile-pinyin{font-size:14px;color:var(--teal)}.replacement-row .outline{display:inline-flex;flex-direction:column;gap:3px}
.clean-display .toolbar,.clean-display .task-footer,.clean-display .task-jump,.clean-display .chapter-strip{display:none}.clean-display .workbench .zh{font-size:3rem}.clean-display .workbench .pinyin{font-size:1.6rem}.clean-display .workbench .en,.clean-display .workbench>p{font-size:1.25rem}.clean-display .chunk{font-size:2.5rem}.clean-display .chunk small{font-size:1rem}.clean-display .workbench button{pointer-events:none}.public-questions{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.support-description{font-size:.85rem;line-height:1.6;margin:0 0 20px;max-width:950px;color:var(--teal)}.support-description span{color:var(--muted)}.layer-menu{max-width:100%}.layer-menu fieldset{max-width:440px}.layer-menu label{align-items:flex-start}.layer-menu label small{display:block;font-size:.75rem;line-height:1.5;margin:3px 0 8px}.practice-panel{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:20px 24px;margin:14px 0 25px;display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap}.practice-panel>div:first-child{flex:1;min-width:190px}.practice-panel p{margin:5px 0}.practice-panel .small{flex-basis:100%}.practice-panel .actions{margin:0;gap:8px}.practice-panel label{display:flex;align-items:center;gap:8px}.practice-panel select{max-width:240px}.practice-panel button{font-size:.85rem}button:disabled{opacity:.55;cursor:not-allowed}.tone-reveal{min-height:210px;padding:16px 0}.tone-reveal>.small{padding:40px 0}.tone-reveal .tone-shape{line-height:1}.interview-profile{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(240px,1.3fr);gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.interview-profile .scene-image{width:100%;height:240px;object-fit:contain}.interview-profile section{background:var(--cream);border-radius:7px;padding:18px 24px}.interview-profile section p{margin:8px 0}.interview-turn{padding-top:25px}.interview-turn h2{font-size:1.65rem;line-height:1.4}.question-model{border-left:3px solid var(--teal);padding:15px 22px;margin:20px 0}.clean-display .support-description,.clean-display .practice-panel{display:none}.clean-display .interview-profile .scene-image{height:210px}.clean-display .interview-profile section p{font-size:1.15rem}.clean-display .interview-turn h2{font-size:2rem}
@media(max-width:650px){.practice-panel{padding:17px;display:block}.practice-panel label{margin:12px 0;flex-wrap:wrap}.practice-panel select{max-width:100%;width:100%}.practice-panel .actions{flex-direction:column;align-items:stretch}.practice-panel .small{margin-top:14px}.interview-profile{grid-template-columns:1fr;gap:10px}.interview-profile .scene-image{height:150px}.interview-profile section{padding:15px}.interview-turn h2{font-size:1.4rem}.question-model{padding:12px}.tone-reveal{min-height:230px}.support-description{font-size:.8rem}.layer-menu fieldset{min-width:0;padding:12px}.recall{padding:8px}.recall h2{font-size:1.5rem;overflow-wrap:anywhere}}
@media(min-width:1100px){.clean-display .workbench:has(.interview-profile){display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.2fr);gap:35px}.clean-display .interview-profile{display:flex;flex-direction:column;align-items:stretch;border:0;padding:0}.clean-display .interview-profile .scene-image{height:220px}.clean-display .interview-turn{padding:0}.clean-display .interview-turn>p{margin:10px 0}.clean-display .question-model{padding:8px 18px;margin:12px 0}.clean-display .interview-turn .model-panel{padding:16px 20px;margin:12px 0}.clean-display .interview-turn .audio-controls{margin:10px 0}.clean-display .interview-turn .zh{font-size:2.4rem}.clean-display .interview-turn .pinyin{font-size:1.3rem}.clean-display .interview-turn .en{font-size:1rem}.clean-display .interview-turn .actions{margin:12px 0}.clean-display .interview-turn h2{font-size:1.5rem}.clean-display .task-heading{padding:22px 0}.clean-display .task-heading h1{font-size:2.5rem}.clean-display .task-heading .lead{font-size:1.2rem}}