.learn-app{--learn-ink:#253d36;--learn-muted:#63726b;--learn-line:#dedfd5;--learn-accent:#276b57;min-height:100dvh;background:#f7f7f0;color:var(--learn-ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.6}
.learn-app *{box-sizing:border-box}.learn-app a{color:inherit;text-decoration:none}.learn-app button,.learn-app input,.learn-app select,.learn-app textarea{font:inherit}.learn-app button,.learn-app select{cursor:pointer}.learn-app :focus-visible{outline:3px solid #b27436;outline-offset:4px}.learn-app button:disabled{cursor:not-allowed;opacity:.45}.learn-app h1,.learn-app h2,.learn-app p{margin-top:0}.learn-app h1{font-weight:500;letter-spacing:-.035em;line-height:1.15;text-wrap:balance}.learn-header{height:84px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--learn-line);font-size:13px}.learn-brand{font-family:Georgia,serif;font-size:23px;letter-spacing:-.5px}.learn-brand span{font:12px 'Segoe UI',sans-serif;letter-spacing:.2px;color:var(--learn-muted)}.learn-back{font-size:14px}.learn-main{max-width:1340px;margin:auto;padding:48px}.learn-overview{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:8px 0 50px}.learn-kicker{font-size:12px;letter-spacing:.1em;color:var(--learn-muted);margin-bottom:22px}.learn-intro h1{font-family:Georgia,'Microsoft YaHei',serif;font-size:clamp(42px,4.5vw,68px);white-space:pre-line;margin-bottom:24px}.learn-subtitle{font-size:18px}.learn-body{font-size:16px;color:var(--learn-muted);line-height:1.8;max-width:58ch}.learn-meta{font-size:13px;color:var(--learn-muted);margin:24px 0 18px}.learn-button{border:1px solid var(--learn-accent);background:var(--learn-accent);color:#fff;padding:12px 24px;border-radius:7px;font-weight:600;min-height:46px;transition:background .2s,transform .2s}.learn-button:hover:not(:disabled){background:#19513f}.learn-button:active:not(:disabled){transform:translateY(1px)}.learn-button.secondary{background:transparent;color:var(--learn-ink);border-color:var(--learn-line);padding:10px 18px}.learn-button.secondary:hover{background:#e9eee4}.learn-progress-row{display:flex;justify-content:space-between;gap:24px;font-size:12px;margin-top:24px}.learn-app progress{display:block;width:100%;height:5px;margin:10px 0;background:#e2e7db;border:0;border-radius:5px;overflow:hidden;accent-color:var(--learn-accent)}.learn-app progress::-webkit-progress-bar{background:#e2e7db}.learn-app progress::-webkit-progress-value{background:var(--learn-accent)}.learn-cover{margin:0;position:relative}.learn-cover .learn-photo{height:450px;object-fit:cover;border-radius:3px 60px 3px 3px}.learn-photo{display:block;max-width:100%;width:100%;height:auto}.learn-cover figcaption{margin-top:12px;font-size:12px;color:var(--learn-muted)}.learn-below{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--learn-line);padding-top:36px}.learn-objectives,.learn-route{list-style:none;padding:0;margin:0 0 24px}.learn-objectives li{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--learn-line);font-size:17px}.learn-objectives li span{font:italic 23px Georgia,serif;color:#879b87}.learn-route li{display:flex;align-items:center;gap:13px;padding:9px 0;font-size:14px;color:var(--learn-muted)}.learn-route li b{font-weight:500}.learn-route li small{margin-left:auto;font-variant-numeric:tabular-nums}.learn-route .done,.learn-route .active{color:var(--learn-accent)}.learn-route .active{font-weight:650}.learn-player{display:grid;grid-template-columns:215px minmax(0,1fr);gap:52px;align-items:start}.learn-rail{position:sticky;top:24px}.learn-rail h2{font:28px Georgia,serif;margin:24px 0}.learn-rail .learn-route{margin-top:24px}.learn-text-button{border:0;background:none;padding:0;color:var(--learn-muted);font-size:13px!important}.learn-workspace-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--learn-muted);margin-bottom:18px}.learn-support{display:flex;gap:16px}.learn-support label{display:flex;gap:6px;align-items:center}.learn-support select,.learn-dialogue select{background:transparent;border:1px solid var(--learn-line);padding:6px;border-radius:5px;color:var(--learn-ink)}.learn-card{padding:36px 40px 28px;background:#fffefa;border-radius:12px;min-height:400px;border:1px solid #e5e6dd}.learn-card h1{font-size:32px;margin:0 0 30px}.learn-card .learn-kicker{font-size:11px;margin-bottom:10px}.learn-scene{display:grid;gap:26px;grid-template-columns:1fr 1fr;align-items:center}.learn-scene>.learn-photo{aspect-ratio:1;object-fit:cover;border-radius:6px}.learn-scene:not(:has(>.learn-photo)){grid-template-columns:1fr}.learn-language{display:flex;flex-direction:column;gap:7px;margin:18px 0}.learn-chinese{font-size:26px;line-height:1.65;word-break:normal;overflow-wrap:anywhere;font-weight:500}.learn-pinyin{font-size:14px;color:#89734d;line-height:1.5}.learn-english{font-size:15px;color:var(--learn-muted);line-height:1.6}.learn-reveal{font-size:13px;color:var(--learn-muted)}.learn-reveal summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.learn-word{max-width:550px;margin:35px auto;text-align:center}.learn-word>.learn-language>.learn-chinese{font-size:clamp(36px,5vw,60px)}.learn-word .learn-pinyin{font-size:18px}.learn-caption{font-size:12px;line-height:1.7;color:var(--learn-muted);margin:20px 0 0}.learn-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.learn-footer>div,.learn-actions{display:flex;gap:10px;flex-wrap:wrap}.learn-feedback{padding:14px 18px;background:#edf3e9;border-radius:6px;margin-top:24px;color:#285740}.learn-feedback.error{background:#f9ece4;color:#8b3b20}.learn-choices{padding:0;border:0;margin:0;display:grid;gap:12px}.learn-choice{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid var(--learn-line);border-radius:8px;cursor:pointer;transition:background .2s}.learn-choice.selected{border-color:var(--learn-accent);background:#eef4e9}.learn-choice input{accent-color:var(--learn-accent);width:17px;height:17px}.learn-option-number{font-size:12px;color:var(--learn-muted)}.learn-choice .learn-language{margin:0;gap:0}.learn-choice .learn-chinese{font-size:21px}.learn-row{display:flex;justify-content:space-between;gap:18px;font-size:13px;color:var(--learn-muted)}.learn-dialogue>.learn-language{min-height:170px;justify-content:center;margin:24px 0}.learn-answer-tray{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:88px;padding:16px;background:#eff2e9;border-radius:8px;border-bottom:2px solid #b1c3af;margin:30px 0}.learn-answer-tray>span{color:var(--learn-muted);font-size:14px}.learn-tiles{display:flex;flex-wrap:wrap;gap:12px}.learn-tiles button,.learn-answer-tray button{padding:10px 18px;border:1px solid #cdd4c4;border-radius:6px;background:#fffefa;color:var(--learn-ink);font-size:23px;min-height:48px}.learn-answer-tray button span{font-size:13px;color:#889684}.learn-field{display:flex;flex-direction:column;gap:8px;font-size:13px;text-align:left;margin:26px 0 18px}.learn-field input,.learn-field textarea,.learn-matching select,.learn-planner select{border:1px solid #cdd4c4;background:white;padding:12px;border-radius:6px;width:100%;color:var(--learn-ink);min-width:0}.learn-field input{font-size:23px}.learn-field textarea{min-height:85px;resize:vertical}.learn-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--learn-muted)}.learn-check input{margin-top:5px}.learn-matching{display:grid;gap:18px}.learn-matching label{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.learn-matching .learn-language{margin:0}.learn-planner{display:grid;gap:20px}.learn-planner label{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:10px 18px;border-bottom:1px solid var(--learn-line);padding-bottom:20px}.learn-planner label>p{grid-column:1/-1;margin:8px 0;font-size:23px}.learn-tracing{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.learn-tracing .learn-photo{object-fit:contain;max-height:150px}.learn-tracing canvas{display:block;max-width:100%;width:100%;aspect-ratio:1;border:1px solid var(--learn-line);background:linear-gradient(90deg,transparent 49.8%,#ddd 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#ddd 50%,transparent 50.2%);touch-action:none;margin-bottom:12px}.learn-culture{padding-left:22px;font-size:16px;line-height:1.7}.learn-culture li{margin:14px 0;padding-left:5px}.learn-summary{max-width:850px;margin:auto}.learn-summary h1{font:44px Georgia,serif}.learn-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin:32px 0}.learn-knowledge article{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:20px 0;border-top:1px solid var(--learn-line)}.learn-knowledge article>div{display:flex;flex-direction:column;gap:5px}.learn-knowledge span{font-size:12px;color:var(--learn-muted)}.learn-knowledge strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.learn-knowledge small{font-size:12px;color:var(--learn-muted)}.learn-knowledge progress{grid-column:1/-1}.learn-entry{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0;padding:24px;background:#eef3e8;border:1px solid #cad6c0;border-radius:8px}.learn-entry h2{margin:0 0 6px}.learn-entry p{margin:0;color:#63726b}.learn-loading{min-height:400px;display:grid;place-items:center}
@media(max-width:1000px){.learn-main{padding:32px}.learn-header{padding:0 32px}.learn-overview{gap:32px}.learn-player{grid-template-columns:170px minmax(0,1fr);gap:24px}.learn-card{padding:26px}.learn-scene{grid-template-columns:1fr}.learn-scene>.learn-photo{aspect-ratio:16/9;max-height:280px}.learn-rail h2{font-size:24px}}
@media(max-width:700px){.learn-header{height:65px;padding:0 20px;gap:10px}.learn-header>span{font-size:11px}.learn-brand{font-size:20px}.learn-brand span{display:none}.learn-main{padding:24px 18px}.learn-overview{grid-template-columns:1fr;gap:28px;padding-bottom:30px}.learn-intro h1{font-size:43px}.learn-cover .learn-photo{height:260px;border-radius:3px 35px 3px 3px}.learn-below{grid-template-columns:1fr;gap:26px;padding-top:24px}.learn-player{grid-template-columns:1fr;gap:18px}.learn-rail{position:static}.learn-rail h2,.learn-rail .learn-route,.learn-rail .learn-caption{display:none}.learn-rail .learn-progress-row{margin-top:12px}.learn-card{padding:24px 18px;min-height:360px}.learn-card h1{font-size:27px}.learn-workspace-top{flex-wrap:wrap;gap:10px}.learn-support{gap:12px}.learn-chinese{font-size:25px}.learn-footer{align-items:stretch;gap:12px}.learn-footer .learn-button{padding:10px 13px;font-size:13px}.learn-footer>div{gap:6px;flex-wrap:wrap}.learn-row{flex-wrap:wrap}.learn-tracing{grid-template-columns:1fr}.learn-tracing canvas{max-width:320px;margin:auto}.learn-planner label{grid-template-columns:1fr}.learn-knowledge{grid-template-columns:1fr}.learn-summary h1{font-size:34px}.learn-matching label{gap:12px}.learn-entry{flex-direction:column;align-items:flex-start}}
.learn-question-photo .learn-photo{max-height:360px;object-fit:contain;border-radius:6px;margin-bottom:24px;background:#f5efdf;aspect-ratio:3/2}
.lesson-picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}
.lesson-picture-grid figure{position:relative;margin:0;min-width:0}
.lesson-picture-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:10px;background:#f5efdf}
.lesson-picture-grid figcaption{position:absolute;top:10px;left:10px;background:#fff9ec;color:#493b28;border:1px solid #d6c39e;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:13px}
@media(max-width:650px){.lesson-picture-grid{grid-template-columns:1fr;gap:16px}.learn-question-photo .learn-photo{max-height:none}}
.learn-report-stats{display:flex;gap:32px;flex-wrap:wrap;margin:28px 0;padding:24px 0;border-block:1px solid #dedfd5}.learn-report-stats>div{display:flex;flex-direction:column;gap:4px;min-width:130px}.learn-report-stats strong{font-size:34px;font-weight:500;color:#276b57;font-variant-numeric:tabular-nums}.learn-report-stats span{font-size:13px;color:#63726b}.learn-review-section{margin:28px 0}.learn-review-list{padding:0;list-style:none;margin:20px 0}.learn-review-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #dedfd5}.learn-review-list li>div{display:flex;flex-direction:column;gap:4px}.learn-review-list small{color:#63726b;font-size:12px}.learn-review-section summary{cursor:pointer}.learn-recording audio{max-width:100%;width:100%;margin:16px 0}.learn-listen-panel details{margin:18px 0;font-size:14px}.learn-listen-panel details summary{cursor:pointer}.teaching-students details{border-bottom:1px solid #dedfd5;padding:18px 0}.teaching-students summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer}.teaching-students summary span{font-size:13px;color:#63726b}.teaching-students li{margin:8px 0}
@media(max-width:600px){.learn-review-list li{align-items:flex-start;flex-direction:column}.learn-report-stats{gap:24px}.teaching-students summary{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.learn-app *{transition:none!important;scroll-behavior:auto!important}}
#teaching-report{--learn-line:#dedfd5;--learn-muted:#63726b;--learn-accent:#276b57}#teaching-report progress{width:100%;accent-color:#276b57;height:6px}#teaching-report .studio-heading{flex-wrap:wrap}