:root{color:#18252f;background:#f4f7f6;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(35,92,74,.22);outline-offset:2px}textarea,input,select{width:100%;border:1px solid #c8d4d0;border-radius:8px;background:#fbfdfc;color:#18252f}textarea{min-height:120px;padding:12px 14px;resize:vertical;line-height:1.65}input,select{min-height:46px;padding:0 12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.1;letter-spacing:0}h2{margin-bottom:0;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.25;letter-spacing:0}h3{margin-bottom:10px;font-size:1.05rem;letter-spacing:0}.app-shell{display:grid;gap:18px;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:22px}.app-header{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:20px;border:1px solid #cbd9d4;border-radius:8px;background:#fff}.eyebrow{margin-bottom:6px;color:#8b5e34;font-size:.86rem;font-weight:850}.progress-badge{display:grid;min-width:96px;min-height:74px;place-items:center;padding:10px;border:1px solid #b7cbc4;border-radius:8px;background:#edf6f2}.progress-badge span{font-size:1.4rem;font-weight:900}.progress-badge small,.section-heading span,.select-card small,.keyword-card small,.level-card small,.review-card small,.plan-card small{color:#5b6b73}.step-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.step-pill,.module-card,.scenario-card,.word-button,.choice-button,.mini-actions button{min-height:46px;border:1px solid #c8d4d0;border-radius:8px;background:#fff;color:#21333d;cursor:pointer;font-weight:800}.step-pill{display:grid;gap:2px;align-content:center;padding:8px}.step-pill small{color:#65747b;font-size:.78rem;font-weight:650}.step-pill.active,.choice-button.selected,.word-button.selected,.segmented-control .active,.scenario-card.selected{border-color:#235c4a;background:#edf6f2;color:#163d32}.step-pill.complete span:after{content:" ✓";color:#235c4a}.page-shell,.page-grid{display:grid;gap:18px}.poem-library{display:grid;gap:20px}.library-intro{display:flex;gap:14px;align-items:end;justify-content:space-between;padding:8px 0 16px;border-bottom:1px solid #cbd9d4}.library-intro .eyebrow{margin-bottom:6px}.library-intro>span{color:#5b6b73;font-weight:800}.poem-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.poem-library-card{display:grid;gap:16px;min-height:280px;padding:20px;border:1px solid #cbd9d4;border-radius:8px;background:#fff}.poem-library-card-header{display:flex;gap:12px;align-items:start;justify-content:space-between}.poem-library-card h3{margin-bottom:6px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:1.5rem}.poem-library-card-header span,.poem-library-card-header small{color:#5b6b73;font-weight:750}.poem-library-card-header small{white-space:nowrap}.poem-library-card p{margin-bottom:0;color:#304650;line-height:1.65}.focus-tags{display:flex;flex-wrap:wrap;gap:8px}.focus-tags span{padding:6px 9px;border:1px solid #d2ded9;border-radius:8px;background:#f4f7f6;color:#38515d;font-size:.88rem;font-weight:800}.poem-library-card-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(128px,auto);gap:12px;align-items:center;align-self:end}.poem-library-card-footer small{color:#5b6b73;font-weight:750}.poem-library-card-footer .primary-button{min-width:128px}.panel,.poem-card{padding:20px;border:1px solid #d2ded9;border-radius:8px;background:#fff}.section-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:14px}.poem-card{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:18px;align-items:center;background:linear-gradient(90deg,#fff,#fff 58%,#f1f6f4)}.poem-card.compact{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}.poem-title-block{display:grid;gap:8px;padding:14px;border-left:4px solid #8b5e34}.poem-title-block p{margin-bottom:0;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900}.poem-title-block span{color:#5b6b73;font-weight:800}.poem-lines{display:grid;gap:8px;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:850;line-height:1.35}.poem-card.compact .poem-lines{font-size:clamp(1.6rem,4vw,2.4rem)}.poem-lines p,.goal-list,.guide-feedback,.hint-line,.plan-card p,.truth-card p,.review-card p,.mastery-card p{margin-bottom:0}.large-progress{overflow:hidden;height:16px;border:1px solid #c8d4d0;border-radius:8px;background:#edf1f0}.large-progress span{display:block;height:100%;border-radius:8px;background:#235c4a}.goal-list{display:grid;gap:8px;padding-left:20px;line-height:1.6}.action-row,.bottom-nav,.segmented-control{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:14px}.bottom-nav{position:sticky;bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;border:1px solid #cbd9d4;border-radius:8px;background:#fffffff5}.primary-button,.secondary-button{min-height:52px;border-radius:8px;cursor:pointer;font-weight:850}.primary-button{border:0;background:#235c4a;color:#fff}.secondary-button{border:1px solid #9eb4ad;background:#fff;color:#24495d}.primary-button:disabled,.secondary-button:disabled,.mini-actions button:disabled{cursor:not-allowed;opacity:.48}.plan-grid,.module-grid,.keyword-grid,.level-grid,.truth-grid,.mastery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.plan-card,.keyword-card,.level-card,.truth-card,.mastery-card,.diff-card,.correction-card,.review-card,.evidence-card,.sort-card,.fill-card{display:grid;gap:10px;padding:14px;border:1px solid #d2ded9;border-radius:8px;background:#fbfdfc}.module-card{display:grid;gap:5px;min-height:82px;padding:12px;text-align:left}.module-card span{color:#5b6b73}.two-column,.match-grid,.cause-effect-grid,.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.word-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.word-grid.compact{grid-template-columns:repeat(6,minmax(44px,1fr))}.word-button{min-height:58px;font-size:1.2rem}.hint-tags,.wrong-char-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.hint-tags span,.wrong-char-card,.mastery-card span,.hanzi-stroke-count{padding:7px 10px;border:1px solid #d2ded9;border-radius:8px;background:#f4f7f6;font-weight:800}.scene-panel{overflow:hidden}.scene-demo{width:100%;min-height:220px;border:1px solid #d2ded9;border-radius:8px;background:#f7fbfc}.scene-visual{position:relative;min-height:220px;overflow:hidden;border:1px solid #c8d5d0;border-radius:8px;background:#e6edeb;aspect-ratio:16 / 9}.poem-scene-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .18s ease,transform .24s ease}.scene-visual.perspective-横 .poem-scene-image{object-position:46% 58%;transform:scale(1.03)}.scene-visual.perspective-侧 .poem-scene-image{object-position:71% 53%;transform:scale(1.1)}.scene-visual.perspective-远 .poem-scene-image{transform:scale(1)}.scene-visual.perspective-近 .poem-scene-image{object-position:62% 55%;transform:scale(1.18)}.scene-visual.perspective-高 .poem-scene-image{object-position:52% 28%;transform:scale(1.1)}.scene-visual.perspective-低 .poem-scene-image{object-position:48% 78%;transform:scale(1.12)}.scene-lake.perspective-晴 .poem-scene-image{filter:brightness(1.09) saturate(1.13)}.scene-lake.perspective-雨 .poem-scene-image{filter:brightness(.86) saturate(.82)}.scene-visual:not(.perspective-default){box-shadow:inset 0 0 0 3px #42716459}.scene-fallback{margin-top:10px;color:#49615c}.scene-fallback summary{width:fit-content;cursor:pointer;font-weight:750}.scene-fallback .scene-demo{margin-top:10px}@media(prefers-reduced-motion:reduce){.poem-scene-image{transition:none}}.mountain-back{fill:#b8c7c2}.mountain-front{fill:#5d7f78}.lake-sky{fill:#dcecf3}.lake-sun{fill:#e4b34f}.lake-mountain-back{fill:#9bb3ae}.lake-mountain-front{fill:#5f827a}.lake-water{fill:#84b5c4}.lake-light{fill:none;stroke:#fff7c9;stroke-linecap:round;stroke-width:4}.lake-rain{fill:none;stroke:#6b8796;stroke-linecap:round;stroke-width:3}.lake-mist{stroke:#f5fbfc;stroke-width:8;opacity:.72}.ink-sky{fill:#f1f4ee}.ink-moon{fill:#d7c48c;opacity:.86}.ink-mountain-back{fill:#bdc8c1}.ink-mountain-front{fill:#70897f}.ink-river{fill:#9ab9c1}.ink-current{fill:none;stroke:#eef8f6;stroke-linecap:round;stroke-width:3}.ink-cloud{fill:#d9e1df;opacity:.9}.ink-observer{fill:#8b5e34;stroke:#fff;stroke-width:3}.mist-line{fill:none;stroke:#fff;stroke-width:4;opacity:.75}.view-dot{fill:#8b5e34;stroke:#fff;stroke-width:3}.perspective-侧 .mountain-front{transform:translate(20px) scaleX(.72);transform-origin:center}.perspective-远 .mountain-front,.perspective-远 .mountain-back{transform:scale(.82);transform-origin:center}.perspective-近 .mountain-front{transform:scale(1.12);transform-origin:center}.perspective-高 .mountain-front{transform:translateY(10px) scaleY(.9);transform-origin:center}.perspective-低 .mountain-front{transform:translateY(-8px) scaleY(1.08);transform-origin:center}.guide-feedback{padding:12px 14px;border:1px solid #d2ded9;border-radius:8px;background:#f4f7f6;color:#304650;font-weight:750;line-height:1.55}.success,.guide-feedback.success,.diff-card.success{border-color:#8fbaa7;background:#edf6f2;color:#1f5b47}.select-card,.answer-field{display:grid;gap:8px;font-weight:850}.stacked-options,.quiz-list,.sort-list,.classification-list,.diff-list,.correction-list,.review-list,.template-lines,.checklist,.summary-table{display:grid;gap:10px}.choice-button{padding:10px 12px;text-align:left}.choice-button.correct{border-color:#8fbaa7;background:#edf6f2}.sort-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.mini-actions{display:flex;flex-wrap:wrap;gap:8px}.mini-actions button{min-height:38px;padding:0 12px}.level-card .primary-button{margin-top:4px}.recite-hints{display:grid;gap:6px;min-height:132px;padding:12px;border:1px solid #d2ded9;border-radius:8px;background:#fff;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:1.35rem;font-weight:850}.reference-poem{display:grid;gap:4px;padding:10px 12px;border:1px solid #d2ded9;border-radius:8px;background:#f4f7f6;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:1.15rem;font-weight:850}.reference-poem p{margin:0}.fill-card{grid-template-columns:auto minmax(90px,1fr) auto;align-items:center}.fill-card small{grid-column:1 / -1}.diff-card ul{display:grid;gap:5px;margin:0;padding-left:20px}.warning-box{display:grid;gap:6px;margin-bottom:12px;padding:12px;border:1px solid #e0b36d;border-radius:8px;background:#fff8ec}.warning-box p{margin-bottom:0}.wrong-char-card{display:grid;min-width:72px;gap:4px;text-align:center}.wrong-char-card strong{font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:2rem}.correction-card{grid-template-columns:minmax(180px,1fr) minmax(140px,1fr) auto;align-items:center}.template-lines label{display:grid;grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr);gap:8px;align-items:center;font-weight:850}.template-lines label:not(:has(input+input)){grid-template-columns:auto minmax(0,1fr)}.scenario-card{display:grid;gap:6px;min-height:112px;padding:14px;text-align:left}.scenario-card span,.truth-card small,.review-card small,.mastery-card p{color:#5b6b73;line-height:1.55}.checklist label{display:flex;gap:8px;align-items:center;font-weight:800}.checklist input{width:18px;min-height:18px}.review-card{grid-template-columns:minmax(160px,.8fr) minmax(220px,1fr) minmax(220px,1.2fr) auto;align-items:center}.review-card textarea{min-height:84px}.mastery-card span[data-status=已掌握]{border-color:#8fbaa7;background:#edf6f2;color:#1f5b47}.mastery-card span[data-status=需要巩固]{border-color:#e0b36d;background:#fff8ec;color:#7a4d0b}.parent-summary summary{cursor:pointer;font-size:1.2rem;font-weight:900}.summary-table{margin-top:14px}.summary-table article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #d2ded9}.summary-table p{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:0}.page-status{margin-bottom:0;padding:14px;border:1px solid #d2ded9;border-radius:8px;background:#fff;color:#304650;font-weight:850;line-height:1.55}@media(max-width:860px){.app-shell{padding:14px}.app-header,.poem-card,.poem-card.compact,.two-column,.match-grid,.cause-effect-grid,.scenario-grid,.sort-card,.correction-card,.review-card,.summary-table article,.template-lines label,.template-lines label:not(:has(input+input)){grid-template-columns:1fr}.step-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:grid}.word-grid,.word-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav{position:static;grid-template-columns:1fr}.poem-lines{font-size:clamp(1.7rem,9vw,2.5rem)}}@media(max-width:520px){.library-intro,.poem-library-card-header{align-items:start;flex-direction:column}.poem-library-card-footer,.action-row,.segmented-control,.plan-grid,.module-grid,.keyword-grid,.level-grid,.truth-grid,.mastery-grid{grid-template-columns:1fr}.panel,.poem-card,.app-header{padding:14px}}