.learning-page{background:#f5f2e9}.learning-page::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 25%,#becdaa32,transparent 50%)}.learning-scroll{position:absolute;inset:105px 7.5% 95px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y}.learning-content{max-width:1160px;margin:auto;padding:18px 3px 45px;line-height:1.8}.learn-heading{margin-bottom:22px}.learn-heading h2{font-size:clamp(29px,3vw,44px);font-weight:400;letter-spacing:2px;margin:0}.learn-heading .small-label{font-size:11px;letter-spacing:2px}.learning-intro{font-size:16px;color:#677661;max-width:780px;margin:0 0 24px}.learn-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.learn-tabs button{padding:8px 20px;border:1px solid #b4c0aa;border-radius:30px;font-size:15px}.learn-tabs button[aria-pressed=true]{background:#607354;color:#fff;border-color:#607354}.character-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.character-tile{font-size:41px;aspect-ratio:1;border-bottom:1px solid #c0c9b4;background:#fff8}.character-tile[aria-pressed=true]{color:#876453;background:#e5eadb}.character-focus{border-left:1px solid #c8ceb9;padding:8px 0 10px 36px}.character-focus ruby{font-size:82px;line-height:1.5}.character-focus rt{font:18px system-ui}.character-structure{font-size:13px;color:#7a816b}.character-examples{font-size:22px}.character-focus p{max-width:390px}.quiet-note{font-size:13px;color:#7a826f;line-height:1.9}.learning-source{border-top:1px solid #cbd2c0;margin-top:38px;padding-top:15px;font-size:12px;color:#7b826f}.learning-source summary{cursor:pointer}.learning-source a,.source a{color:#627952}.words-layout{display:grid;grid-template-columns:310px 1fr;gap:7%}.word-chips{display:flex;gap:9px;flex-wrap:wrap}.word-chips button{border-bottom:1px solid #bfc9b5;padding:8px 12px;font-size:17px}.word-chips button[aria-pressed=true]{background:#e3e8d7;border-color:#74865e;color:#334f3e}.extra-words{margin-top:27px}.word-focus ruby{font-size:44px;line-height:1.7;letter-spacing:4px}.word-focus rt{font:14px system-ui;letter-spacing:1px}.word-meaning{font-size:23px;margin-top:10px}.source-sentence{margin:20px 0 8px;padding:16px 20px;border-left:2px solid #a0ad82;background:#ffffff54;font-size:18px;line-height:2;white-space:pre-line}.text-link{font-size:13px;border-bottom:1px solid #a5b091;padding:4px 0;color:#617751}.comparison{padding:14px 0 3px;margin-top:12px;border-top:1px solid #d9ddce}.comparison p{margin:6px 0}.comparison .small-label{font-size:11px;color:#897553}.learning-prompt{border-bottom:1px solid #ccd3c0;padding:13px 0;margin:14px 0}.learning-prompt summary{cursor:pointer;color:#637850}.learning-prompt p{line-height:2}.sentence-focus{max-width:820px}.sentence-focus .source-sentence{font-size:23px}.observe-question{font-size:20px;line-height:1.9;margin-top:28px}.writing-prompt{display:block;font-size:17px;margin-top:22px}.writing-prompt textarea{margin-top:12px;font-size:17px;min-height:115px}.save-message{font-size:12px;color:#718163}.dossier-group{font-size:12px;margin:24px 0 8px}.dossier-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px}.dossier-cards button{padding:20px;text-align:left;border-top:1px solid #b7c2aa;background:#ffffff4d}.dossier-cards b{display:block;font-size:25px;font-weight:400}.dossier-cards small{font-size:13px;color:#7b836c}.card-arrow{display:block;font-size:12px;margin-top:15px;color:#6b8058}.dossier-focus{max-width:850px}.dossier-focus h3,.practice-focus h3,.practice-summary h3{font-size:30px;font-weight:400;margin:10px 0 22px}.dossier-levels details{padding:16px 0;border-bottom:1px solid #cbd2bf}.dossier-levels summary{font-size:21px;cursor:pointer}.dossier-levels p{font-size:19px;line-height:2}.knowledge-diagram{width:100%;height:190px;margin:15px 0}.knowledge-diagram text{font:15px system-ui;fill:#64745d}.reading-relation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:35px 0;padding:25px 0;border-block:1px solid #d3d8c9;text-align:center;font-size:20px}.reading-relation small{display:block;font-size:12px;color:#839073}.reading-relation i{font-style:normal;color:#a4b191}.practice-focus{max-width:850px}.practice-question{font-size:23px;line-height:1.9}.practice-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.practice-actions button{padding:8px 17px;border:1px solid #aab89a;border-radius:24px;font-size:14px}.task-response{font-size:17px;line-height:2;color:#716848}.saved-result{font-size:13px;color:#6d815c}.practice-summary p{border-bottom:1px solid #cbd4be;padding:15px 0}.practice-summary p span{float:right;font-size:14px;color:#7a8768}dialog .learning-content{padding-bottom:15px}dialog .character-layout,dialog .words-layout{gap:5%;grid-template-columns:1fr 1.15fr}dialog .character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}dialog .character-tile{font-size:30px}dialog .character-focus{padding-left:24px}dialog h2{font-size:31px}.learning-page .learn-heading{padding-top:6px}
#dots{min-width:0;overflow-x:auto;scrollbar-width:none;padding:5px 4px;overscroll-behavior:contain}#dots button{flex-shrink:0}#dots button.learning-dot{border-radius:2px;border-color:#ac927b}#dots button.learning-dot[aria-current=true]{background:#ac927b;box-shadow:0 0 0 4px #ac927b18}.story-scene .copy{max-height:65%;}.story-scene .passage{white-space:pre-line}
@media(max-width:760px){.learning-scroll{inset:82px 7% 91px}.learning-content{padding-top:6px}.learn-heading{margin-bottom:16px}.learn-heading h2{font-size:28px;letter-spacing:1px}.learning-intro{font-size:14px;line-height:1.9}.learn-tabs{gap:8px;margin-bottom:20px}.learn-tabs button{padding:7px 12px;font-size:13px}.character-layout,dialog .character-layout{display:flex;flex-direction:column;gap:25px}.character-grid,dialog .character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;width:100%}.character-tile,dialog .character-tile{font-size:31px}.character-focus,dialog .character-focus{padding:15px 0 0;border-left:0;border-top:1px solid #c8ceb9;width:100%}.character-focus ruby{font-size:68px}.words-layout,dialog .words-layout{display:flex;flex-direction:column;gap:24px}.word-chips{gap:7px}.word-chips button{font-size:15px;padding:5px 10px}.extra-words{margin-top:15px}.word-focus ruby{font-size:35px}.word-meaning{font-size:21px}.source-sentence,.sentence-focus .source-sentence{font-size:18px;padding:13px 15px}.observe-question{font-size:18px}.dossier-cards{grid-template-columns:1fr;gap:15px}.dossier-cards b{font-size:22px}.dossier-levels p{font-size:17px}.reading-relation{font-size:15px;gap:8px}.reading-relation small{font-size:10px}.dossier-focus h3,.practice-focus h3{font-size:25px}.practice-question{font-size:20px}.practice-summary p span{float:none;display:block;margin-top:5px}footer{flex-wrap:nowrap;gap:10px}#position{min-width:88px;max-width:110px;font-size:10px}#dots{flex:1;gap:10px}.arrows{flex-shrink:0}.story-scene .copy{top:12%;max-height:37%;}.story-scene[data-id=school] .copy{max-height:35%;}.story-scene .passage{font-size:19px;line-height:1.85;letter-spacing:.5px}}
/* Shared lesson layout: selected detail on the left, all choices on the right. */
.learning-content{max-width:none;padding:8px 3px 40px}.learn-heading{margin-bottom:12px}.learn-heading .small-label{letter-spacing:3px;margin-bottom:15px}.learn-heading h2{font-weight:400;margin:0 0 12px}.learning-intro{font-size:15px;color:#888a73;margin-bottom:30px}.reference-layout{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);gap:5vw;align-items:start}.character-detail,.word-detail{min-width:0;padding-top:18px;scroll-margin-top:12px}.big-character{display:block;font-size:98px;line-height:1.1;color:#4c6545}.detail-pinyin{font:18px Georgia,'PingFang SC',serif;color:#9b8665;letter-spacing:1px;margin:15px 0}.character-words{font-weight:400;font-size:21px;line-height:1.6;margin:12px 0}.detail-explanation,.word-detail .word-meaning,.word-example{font-size:17px;line-height:1.9;color:#71765f}.board-title{font-weight:400;color:#8a8b74;font-size:15px;letter-spacing:2px;margin:0 0 13px}.board-title:not(:first-child){margin-top:25px}.character-grid{display:grid;gap:10px}.character-grid.recognize{grid-template-columns:repeat(7,minmax(0,1fr))}.character-grid.write{grid-template-columns:repeat(7,minmax(0,1fr))}.character-grid .character-tile{aspect-ratio:auto;font-size:34px;border:0;background:none;padding:6px 2px;border-radius:5px}.tile-pinyin{display:block;font:14px Georgia,'PingFang SC',serif;letter-spacing:.2px;color:#988b70;margin-bottom:8px}.hanzi,.hanzi-grid{font-size:34px;line-height:1.3;display:block}.hanzi-grid{background:linear-gradient(90deg,transparent 49.4%,#b8c5a83b 49.4%,#b8c5a83b 50.6%,transparent 50.6%),linear-gradient(transparent 49.4%,#b8c5a83b 49.4%,#b8c5a83b 50.6%,transparent 50.6%);outline:1px solid #bbc8b044;padding:7px 0}.character-grid .character-tile[aria-pressed=true],.word-tile[aria-pressed=true]{background:#d7e0c95c;color:#46633b}.character-tile:hover,.word-tile:hover{background:#d7e0c935}.big-word{font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.5;margin:8px 0 18px}.word-detail .word-meaning{margin:0 0 16px}.word-detail .word-example{font-size:14px;color:#989078}.word-return{border:0;border-bottom:1px solid #a6b392;background:none;padding:10px 0;font-size:15px;color:#658051;line-height:1.6}.word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.word-tile{border:0;background:#eee9dc44;padding:20px 5px;font-size:22px;border-radius:4px;min-height:100px}.word-tile .tile-pinyin{font-size:12px;white-space:nowrap}.word-comparison{margin:12px 0;padding-left:13px;border-left:2px solid #a9b68b70}.synonym-label{font-size:12px;letter-spacing:2px;color:#92977f;margin:0 0 7px}.synonym-words{font-size:23px;color:#64814e;margin:0 0 8px;line-height:1.5}.synonym-note{font-size:13px;line-height:1.8;color:#82866c;margin:0}.word-board-note{font-size:11px;color:#989681;margin-top:17px}.tap-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:16px 0}.tap-play{border:0;background:#e0e7d677;border-radius:22px;padding:9px 15px;color:#49643e;font-size:14px}.tap-status{font-size:12px;line-height:1.7;color:#7b8269}.tap-reading-text{transition:color .18s,background .18s,text-shadow .18s}.tap-speaking{color:#a86d25!important;background:#efd48b44;text-shadow:0 0 18px #d5bb6955;border-radius:5px}.tap-context{margin-top:14px}.tap-context-label{font-size:12px;letter-spacing:2px;color:#8f977e}.tap-sentence{font-size:18px;line-height:2;color:#52634a;white-space:pre-line}.exhibit-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3vw;margin-top:30px}.exhibit-card{display:flex;flex-direction:column;align-items:center;border:0;border-bottom:1px solid #a9b29b55;background:linear-gradient(transparent,#e6e6d63d);padding:0 10px 20px;transition:transform .3s,background .3s}.exhibit-card:hover{transform:translateY(-7px);background:linear-gradient(transparent,#dce3ce60)}.exhibit-card img{height:clamp(150px,28vh,265px);width:100%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply;pointer-events:none}.exhibit-card h3{font-size:28px;font-weight:400;color:var(--card-accent);margin:7px 0 12px}.exhibit-card p{font-size:13px;line-height:1.6;letter-spacing:1px;margin:0 0 12px;color:#8f8b77}.exhibit-card .exhibit-overview{font-size:11px;letter-spacing:0;color:#78856a}.exhibit-pinyin{font:14px Georgia,serif;color:#a49b85;margin-top:20px}.card-enter{font-size:13px;letter-spacing:1px;color:var(--card-accent)}
@media(max-width:799px){.reference-layout{display:flex;flex-direction:column;gap:24px}.character-detail,.word-detail{width:100%;padding-top:0}.character-boards{width:100%;order:-1}.character-grid.recognize,.character-grid.write{grid-template-columns:repeat(5,minmax(0,1fr))}.character-grid .character-tile{font-size:29px}.hanzi,.hanzi-grid{font-size:29px}.tile-pinyin{font-size:12px}.big-character{font-size:78px}.board-title{font-size:13px}.word-board{order:-1;width:100%}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.word-tile{font-size:19px;min-height:83px;padding:16px 3px}.word-tile .tile-pinyin{white-space:normal;font-size:10px}.word-board-note{font-size:0}.word-board-note:after{content:'前 12 个是教材词语，后 4 个是读文补充。';font-size:11px}.exhibit-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.exhibit-card{padding:0 5px 16px}.exhibit-card img{height:180px}.exhibit-card h3{font-size:21px;line-height:1.6}.exhibit-card p{font-size:11px;letter-spacing:0}.exhibit-pinyin{font-size:11px}.tap-sentence{font-size:16px}.tap-controls{margin:10px 0}.tap-play{font-size:13px}}

.discovery-overview{max-width:760px;font-size:20px;line-height:1.95}.discovery-overview h3{font-size:29px;font-weight:400;margin:16px 0}.discovery-word-picks{margin-top:35px}.discovery-word-picks button{font-size:24px;margin:0 28px 12px 0;border-bottom:1px solid #c4cbb8;padding:9px 0}.sentence-explanation{font-size:21px;line-height:1.9}.exhibition-topic .tap-controls{margin-top:18px}.discovery-reading.tap-speaking{background:#e6c98838}.sentence-focus .tap-controls{margin:20px 0}@media(max-width:799px){.discovery-overview{font-size:18px}.discovery-overview h3{font-size:25px}.discovery-word-picks button{font-size:21px}.sentence-explanation{font-size:19px}}

.polyphone-badge{display:block;font-size:10px;line-height:1.3;letter-spacing:1px;color:#957147;margin-top:5px}.reading-context{display:block;font-size:11px;color:#7a816a;margin-top:5px;letter-spacing:1px}.character-lead{font-size:17px;line-height:1.5;margin:6px 0}.polyphone-panel{border-top:1px solid #cbd0bd;margin-top:22px;padding-top:14px}.polyphone-panel h4{font-size:15px;font-weight:400;margin:0 0 12px}.polyphone-options{display:flex;gap:7px;flex-wrap:wrap}.polyphone-options button{padding:8px 10px;border:1px solid #c7ceba;border-radius:4px;text-align:left;flex:1;min-width:82px}.polyphone-options button[aria-pressed=true]{background:#e5eadc;border-color:#8e9c7d}.polyphone-options span{display:block;font-size:18px}.polyphone-options small{display:block;font-size:12px;line-height:1.7;margin-top:5px}.polyphone-meaning,.homophone-comparison p,.word-polyphone{font-size:15px;line-height:1.9}.polyphone-note{font-size:12px;line-height:1.7;color:#828572}.homophone-comparison{margin-top:20px;border-top:1px solid #cbd0bd;padding-top:12px}.homophone-comparison summary{font-size:14px;line-height:1.8;cursor:pointer}.homophone-comparison b{font-weight:400;color:#506545}.compare-listen{padding:7px 0;border-bottom:1px solid #b1bba0;font-size:14px}.word-polyphone{border-top:1px solid #cbd0bd;margin-top:20px;padding-top:16px}.character-tile{position:relative}

.learning-dragging,.learning-dragging *{user-select:none!important;cursor:grabbing!important}