:root{color:#1d2c31;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f1;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button:focus-visible{outline-offset:2px;outline:3px solid #1db8b047}:root{--teal:#1db8b0;--teal-dark:#149f98;--ink:#1d2c31;--muted:#7a8a8d;--line:#e6eceb;--page:#eef2f1;--card:#fff;--hero:#bfe8f5}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top, #f7fbfa, transparent 40%), var(--page);margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;cursor:pointer}#root{min-height:100vh}.beaker-logo{filter:drop-shadow(0 2px 4px #4aa0d247);place-items:center;width:36px;height:36px;display:inline-grid}.beaker-logo svg{width:36px;height:36px}.beaker-body{fill:#4fc3f7}.beaker-liquid{fill:#81d4fa}.beaker-eye{fill:#17343a}.beaker-smile{fill:none;stroke:#17343a;stroke-width:1.4px;stroke-linecap:round}.beaker-bubble{fill:#90caf9}.beaker-bubble.soft{fill:#bbdefb}.beaker-spark{fill:none;stroke:#ffd54f;stroke-width:1.8px;stroke-linecap:round}.home-screen{background:#f7fafa;width:min(430px,100%);min-height:100vh;margin:0 auto;padding:18px 16px 40px}.catalog-screen{background:0 0;width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:18px 0 48px}.catalog-hero{color:#fff;background:linear-gradient(90deg,#1a5f56 0%,#21786c 55%,#1d6a60 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:16px 20px;display:flex;box-shadow:0 10px 24px #18504829}.catalog-hero-brand{align-items:center;gap:12px;min-width:0;display:flex}.catalog-hero-mark{color:#1a5f56;background:#ffe08a;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.catalog-hero-brand strong{letter-spacing:.02em;font-size:20px;font-weight:800;display:block}.catalog-hero-brand p{color:#ffffffc7;margin:2px 0 0;font-size:13px}.catalog-mode{background:#ffffff29;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.catalog-mode button{color:#ffffffdb;background:0 0;border:0;border-radius:999px;min-width:72px;min-height:36px;padding:0 16px;font-size:14px;font-weight:700}.catalog-mode button.is-active{color:#1a5f56;background:#fff}.catalog-sections{gap:28px;display:grid}.catalog-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.catalog-section-head strong{color:#1b2430;font-size:20px;font-weight:800}.catalog-section-head span{color:#8b97a3;font-size:13px;font-weight:700}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.catalog-card{background:#fff;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 6px 18px #283c5014}.catalog-card-hit{width:100%;height:100%;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.catalog-card-hit:disabled{cursor:default}.catalog-cover{aspect-ratio:16/10;color:#fff;place-items:center;width:100%;font-size:28px;display:grid;position:relative;overflow:hidden}.catalog-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.catalog-card-body{background:#fff;flex-direction:column;gap:8px;padding:12px 12px 14px;display:flex}.catalog-card-body h3{color:#1d2430;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.catalog-card-body p{color:#8b97a3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.catalog-pills{flex-wrap:wrap;gap:6px;display:flex}.catalog-pills span{border-radius:999px;max-width:100%;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.4}.catalog-pills .is-lexile{color:#8a5a12;background:#ffe7a8}.catalog-pills .is-ks{color:#1d5f86;background:#d7efff}.catalog-soon{color:#4d6b5e;align-self:flex-start;font-size:11px;font-style:normal;font-weight:800}.catalog-card.is-ready .catalog-card-hit:hover{transform:translateY(-2px)}.catalog-card.is-ready{transition:transform .16s,box-shadow .16s}.catalog-card.is-ready:hover{box-shadow:0 12px 28px #283c5024}.catalog-cover-slot{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff2e;border:1.5px dashed #ffffffb8;border-radius:14px;justify-items:center;gap:8px;width:calc(100% - 20px);padding:18px 12px;display:grid;position:relative}.catalog-cover-emoji{text-shadow:none;font-size:28px;line-height:1}.catalog-cover-slot em{color:#fffffff2;letter-spacing:.04em;text-shadow:0 1px 4px #14283c40;font-size:12px;font-style:normal;font-weight:800}@media (width<=1099px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.catalog-screen{width:min(100%,100% - 16px);padding:12px 0 36px}.catalog-hero{flex-wrap:wrap;padding:14px}.catalog-mode{width:100%}.catalog-mode button{flex:1}.catalog-section-head strong{font-size:17px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card-body h3{font-size:13.5px}}@media (width<=480px){.catalog-grid{grid-template-columns:1fr}}.media-slot{color:#3f6b5c;text-align:center;background:linear-gradient(#ffffffb8,#e8f5eee6),repeating-linear-gradient(-45deg,#5a96780d 0 8px,#5a967805 8px 16px);border:1.5px dashed #b7d0c6;border-radius:14px;align-content:center;place-items:center;gap:6px;width:100%;min-height:120px;padding:16px 12px;display:grid;position:relative;overflow:hidden}.media-slot-frame{pointer-events:none;border:1px solid #5a8c782e;border-radius:10px;position:absolute;inset:10px}.media-slot strong{z-index:1;font-size:13px;font-weight:800;position:relative}.media-slot small{z-index:1;color:#6f8f82;font-size:11px;font-weight:600;position:relative}.reading-poster.is-slot,.speak-hero-figure.is-slot{box-shadow:none;background:0 0;border:0;padding:0}.reading-visual.is-slot{box-shadow:none;background:0 0}.reading-visual.is-slot .media-slot{height:100%;min-height:0}.reading-callout.is-slot-note{opacity:.85}.story-poster-fallback .media-slot{width:min(100%,280px);margin:0 auto}.story-poster.is-slot{box-shadow:none;background:0 0}.story-poster-slot{width:100%}.story-poster-slot .media-slot{border-radius:14px;width:100%;min-height:160px}.home-top{align-items:center;gap:10px;margin-bottom:18px;display:flex}.home-top strong{font-size:18px;display:block}.home-top p{color:var(--muted);margin:2px 0 0;font-size:12px}.home-hero{text-align:left;cursor:pointer;background:linear-gradient(135deg,#c8ebf7,#d7f3fb 55%,#ffe8bf);border:0;border-radius:22px;grid-template-columns:1.1fr .9fr;gap:8px;min-height:170px;margin-bottom:22px;padding:22px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #2a606e1f}.home-hero>div>span{color:var(--teal-dark);font-size:11px;font-weight:800}.home-hero .color-title{margin:8px 0 4px}.home-hero em{color:#5d7c82;margin-top:10px;font-size:11px;font-style:normal;display:inline-block}.home-list h2{margin:0 0 12px;font-size:16px}.home-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;grid-template-columns:92px 1fr;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:10px;display:grid}.home-card .banner-art{border-radius:12px;width:92px;height:72px}.home-card strong{font-size:14px;display:block}.home-card span{color:var(--muted);font-size:12px}.phone-app{background:#f5f8f7;flex-direction:column;width:min(430px,100%);min-height:100vh;max-height:100vh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 0 1px #1432370a,0 18px 50px #1e3c411f}.app-body-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.app-top{z-index:2;background:radial-gradient(circle at 12% 28%,#ffffffb3,#0000 22%),radial-gradient(circle at 88% 18%,#bae6fd8c,#0000 26%),linear-gradient(#d4f3f7 0%,#e8f8fb 42%,#f7fcfd 72%,#fff 100%);flex-shrink:0;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;min-height:44px;padding:4px 10px 2px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #5096aa1f}.app-top-decor{pointer-events:none;z-index:0;position:absolute;inset:0}.app-top-clouds{opacity:.95;width:100%;height:56px;position:absolute;bottom:-6px;left:0;right:0}.app-top-sprout{opacity:.88;width:26px;height:26px;position:absolute;bottom:4px;left:6px}.app-top-planet{opacity:.9;width:40px;height:30px;position:absolute;top:6px;right:-2px}.app-top-molecule{opacity:.8;width:22px;height:18px;position:absolute;bottom:6px;right:44px}.app-top-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 1px 2px #ffb42859);background:#ffd666;width:10px;height:10px;position:absolute}.app-top-star.s1{top:8px;left:48px;transform:scale(.7)}.app-top-star.s2{width:7px;height:7px;top:28px;right:52px}.app-top-bubble{opacity:.7;background:radial-gradient(circle at 30% 30%,#fff,#b8e6f5 70%);border-radius:50%;position:absolute}.app-top-bubble.b1{width:7px;height:7px;top:22px;left:72px}.app-top-bubble.b2{background:radial-gradient(circle at 30% 30%,#fff,#9fe0d4 70%);width:6px;height:6px;top:16px;right:96px}.app-top-bubble.b3{width:5px;height:5px;top:28px;left:38px}.app-header{display:contents}.app-header .icon-btn{z-index:2;grid-row:1}.app-header .icon-btn:first-child{grid-column:1}.app-header .icon-btn.search{grid-column:3}.app-title{display:none}.icon-btn{color:#3a4d55;background:#fff;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:26px;line-height:1;display:grid;box-shadow:0 4px 12px #46788c1f}.icon-btn.search{font-size:18px;transform:none}.app-tabs{z-index:1;background:0 0;border-bottom:0;grid-area:1/2;grid-template-columns:repeat(3,1fr);min-height:0;padding:0;display:grid;position:relative}.app-tabs button{color:#7a8c94;background:0 0;border:0;padding:6px 0 8px;font-size:16px;font-weight:800;position:relative}.app-tabs button.active{color:#12b5ab}.app-tabs button.active:after{content:"";background:#12b5ab;border-radius:999px;width:58px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #12b5ab59}.app-scroll{padding:14px 14px 18px}.hero-card{background:radial-gradient(circle at 20% 20%,#ffffff8c,#0000 28%),linear-gradient(145deg,#b9e5f4 0%,#cfeff8 48%,#e8f7fb 100%);border-radius:20px;grid-template-columns:1.05fr .95fr;min-height:168px;display:grid;position:relative;overflow:hidden}.hero-text{z-index:2;padding:20px 8px 20px 18px;position:relative}.banner-art{min-height:140px;position:relative}.sky-art{background:radial-gradient(circle at 70% 35%,#ffe68c8c,#0000 24%),linear-gradient(#0000 55%,#7eb98459)}.art-sun{background:#ffe082;border-radius:50%;width:42px;height:42px;position:absolute;top:22px;right:28px;box-shadow:0 0 0 10px #ffe08240}.art-cloud{background:#ffffffeb;border-radius:20px;width:54px;height:18px;position:absolute;box-shadow:18px -10px #ffffffeb}.art-cloud.c1{top:36px;left:18px}.art-cloud.c2{top:78px;right:18px;transform:scale(.75)}.art-girl,.art-doc,.art-boy,.art-bug,.art-plant,.art-rain{filter:drop-shadow(0 6px 8px #1e3c4626);font-size:34px;position:absolute}.art-girl{bottom:18px;left:18px}.art-doc{font-size:38px;bottom:14px;right:18px}.art-boy{bottom:16px;left:20px}.art-bug,.art-plant,.art-rain{bottom:18px;right:16px}.art-rainbow{opacity:.85;border:8px solid #ef7a66;border-bottom:0;border-radius:110px 110px 0 0;width:110px;height:55px;position:absolute;bottom:8px;right:8px;box-shadow:inset 0 8px #f2b24d,inset 0 16px #67c79a,inset 0 24px #6d93db}.firefly-art{background:linear-gradient(145deg,#2f2868,#5b4aa0)}.plant-art{background:linear-gradient(145deg,#d8f5e8,#b8ebd4)}.rain-art{background:linear-gradient(145deg,#d5e9fb,#bdd9f5)}.player-card{z-index:5;background:#fff;border:1px solid #e4ebea;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:84px;margin:-22px 6px 18px;padding:12px 12px 12px 10px;display:grid;position:relative;box-shadow:0 8px 22px #23464b1f}.play-btn{color:#fff;background:var(--teal);border:0;border-radius:50%;place-items:center;width:46px;height:46px;font-size:14px;display:grid;box-shadow:0 6px 14px #1db8b047}.player-meta{min-width:0}.player-meta strong,.player-meta span,.progress-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-meta strong{font-size:13px;line-height:1.25}.player-meta span{color:var(--muted);margin-top:2px;font-size:11px}.progress-row{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:8px;display:grid}.progress-bar{background:#e2e8e7;border-radius:999px;height:4px;overflow:hidden}.progress-bar i{border-radius:inherit;background:var(--teal);height:100%;transition:width .2s linear;display:block}.progress-row small{color:#95a3a5;font-size:10px}.player-actions{gap:4px;display:flex}.player-actions button{color:#5d7073;background:0 0;border:0;border-radius:8px;width:34px;height:34px;font-size:18px;position:relative}.player-actions em{font-size:8px;font-style:normal;font-weight:800;position:absolute;top:11px;left:11px}.steps-panel{gap:12px;display:grid}.step-row{background:#fff;border-radius:16px;grid-template-columns:1fr 118px;align-items:center;gap:8px;min-height:96px;padding:14px 12px 14px 14px;display:grid;box-shadow:0 4px 14px #23464b0d}.step-left{grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}.step-num{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid;box-shadow:0 4px 10px #1db8b040}.step-left p{color:#24363a;margin:2px 0 0;font-size:15px;font-weight:800;line-height:1.3}.step-left small{color:#7d8d90;margin-top:4px;font-size:12px;line-height:1.4;display:block}.step-visual{background:#f3f8f7;border-radius:12px;height:78px;overflow:hidden}.step-visual svg{width:100%;height:100%;display:block}.sv-sun{fill:#ffd54f}.sv-ray{fill:none;stroke:#ffca28;stroke-width:2px;stroke-linecap:round}.sv-sky{fill:#d7f0fa}.sv-beam{fill:none;stroke:#90caf9;stroke-width:3px;stroke-linecap:round}.sv-beam.warm{stroke:#ffab91}.sv-dot{fill:#42a5f5}.sv-arrow{fill:none;stroke:#64b5f6;stroke-width:1.6px;stroke-linecap:round}.sv-hill{fill:#5d8f6c}.sv-glow{fill:#fff59d;opacity:.7}.sv-bug{fill:#263238}.sv-bug-head{fill:#1b2328}.sv-wave{fill:none;stroke:#26a69a;stroke-width:2px}.sv-shield{fill:#80cbc4}.sv-check{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.sv-soil{fill:#bcaaa4}.sv-root{fill:none;stroke:#8d6e63;stroke-width:3px;stroke-linecap:round}.sv-plant{fill:none;stroke:#43a047;stroke-width:4px;stroke-linecap:round}.sv-stem{fill:none;stroke:#2e7d32;stroke-width:5px;stroke-linecap:round}.sv-leaf{fill:#66bb6a}.sv-drop{fill:#4fc3f7}.sv-leaf-big{fill:#81c784}.sv-vapor{fill:none;stroke:#90a4ae;stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 3}.sv-ring{fill:none;stroke:#26a69a;stroke-width:4px}.sv-arrowhead{fill:none;stroke:#26a69a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.sv-cloud{fill:#fff}.sv-rain{fill:none;stroke:#42a5f5;stroke-width:3px;stroke-linecap:round}.sv-sun.low{fill:#ffcc80}.words-panel,.try-panel{background:#fff;border-radius:16px;margin-top:16px;padding:14px;box-shadow:0 4px 14px #23464b0d}.section-label{align-items:center;gap:6px;margin-bottom:12px;display:flex}.section-label strong{color:var(--teal);font-size:14px}.section-label i{background:#d5dedd;width:1px;height:12px}.section-label em{color:#5f7376;font-size:12px;font-style:normal;font-weight:700}.word-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.word-chip{text-align:center;border:0;border-radius:14px;justify-items:center;gap:2px;min-height:86px;padding:10px 6px;display:grid}.word-chip span{font-size:22px}.word-chip b{font-size:13px}.word-chip small{color:#617275;font-size:11px}.tone-teal{color:#1f6f6c;background:#dff7f3}.tone-yellow{color:#8a6a1d;background:#fff4d6}.tone-purple{color:#6a4ea0;background:#efe8fb}.try-panel p{color:var(--muted);margin:-2px 0 12px;font-size:12px}.try-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.try-item{justify-items:center;gap:6px;display:grid}.try-item span{background:#eef8f6;border:1px solid #d7ebe7;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;display:grid}.try-item small{color:#5f7376;font-size:11px}.knowledge-long-page{background:#f5faf6;gap:24px;display:grid}.knowledge-stage{min-width:0}.knowledge-stage-head{background:radial-gradient(circle at 100% 0,#81c3b324,#0000 34%),#eef4f2;border:1px solid #dce9e5;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:17px 16px;display:grid;position:relative;overflow:hidden}.knowledge-stage-head:after{content:"";border:16px solid #4d928412;border-radius:50%;width:96px;height:96px;position:absolute;bottom:-34px;right:-26px}.knowledge-step{z-index:1;color:#fff;letter-spacing:.06em;background:#4f9188;border-radius:999px;place-items:center;min-width:56px;height:26px;margin-top:2px;padding:0 8px;font-size:10px;font-weight:900;display:inline-grid;position:relative}.knowledge-stage-head>div{z-index:1;min-width:0;position:relative}.knowledge-stage-head p{color:#4c7771;letter-spacing:.08em;margin:0 0 3px;font-size:12px;font-weight:800}.knowledge-stage-head h2{color:#23383a;margin:0;font-size:18px;line-height:1.35}.knowledge-stage-head small{color:#748582;margin-top:5px;font-size:11px;line-height:1.5;display:block}.reading-poster{background:#fff8f2;border:1px solid #f0ddd0;border-radius:16px;margin:12px 0 0;padding:0;overflow:hidden;box-shadow:0 8px 22px #a078640f}.reading-poster img{width:100%;height:auto;display:block}.growth-roadmap::-webkit-scrollbar{display:none}.reading-logic{color:#55716c;background:#edf3f1;border-left:3px solid #91b8ae;border-radius:0 8px 8px 0;align-items:flex-start;gap:7px;margin:12px 0 10px;padding:8px 10px;font-size:10.5px;line-height:1.5;display:flex}.reading-logic span{color:#36766b;flex:none;font-weight:900}.knowledge-vocabulary-stage{background:#f7faf9;border-radius:16px;padding-top:2px}.story-panel,.quiz-panel{gap:10px;display:grid}.chat-line,.story-block{background:#fff;border-radius:14px;grid-template-columns:36px 1fr auto;gap:10px;padding:12px;display:grid;box-shadow:0 3px 12px #23464b0d}.chat-line.active{outline:2px solid #1db8b059}.chat-line>span,.story-block>span{background:#eaf7f5;border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.story-block>span{color:#fff;background:var(--teal);font-size:13px;font-weight:800}.chat-line b{font-size:12px}.chat-line p,.story-block p{margin:4px 0 0;font-size:13px;font-weight:700;line-height:1.45}.chat-line small,.story-block small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45;display:block}.chat-line button{width:30px;height:30px;color:var(--teal);background:#e8f8f6;border:0;border-radius:50%;align-self:center;font-size:10px}.quiz-panel fieldset{background:#fff;border:0;border-radius:14px;margin:0;padding:14px;box-shadow:0 3px 12px #23464b0d}.quiz-panel legend{float:left;align-items:center;gap:8px;width:100%;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.quiz-panel legend span{color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.quiz-panel fieldset>button{text-align:left;background:#fbfcfc;border:1px solid #e3e9e8;border-radius:10px;width:100%;margin-top:6px;padding:10px 12px;font-size:12px}.quiz-panel fieldset>button.correct{color:#1d6d5f;background:#e9faf5;border-color:#8fd4c4}.quiz-panel fieldset>button.wrong{color:#a14b3f;background:#fff2ef;border-color:#f0b2a8}.quiz-note{clear:both;color:#66787b;margin:8px 0 0;font-size:11px}.quiz-score{color:#fff;background:var(--teal);text-align:center;border-radius:14px;padding:16px}.quiz-score strong{font-size:28px}.quiz-score p{margin:6px 0 12px;font-size:12px}.quiz-score button{color:var(--teal-dark);background:#fff;border:0;border-radius:10px;padding:8px 14px;font-weight:800}@media (width>=768px){body{background:linear-gradient(#e8f1f0,#f3f6f5 40%,#eef2f1)}.phone-app,.home-screen{border-radius:24px;width:min(760px,100% - 32px);min-height:calc(100vh - 40px);max-height:calc(100vh - 40px);margin-top:20px;margin-bottom:20px;overflow:hidden}.home-screen{box-shadow:0 18px 50px #1e3c411f}.catalog-screen{background:0 0;width:min(1280px,100% - 32px);margin-top:16px;margin-bottom:24px;padding:12px 4px 32px}.app-top{min-height:46px;padding:4px 14px 2px}.app-tabs{min-height:0;padding:0}.app-tabs button{font-size:17px}.app-top-planet{width:44px;height:32px;top:6px;right:4px}.app-top-sprout{width:28px;height:28px;bottom:4px;left:10px}.app-scroll{padding:18px 20px 28px}.hero-card{min-height:210px}.hero-text h1{font-size:30px}.player-card{min-height:92px;margin:-24px 10px 20px;padding:14px}}@media (width>=1100px){.phone-app,.home-screen{border-radius:28px;width:min(1120px,100% - 48px);min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);margin-top:24px;margin-bottom:24px}.catalog-screen{width:min(1320px,100% - 40px)}.app-top{min-height:48px;padding:6px 16px 2px}.app-tabs{min-height:0;padding:0}.app-tabs button{font-size:20px}.app-tabs button.active:after{width:78px}.app-scroll{padding:22px 28px 32px}.hero-card{grid-template-columns:1.2fr .8fr;min-height:240px}.hero-text h1{font-size:36px}.player-card{max-width:640px;margin:-28px auto 24px}.home-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}}@media (width<=380px){.hero-text{padding:18px 6px 24px 14px}.hero-text h1{font-size:22px}.hero-text p{font-size:13px}.player-card{gap:8px;margin-inline:2px}.step-row{grid-template-columns:1fr 96px}.step-left p{font-size:13px}.word-chip b{font-size:11px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.color-title{text-align:left;gap:6px;display:grid}.color-title-en{letter-spacing:-.01em;margin:0;font-family:Segoe UI Rounded,Arial Rounded MT Bold,Nunito,Segoe UI,sans-serif;font-size:clamp(16px,4.2vw,20px);font-weight:800;line-height:1.25}.color-title-en span{white-space:pre-wrap}.color-title-cn{color:#5a4036;margin:0;font-size:clamp(13px,3.4vw,15px);font-weight:700;line-height:1.35}.story-heading{background:#f7f7f5;padding:14px 28px 10px}.home-hero .color-title-en{font-size:clamp(15px,4vw,18px)}.home-hero .color-title-cn{font-size:13px}.home-card .color-title-en{font-size:14px;line-height:1.25}.home-card .color-title-cn{font-size:12px}.hero-text .color-title-en{font-size:clamp(16px,4.2vw,20px)}.hero-card{align-items:center}.story-listen{background:#fff;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.story-main{flex-direction:column;flex:auto;width:calc(100% - 56px);max-width:760px;min-height:0;margin:0 auto;display:flex;overflow:hidden}.story-heading{flex:none}.story-script{background:#fafbfc;border-top:1px solid #eef1f4;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.script-toolbar{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#fafbfceb;border-bottom:1px solid #eef1f4;flex:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex;position:relative}.script-toolbar-title{align-items:center;gap:10px;min-width:0;display:flex}.script-dot{width:8px;height:8px;box-shadow:none;background:linear-gradient(135deg,#ffb3c9,#a8d8ff 48%,#a8e6c3);border-radius:50%}.script-toolbar-title strong,.script-toolbar-title small{display:block}.script-toolbar-title strong{color:#3a4558;font-size:13px;font-weight:700}.script-toolbar-title small{color:#9aa3b2;margin-top:2px;font-size:10px;font-weight:500}.cn-toggle{color:#6b7386;cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;position:relative}.cn-toggle input{opacity:0;cursor:pointer;width:36px;height:20px;margin:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cn-toggle i{background:#e4e0ea;border-radius:999px;width:36px;height:20px;transition:background .16s;display:block;position:relative}.cn-toggle i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000024}.cn-toggle input:checked+i{background:linear-gradient(90deg,#ff9eb8,#9fd6ff)}.cn-toggle input:checked+i:after{transform:translate(16px)}.cn-toggle input:focus-visible+i{outline-offset:2px;outline:3px solid #ff9eb859}.script-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:auto;gap:6px;width:100%;min-height:0;padding:12px 0 min(36vh,220px);display:grid;overflow:hidden auto}.script-row{width:100%;box-shadow:none;text-align:left;background:#f7fcf9;border:1px solid #eef1f4;border-left:3px solid #cfe9d9;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:start;gap:10px;padding:10px 10px 10px 12px;transition:border-color .16s,background .16s,opacity .16s,box-shadow .16s;display:grid}.script-row:nth-child(6n+1){background:#f4fbf7;border-color:#e4f3eb}.script-row:nth-child(6n+2){background:#fffdf4;border-color:#f5efd8}.script-row:nth-child(6n+3){background:#fff7fa;border-color:#f5e6ec}.script-row:nth-child(6n+4){background:#f5f9fd;border-color:#e4eef8}.script-row:nth-child(6n+5){background:#f8f6fd;border-color:#ece7f7}.script-row:nth-child(6n+6){background:#fff8f3;border-color:#f5ebe3}.script-row:hover{filter:brightness(.985);box-shadow:0 2px 8px #465a780a}.script-row:nth-child(6n+1):hover{background:#eef9f3}.script-row:nth-child(6n+2):hover{background:#fff9ea}.script-row:nth-child(6n+3):hover{background:#fff1f5}.script-row:nth-child(6n+4):hover{background:#eef5fc}.script-row:nth-child(6n+5):hover{background:#f3effb}.script-row:nth-child(6n+6):hover{background:#fff3eb}.script-row time{color:#9aa3b2;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-height:22px;padding:2px 0;font-size:11px;font-weight:700}.script-row:nth-child(6n+1) time{color:#6aa98a}.script-row:nth-child(6n+2) time{color:#c4a24a}.script-row:nth-child(6n+3) time{color:#d08aa6}.script-row:nth-child(6n+4) time{color:#6b9fd0}.script-row:nth-child(6n+5) time{color:#8f7cc4}.script-row:nth-child(6n+6) time{color:#d09a70}.script-copy{min-width:0}.script-row p{color:#3a4558;letter-spacing:.01em;margin:0;font-size:13.5px;font-weight:600;line-height:1.6}.script-row small{color:#8a93a3;border-left:2px solid #e8ecf1;margin-top:5px;padding-left:8px;font-size:11.5px;font-weight:500;line-height:1.5;display:block}.script-play{color:#a0a8b6;opacity:1;background:0 0;border:1px solid #e4e9ef;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:1px;font-size:8px;display:grid}.script-row:nth-child(6n+1) .script-play{color:#6aa98a;border-color:#d5eee2}.script-row:nth-child(6n+2) .script-play{color:#c4a24a;border-color:#f3e8c4}.script-row:nth-child(6n+3) .script-play{color:#d08aa6;border-color:#f3dce6}.script-row:nth-child(6n+4) .script-play{color:#6b9fd0;border-color:#d7e8f6}.script-row:nth-child(6n+5) .script-play{color:#8f7cc4;border-color:#e6dff6}.script-row:nth-child(6n+6) .script-play{color:#d09a70;border-color:#f3e2d4}.script-row.active{filter:none;box-shadow:0 2px 10px #465a780f}.script-row.speaking{opacity:1;filter:none;background:#fff4c8;border-width:1px 1px 1px 4px;border-color:#f0c14a #f0c14a #f0c14a #e0a020;position:relative;transform:none;box-shadow:0 0 0 2px #e0a02047}.script-row.speaking p{color:#1a2433;letter-spacing:.01em;font-weight:800}.script-row.speaking small{color:#4a5568;border-left-color:#3c506e59;font-weight:600}.script-row.speaking time{font-weight:800}.script-row:nth-child(6n+1).speaking,.script-row:nth-child(6n+2).speaking,.script-row:nth-child(6n+3).speaking,.script-row:nth-child(6n+4).speaking,.script-row:nth-child(6n+5).speaking,.script-row:nth-child(6n+6).speaking{background:#fff4c8;border-color:#f0c14a #f0c14a #f0c14a #e0a020}.script-row:nth-child(6n+1).active{background:#eaf7f0}.script-row:nth-child(6n+2).active{background:#fff6e0}.script-row:nth-child(6n+3).active{background:#ffedf3}.script-row:nth-child(6n+4).active{background:#eaf3fb}.script-row:nth-child(6n+5).active{background:#f0ebfa}.script-row:nth-child(6n+6).active{background:#fff0e6}.script-row.active .script-play,.script-row.speaking .script-play{color:#fff;opacity:1;box-shadow:none;border-color:#0000}.script-row:nth-child(6n+1).active .script-play,.script-row:nth-child(6n+1).speaking .script-play{background:#6fc49a}.script-row:nth-child(6n+2).active .script-play,.script-row:nth-child(6n+2).speaking .script-play{background:#e0b84a}.script-row:nth-child(6n+3).active .script-play,.script-row:nth-child(6n+3).speaking .script-play{background:#e289ad}.script-row:nth-child(6n+4).active .script-play,.script-row:nth-child(6n+4).speaking .script-play{background:#6aa8e6}.script-row:nth-child(6n+5).active .script-play,.script-row:nth-child(6n+5).speaking .script-play{background:#9a82d8}.script-row:nth-child(6n+6).active .script-play,.script-row:nth-child(6n+6).speaking .script-play{background:#e09a6a}.story-mark{background:linear-gradient(#0000 62%,#a0d2ff73 62%);border-radius:0;padding:0;font-weight:700}.story-mark.tone-0{color:#3f7fbf;background:linear-gradient(#0000 62%,#a0d2ff73 62%)}.story-mark.tone-1{color:#b08a2e;background:linear-gradient(#0000 62%,#ffdc8c80 62%)}.story-mark.tone-2{color:#7a63b8;background:linear-gradient(#0000 62%,#d2beff80 62%)}.story-mark.tone-3{color:#c45d78;background:linear-gradient(#0000 62%,#ffbed280 62%)}.story-mark.tone-4{color:#3f9a74;background:linear-gradient(#0000 62%,#aae6c880 62%)}.story-mark.tone-5{color:#4f88c4;background:linear-gradient(#0000 62%,#aad7ff80 62%)}.script-row small .story-mark{padding:0;font-weight:600}.script-row.speaking:before{content:none}.script-row.speaking p{color:#2f3a48;font-weight:700}.script-row.speaking small{color:#6f7b8c}.story-poster{box-sizing:border-box;background:#eaf6ff;border-radius:14px;flex:none;width:100%;max-width:none;height:auto;margin:0 0 10px;position:relative;overflow:hidden}.story-poster.is-playing{background:#eaf6ff;overflow:hidden}.story-poster.is-playing .story-poster-bg{filter:none;opacity:1;width:100%;height:auto;display:block}.story-poster img{object-fit:contain;object-position:center center;background:#eaf6ff;width:100%;height:auto;display:block}.story-poster img.is-pending{display:block}.poster-play{z-index:20;color:#fff;min-width:96px;min-height:96px;box-shadow:none;-webkit-backdrop-filter:none;cursor:pointer;pointer-events:auto;background:#165a548c;border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:14px 18px;transition:transform .18s,background .18s;display:inline-flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.poster-play:hover{background:#165a54a8;transform:translate(-50%,-50%)scale(1.03)}.poster-play.is-playing:hover{background:0 0;transform:translate(-50%,-50%)scale(1.02)}.poster-play:focus-visible{outline-offset:3px;outline:3px solid #1db8b073}.poster-play.is-playing:focus-visible{outline:3px solid #2ec4b666}.poster-play.is-playing{color:#1aa89b;width:auto;min-width:220px;height:auto;min-height:72px;box-shadow:none;appearance:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:999px;outline:none;gap:12px;padding:12px 22px;inset:46% auto auto 50%;transform:translate(-50%,-50%)}.poster-play-core{color:#fff;width:68px;height:68px;box-shadow:none;pointer-events:none;background:#2ec4b6;border-radius:50%;place-items:center;display:grid}.poster-play-core.is-idle{width:72px;height:72px}.poster-play-core.is-idle svg{width:34px;height:34px;margin-left:4px}.poster-pause-mark{pointer-events:none;align-items:center;gap:6px;display:inline-flex}.poster-pause-mark i{background:#1aa89b;border-radius:999px;width:5px;height:22px;display:block}.poster-play.is-playing .poster-pause-mark i{width:4px;height:16px}.poster-wave{height:64px;box-shadow:none;filter:none;pointer-events:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;display:flex}.poster-wave i{width:4px;height:var(--bar-h,28px);opacity:.95;box-shadow:none;transform-origin:50%;background:linear-gradient(#7be0d4 0%,#2ec4b6 55%,#1aa89b 100%);border-radius:999px;flex:none;animation:.95s ease-in-out infinite poster-wave;display:block}@keyframes poster-wave{0%,to{opacity:.6;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}@media (width<=640px){.poster-play{gap:12px;min-width:84px;min-height:84px;padding:12px 14px;top:48%}.story-poster.is-playing{min-height:0;padding:0}.poster-play.is-playing{width:auto;min-width:190px;height:auto;min-height:64px;box-shadow:none;background:0 0;border-radius:999px;padding:10px 16px;transform:translate(-50%,-50%)}.poster-wave{gap:3px;height:52px}.poster-wave i{width:3.5px}.poster-play-core,.poster-play-core.is-idle{width:58px;height:58px}.poster-play-core.is-idle svg{width:28px;height:28px}.poster-pause-mark i{width:4px;height:16px}}.story-poster-fallback{background:radial-gradient(circle at 78% 28%,#ffeca08c,#0000 26%),linear-gradient(160deg,#dff3ea,#cfe8f4 55%,#f4efd8);grid-template-columns:1.1fr .9fr;padding:18px 16px 22px;display:grid;position:absolute;inset:0}.poster-copy{z-index:2;position:relative}.poster-copy h1,.poster-title-overlay h1{color:#1f5d4e;letter-spacing:-.03em;margin:0;font-size:clamp(22px,6vw,28px);line-height:1.15}.poster-copy p{color:#fff;background:#ef8b4a;border-radius:8px;margin:10px 0 0;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.poster-title-overlay{display:none}.poster-diagram{position:relative}.diagram-seed{filter:drop-shadow(0 8px 10px #2850462e);font-size:54px;position:absolute;top:34px;right:28px}.diagram-soil{background:linear-gradient(#b7895d,#8f6844);border-radius:18px 18px 8px 8px;height:42px;position:absolute;bottom:8px;left:8%;right:4%}.diagram-label{color:#3f5d57;background:#ffffffeb;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;box-shadow:0 2px 8px #28463c1f}.diagram-label.l1{top:18px;right:8px}.diagram-label.l2{top:78px;left:4px}.diagram-label.l3{bottom:54px;right:18px}.poster-wait{z-index:4;color:#6d857f;background:#ffffffbf;border-radius:999px;padding:3px 8px;font-size:10px;font-style:normal;position:absolute;bottom:10px;right:12px}.knowledge-long-page{gap:14px}.knowledge-stage-head{background:linear-gradient(90deg,#279c72 0%,#55bd86 58%,#f2dc78 100%);border:0;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:7px 10px;display:flex;box-shadow:0 3px 9px #33755c1f}.knowledge-stage-head:after{display:none}.knowledge-step{color:#fff;letter-spacing:0;text-transform:none;white-space:nowrap;background:0 0;border-radius:0;align-items:center;gap:5px;min-width:auto;height:auto;margin:0;padding:0;font-size:16px;display:flex}.knowledge-step b{color:#2e9671;background:#fffffff0;border-radius:5px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.knowledge-stage-head>div{align-items:center;gap:6px;min-width:0;display:flex}.knowledge-stage-head h2{color:#fff;flex:none;font-size:16px;line-height:1.2}.knowledge-stage-head>div>i{background:#ffffffa6;flex:none;width:1px;height:15px}.knowledge-stage-head small{color:#fffffff2;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;line-height:1.2;overflow:hidden}.knowledge-stage-head>em{color:#47695e;text-align:right;margin-left:auto;font-size:8px;font-style:normal;font-weight:700;line-height:1.25}.growth-roadmap{background:#fffaf5;border:1px solid #e8ddd2;border-radius:12px;justify-content:space-between;gap:0;margin:7px 0 8px;padding:8px 6px;display:flex;overflow:visible}.growth-node{text-align:center;flex:1 1 0;align-content:start;justify-items:center;min-width:0;display:grid;position:relative}.growth-node:not(:last-child):after{content:"";background:#ecd9c8;width:calc(100% - 20px);height:1px;position:absolute;top:10px;left:calc(50% + 10px)}.growth-node>span{z-index:1;color:#fff;background:#e0a070;border:0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-weight:900;display:grid;position:relative}.growth-node strong{color:#344d50;margin-top:4px;font-size:9px;font-weight:800;line-height:1.25}.growth-node small{color:#83908e;white-space:normal;overflow-wrap:anywhere;margin-top:1px;font-size:8px;line-height:1.25}.reading-sections{gap:0;margin:0;display:grid}.accent-switch{background:#e7f3ee;border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.accent-switch button{color:#5f7368;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.accent-switch button.is-active{color:#1f7a52;background:#fff;box-shadow:0 1px 4px #285a461f}.quiz-voice-bar{justify-content:flex-end;padding:10px 12px 0;display:flex}.reading-toolbar{background:#fffdf7;border:1px solid #dde9e1;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 14px;padding:10px 14px;display:flex}.reading-full-play{color:#8d632b;cursor:pointer;min-height:36px;box-shadow:none;background:#fff0c9;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.reading-full-play.is-playing{color:#fff;background:#2f9a6a;box-shadow:0 2px 8px #2f9a6a38}.reading-toolbar .cn-toggle{color:#5f7368}.reading-toolbar .cn-toggle i{background:#d9e5dd}.reading-toolbar .cn-toggle input:checked+i{background:#55bd86}.reading-section-play{color:#8d632b;cursor:pointer;width:100%;min-height:30px;box-shadow:none;white-space:normal;text-align:center;background:#fff0c9;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-size:10px;font-weight:700;line-height:1.15;display:inline-flex}.reading-section-play.is-playing{color:#fff;background:#2f9a6a;box-shadow:0 2px 8px #2f9a6a33}.reading-card{--ch:#e09a3e;--ch-soft:#fff7ee;--ch-label-bg:#ffe8cc;--ch-label-text:#c47a28;background:#fffdf7;border:1px solid #dde9e1;border-radius:18px;margin:0 0 18px;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden;box-shadow:0 4px 14px #3255430f}.reading-card:hover{transform:none;box-shadow:0 4px 14px #3255430f}@media (hover:hover) and (pointer:fine){.reading-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #3255431a}}.reading-card.is-speaking{border-color:color-mix(in srgb, var(--ch) 45%, #dde9e1);box-shadow:0 0 0 2px color-mix(in srgb, var(--ch) 18%, transparent), 0 8px 24px #3255431a}.reading-card.tone-0{--ch:#e09a3e;--ch-soft:#fff7ee;--ch-label-bg:#ffe8cc;--ch-label-text:#c47a28}.reading-card.tone-1{--ch:#3fa57a;--ch-soft:#eef9f3;--ch-label-bg:#d8f3e5;--ch-label-text:#2f8a64}.reading-card.tone-2{--ch:#5b8fd4;--ch-soft:#eef5fc;--ch-label-bg:#d9e9fb;--ch-label-text:#3f74b8}.reading-card.tone-3{--ch:#8f7cc4;--ch-soft:#f5f1fb;--ch-label-bg:#e6dff6;--ch-label-text:#6f5ba8}.reading-card.tone-4{--ch:#d4a84b;--ch-soft:#fffbeb;--ch-label-bg:#fff0c4;--ch-label-text:#a8842e}.reading-card.tone-5{--ch:#d4899e;--ch-soft:#fff5f8;--ch-label-bg:#ffe0ea;--ch-label-text:#b8647c}.reading-card.tone-6{--ch:#2f9a6a;--ch-soft:#eef8f2;--ch-label-bg:#d4f0e0;--ch-label-text:#247a54}.reading-card-layout{background:#fffdf7;grid-template-columns:118px minmax(0,1fr);grid-template-areas:"visual copy""note copy";align-items:start;gap:10px 12px;padding:12px;display:grid}.reading-col-visual{grid-area:visual;gap:8px;min-width:0;display:grid}.reading-meta-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reading-index{color:#fff;background:var(--ch);width:26px;height:26px;box-shadow:0 2px 6px color-mix(in srgb, var(--ch) 35%, transparent);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.reading-label{min-height:20px;color:var(--ch-label-text);background:var(--ch-label-bg);letter-spacing:.03em;border-radius:999px;align-items:center;padding:0 8px;font-size:9px;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.reading-visual{aspect-ratio:1;background:#eef6f0;border:0;border-radius:14px;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #32554314}.reading-visual img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;min-height:0;display:block}.reading-visual>small{z-index:2;color:#70543a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-overflow:ellipsis;white-space:nowrap;background:#fff8e5f2;border-radius:999px;max-width:calc(100% - 12px);margin:0;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;bottom:6px;left:6px;overflow:hidden;box-shadow:0 1px 4px #70543a14}.reading-col-copy{grid-area:copy;min-width:0}.reading-title-row{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:8px;display:flex}.reading-title-row strong{color:#174b3a;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:800;line-height:1.3}.reading-title-row span{color:#7b887f;overflow-wrap:anywhere;font-size:11px;font-weight:600;line-height:1.35}.reading-english{color:#35473f;overflow-wrap:anywhere;max-width:62ch;margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:500;line-height:1.65}.reading-mark{color:inherit;background:linear-gradient(#0000 58%,#a0d2ff8c 58%);border-radius:3px;padding:0 2px;font-weight:600}.reading-mark.tone-0{color:#2f6fad;background:linear-gradient(#0000 58%,#aad7ffb3 58%)}.reading-mark.tone-1{color:#b08a2e;background:linear-gradient(#0000 58%,#ffdc8cb8 58%)}.reading-mark.tone-2{color:#6f5ba8;background:linear-gradient(#0000 58%,#d2beffb3 58%)}.reading-mark.tone-3{color:#b8647c;background:linear-gradient(#0000 58%,#ffbed2b3 58%)}.reading-mark.tone-4{color:#2f8a5f;background:linear-gradient(#0000 58%,#aae6beb3 58%)}.reading-mark.tone-5{color:#3f74b8;background:linear-gradient(#0000 58%,#aad7ffa6 58%)}.reading-translation{background:#f7fbf8;border:1px solid #e8f0ea;border-radius:12px;margin-top:14px;padding:12px 14px}.reading-translation>span{color:#4f7a62;background:#e3f2e9;border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.reading-translation p{color:#5f7268;margin:0;font-size:14px;font-weight:500;line-height:1.7}.reading-col-note{text-align:center;grid-area:note;align-content:start;justify-items:center;gap:8px;padding:2px 0 0;display:grid}.reading-doodle{place-items:center;width:42px;height:42px;display:grid}.reading-note-photo{background:#f7f3ec;border:1px solid #e4ddd4;border-radius:14px;width:88px;height:88px;overflow:hidden;box-shadow:0 4px 12px #50463214}.reading-note-photo img{object-fit:cover;width:100%;height:100%;display:block}.reading-doodle-svg{width:38px;height:38px}.reading-callout{color:#8a6a45;max-width:11ch;margin:0;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:15px;font-weight:600;line-height:1.2;transform:rotate(-2deg)}@media (width>=768px){.reading-card-layout{grid-template-columns:148px minmax(0,1fr) 128px;grid-template-areas:"visual copy note";align-items:start;gap:16px 18px;padding:16px 18px 18px}.reading-index{width:28px;height:28px;font-size:13px}.reading-label{min-height:22px;padding:0 10px;font-size:10px}.reading-visual{aspect-ratio:1;border-radius:16px;width:148px;min-height:148px}.reading-visual img{min-height:148px}.reading-visual>small{padding:4px 10px;font-size:11px;bottom:8px;left:8px}.reading-title-row{gap:6px 10px;margin-bottom:10px}.reading-title-row strong{font-size:17px}.reading-title-row span{font-size:13px}.reading-english{max-width:none;font-size:15.5px;line-height:1.7}.reading-col-note{text-align:center;grid-template-columns:1fr;align-content:start;justify-items:center;gap:10px;padding-top:28px;display:grid}.reading-doodle{width:56px;height:56px}.reading-note-photo{border-radius:16px;width:104px;height:104px}.reading-doodle-svg{width:52px;height:52px}.reading-callout{max-width:14ch;font-size:18px;line-height:1.25}.reading-section-play{white-space:nowrap;width:100%;min-height:36px;padding:0 10px;font-size:11.5px}}@media (width>=900px){.reading-card-layout{grid-template-columns:156px minmax(0,1fr) 136px;gap:20px 22px;padding:18px 20px 20px}.reading-index{width:32px;height:32px;font-size:14px}.reading-visual{width:156px;min-height:156px}.reading-visual img{min-height:156px}.reading-title-row strong{font-size:18px}.reading-english{font-size:16px;line-height:1.72}.reading-col-note{padding-top:32px}.reading-doodle{width:64px;height:64px}.reading-doodle-svg{width:56px;height:56px}.reading-callout{max-width:16ch;font-size:22px}.reading-section-play{min-height:36px;font-size:12px}}.knowledge-vocabulary-stage{--vocab-ink:#1f2d33;--vocab-muted:#7a8a90;background:#eef3f7;border-radius:22px;padding:0}.knowledge-vocabulary-stage .knowledge-stage-head{display:none}.vocab-shell{background:#fff;border-radius:22px;padding:20px 18px 22px;box-shadow:0 10px 28px #32465a0f}.vocab-hero{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:16px;padding:0;display:grid}.vocab-hero-badge{color:#fff;letter-spacing:.02em;background:#2f9f8f;border-radius:10px;place-items:center;min-width:66px;height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-grid}.vocab-hero-copy{min-width:0}.vocab-hero h2{color:var(--vocab-ink);margin:0;font-size:26px;line-height:1.2}.vocab-hero strong{color:#4a5c62;margin-top:4px;font-size:15px;font-weight:700;display:block}.vocab-hero small{color:var(--vocab-muted);margin-top:6px;font-size:13.5px;line-height:1.5;display:block}.vocab-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid;overflow:visible}.vocab-tabs-hint{color:#8a94a3;letter-spacing:.02em;grid-column:1/-1;margin:0 0 2px;font-size:11px;font-weight:700}.vocab-tabs-hint:before{content:"⇄ ";color:#a7b0be}.vocab-tab{white-space:nowrap;cursor:pointer;opacity:.78;min-width:0;min-height:42px;box-shadow:none;border:1.5px dashed #5a647847;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:800;transition:transform .14s,box-shadow .14s,filter .14s,opacity .14s,border-color .14s,border-style .14s;display:inline-flex;position:relative}.vocab-tab:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #3c505f1a}.vocab-tab:focus-visible{outline-offset:2px;outline:3px solid #7896c859}.vocab-tab-icon{flex:none;place-items:center;width:15px;height:15px;display:inline-grid}.vocab-tab strong{text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.vocab-tab em{color:#fff;border-radius:999px;flex:none;place-items:center;min-width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.vocab-tab.tab-writing{color:#c47a28;background:#fff0d8}.vocab-tab.tab-writing em{background:#e09a3e}.vocab-tab.tab-reading{color:#c45f7a;background:#ffe6ee}.vocab-tab.tab-reading em{background:#e07896}.vocab-tab.tab-academic{color:#6b5bb8;background:#eee8ff}.vocab-tab.tab-academic em{background:#8874c8}.vocab-tab.active{opacity:1;filter:saturate(1.08);border-style:solid;border-width:2px;transform:translateY(-1px);box-shadow:0 0 0 2px #fffffff2,0 8px 18px #3c505f24}.vocab-tab.tab-writing.active{border-color:#e09a3e}.vocab-tab.tab-reading.active{border-color:#e07896}.vocab-tab.tab-academic.active{border-color:#8874c8}.vocab-tab.active:after{content:"已选";color:#617084;pointer-events:none;background:#fff;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800;line-height:1.35;position:absolute;bottom:-9px;right:10px;box-shadow:0 2px 6px #3c505f1f}.vocab-tab.tab-writing.active:after{color:#c47a28}.vocab-tab.tab-reading.active:after{color:#c45f7a}.vocab-tab.tab-academic.active:after{color:#6b5bb8}.vocab-board{margin:0}.vocab-board-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0 0 12px;display:flex}.vocab-board-head strong{color:#2f3f45;font-size:16px;font-weight:800}.vocab-board-head small{color:#7a8a90;font-size:13px}.vocab-board.panel-writing .vocab-board-head strong{color:#c47a28}.vocab-board.panel-reading .vocab-board-head strong{color:#c45f7a}.vocab-board.panel-academic .vocab-board-head strong{color:#6b5bb8}.vocab-card-grid{grid-template-columns:1fr;gap:12px;display:grid}.vocab-card-grid.list{grid-template-columns:1fr}.vocab-card{--tone:#6b5bb8;--tone-soft:#fbfaff;--tone-pill:#f3edff;--tone-label:#7a6bc7;--tone-border:#eeeaf8;border:1px solid var(--tone-border);background:var(--tone-soft);border-radius:16px;padding:14px 14px 12px;overflow:hidden;box-shadow:0 8px 22px #374b5f09}.vocab-card.tone-0{--tone:#6b5bb8;--tone-soft:#fbfaff;--tone-pill:#f3edff;--tone-label:#7a6bc7;--tone-border:#eeeaf8}.vocab-card.tone-1{--tone:#2f9a6a;--tone-soft:#f8fcfa;--tone-pill:#e8f6ef;--tone-label:#3aaa78;--tone-border:#e6f1eb}.vocab-card.tone-2{--tone:#3d7eb8;--tone-soft:#f8fbfd;--tone-pill:#e8f3fb;--tone-label:#4b8fc7;--tone-border:#e5eef5}.vocab-card.tone-3{--tone:#d07840;--tone-soft:#fffcf9;--tone-pill:#fff1e6;--tone-label:#db8a52;--tone-border:#f4ebe3}.vocab-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.vocab-card-heading{flex:1;min-width:0}.vocab-card-heading h4{color:var(--tone);overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:800;line-height:1.25}.vocab-card-sub{color:#334349;flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.45;display:flex}.vocab-card-sub em,.vocab-card-sub small{font-size:14px;font-style:normal}.vocab-card-sub em{color:#8a9499;font-weight:500}.vocab-card-sub small{color:#6f7d84;font-weight:700}.vocab-card-tools{flex:none;align-items:center;gap:6px;display:flex}.vocab-speak-btn{border:1.5px solid color-mix(in srgb, var(--tone) 28%, #dde5ea);width:30px;height:30px;color:var(--tone);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;display:inline-grid}.vocab-speak-btn:hover{background:var(--tone-soft)}.vocab-lecture-body{gap:12px;display:grid}.vocab-detail-row{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:10px;display:grid}.vocab-detail-row>b{color:#fff;background:var(--tone-label);white-space:nowrap;border-radius:8px;place-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.vocab-detail-row>p,.vocab-detail-row>div>p{color:#3d4c52;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:13px;line-height:1.55}.vocab-detail-row p mark{color:var(--tone);background:0 0;padding:0;font-weight:800}.vocab-detail-zh{color:#6f8180;margin-top:4px;font-size:12px;line-height:1.5;display:block}.vocab-collocations{flex-wrap:wrap;gap:6px;display:flex}.vocab-collocations span{color:var(--tone);background:var(--tone-pill);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.3}.synonym-panel{background:#f7fafc;border:1px solid #e8eef3;border-radius:16px;margin-top:20px;padding:16px 14px 14px;box-shadow:0 8px 22px #374b5f09}.synonym-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.synonym-head-main{align-items:center;gap:10px;min-width:0;display:flex}.synonym-head-icon{color:#fff;background:#2f9f8f;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.synonym-panel h3{color:#1f2d33;letter-spacing:.01em;margin:0;font-size:18px}.synonym-head-main small{color:#7a8a90;margin-top:2px;font-size:12px;line-height:1.35;display:block}.synonym-head-tag{color:#2f9f8f;letter-spacing:.01em;white-space:nowrap;margin:0;font-size:12px;font-style:italic;font-weight:800}.synonym-list{grid-template-columns:1fr;gap:10px;display:grid}.synonym-row{--tone:#6b5bb8;--tone-soft:#fbfaff;--tone-pill:#f3edff;--tone-label:#7a6bc7;--tone-border:#eeeaf8;border:1px solid var(--tone-border);background:var(--tone-soft);border-radius:16px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:96px;padding:12px 12px 28px;display:grid;position:relative;overflow:visible;box-shadow:0 8px 22px #374b5f09}.synonym-row.tone-0{--tone:#6b5bb8;--tone-soft:#fbfaff;--tone-pill:#f3edff;--tone-label:#7a6bc7;--tone-border:#eeeaf8}.synonym-row.tone-1{--tone:#2f9a6a;--tone-soft:#f8fcfa;--tone-pill:#e8f6ef;--tone-label:#3aaa78;--tone-border:#e6f1eb}.synonym-row.tone-2{--tone:#3d7eb8;--tone-soft:#f8fbfd;--tone-pill:#e8f3fb;--tone-label:#4b8fc7;--tone-border:#e5eef5}.synonym-row.tone-3{--tone:#d07840;--tone-soft:#fffcf9;--tone-pill:#fff1e6;--tone-label:#db8a52;--tone-border:#f4ebe3}.synonym-index{color:#fff;background:var(--tone);width:24px;height:24px;box-shadow:none;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:static;top:auto;left:auto;transform:none}.synonym-main{gap:6px;min-width:0;display:grid}.synonym-pair{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:6px;min-width:0;display:grid}.synonym-side{grid-template-rows:20px minmax(36px,auto);align-content:start;justify-items:center;gap:4px;width:100%;min-width:0;display:grid}.synonym-mid{grid-template-rows:20px minmax(36px,auto);align-content:start;justify-items:center;gap:4px;display:grid}.synonym-mid:before{content:"";height:20px;display:block}.synonym-tag{max-width:max-content;height:20px;color:var(--tone-label);background:var(--tone-pill);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-style:normal;font-weight:700;line-height:1;display:inline-flex}.synonym-text{color:#1f2d33;text-align:center;overflow-wrap:anywhere;word-break:break-word;white-space:normal;writing-mode:horizontal-tb;cursor:pointer;background:0 0;border:0;place-items:center;width:100%;min-height:40px;margin:0;padding:0 2px;font-size:15px;font-weight:800;line-height:1.35;display:grid}.synonym-text-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;width:100%;min-height:40px;display:flex}.synonym-alt{align-items:center;max-width:100%;display:inline-flex}.synonym-alt .synonym-text{width:auto;min-height:0;padding:4px 2px}.synonym-or{color:#7a8a92;font-style:normal;font-weight:700}.synonym-text:hover{color:var(--tone)}.synonym-swap{width:28px;height:28px;color:var(--tone);background:var(--tone-pill);text-align:center;border-radius:50%;align-self:center;place-items:center;margin-top:0;font-size:13px;font-style:normal;font-weight:800;line-height:1;display:grid}.synonym-meaning{color:#6f7d84;text-align:center;overflow-wrap:anywhere;word-break:break-word;white-space:normal;min-height:16px;margin:0;font-size:12px;line-height:1.35;display:block}.synonym-use{color:var(--tone-label);background:var(--tone-pill);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;bottom:8px;right:10px}.synonym-foot{border-top:1px solid #e8eef3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-top:12px;padding-top:10px;display:flex}.synonym-foot p{color:#7a8a90;align-items:flex-start;gap:8px;min-width:0;margin:0;font-size:12.5px;line-height:1.45;display:flex}.synonym-tip-icon{color:#2f9f8f;flex:none;place-items:center;margin-top:1px;display:inline-grid}.synonym-foot strong{color:#6b5bb8;white-space:nowrap;font-size:12px;font-style:italic}@media (width<=1099px){.vocab-shell{padding:14px 12px 16px}.synonym-head{flex-direction:column;align-items:flex-start;gap:6px}.synonym-head-tag{white-space:normal}.synonym-foot{flex-direction:column;align-items:flex-start}.synonym-foot strong{white-space:normal}}@media (width>=720px){.vocab-tabs{gap:10px}.vocab-tab{gap:8px;min-height:46px;padding:0 14px}.vocab-tab-icon{width:18px;height:18px}.vocab-tab strong{font-size:14px}.vocab-tab em{min-width:22px;height:22px;font-size:12px}.vocab-card-grid.card{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.synonym-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-board,.speak-key-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-card{padding:16px 16px 14px}.vocab-card-heading h4{font-size:20px}.vocab-detail-row>p,.vocab-detail-row>div>p{font-size:14px}.vocab-detail-zh,.vocab-collocations span{font-size:13px}.synonym-text{font-size:15.5px}.synonym-meaning{font-size:13px}}@media (width>=1100px){.knowledge-vocabulary-stage{max-width:1040px;margin-inline:auto}.vocab-shell{padding:24px 22px 26px}.vocab-card-grid{gap:16px}.vocab-card{padding:18px 18px 16px}.vocab-card-heading h4{font-size:24px}.synonym-list{gap:12px}.synonym-row{gap:10px;min-height:102px;padding:14px 14px 30px}.synonym-pair{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px}.synonym-text{min-height:42px;font-size:16px}.synonym-meaning{font-size:13px}.synonym-swap{width:28px;height:28px;font-size:15px}}@media (width>=768px){.story-main{width:calc(100% - 72px);max-width:760px}.story-heading{padding-inline:0}.story-poster{height:auto}.story-poster.is-playing{height:auto;min-height:0;padding:0}.story-poster img{object-fit:contain;object-position:center center;width:100%;height:auto}.script-toolbar{padding-inline:0}.script-list{gap:10px;padding:14px 0 min(34vh,220px)}.script-row{grid-template-columns:64px 1fr auto;gap:14px;padding:14px 16px}.script-row p{font-size:15px}.script-row small{font-size:12.5px}.knowledge-long-page{gap:18px}.knowledge-stage-head{border-radius:12px;gap:12px;min-height:52px;padding:10px 14px}.knowledge-step{gap:8px;font-size:20px}.knowledge-step b{border-radius:7px;width:28px;height:28px;font-size:13px}.knowledge-stage-head h2{font-size:20px}.knowledge-stage-head small{font-size:12px}.knowledge-stage-head>em{font-size:11px}.growth-roadmap{border-radius:12px;margin:10px 0 12px;padding:10px 12px}.growth-node{flex:1 1 0;min-width:0}.growth-node>span{width:26px;height:26px;font-size:11px}.growth-node strong{margin-top:6px;font-size:12px}.growth-node small{font-size:10px}.reading-sections{gap:0}.reading-card{border-radius:18px;margin-bottom:18px}}@media (width>=1100px){.story-listen{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.story-main{width:calc(100% - 72px);max-width:760px}.story-heading{padding:12px 0 8px}.story-poster{height:auto;margin:0 0 8px}.story-poster.is-playing{height:auto;min-height:0;padding:0}.story-poster img{object-fit:contain;object-position:center center;width:100%;height:auto}.poster-play{min-width:72px;min-height:72px;padding:10px 12px;top:50%}.poster-play.is-playing{width:auto;min-width:240px;height:auto;min-height:72px;inset:46% auto auto 50%;transform:translate(-50%,-50%)}.poster-play-core.is-idle{width:56px;height:56px}.poster-play-core.is-idle svg{width:26px;height:26px}.story-script{border-top:1px solid #eef1f4}.script-toolbar{padding-inline:0}.script-list{gap:8px;padding:10px 0 min(34vh,220px)}.script-row{grid-template-columns:56px 1fr auto;gap:12px;padding:10px 14px}.script-row p{font-size:15px;line-height:1.5}.script-row small{margin-top:4px;font-size:12.5px}.knowledge-long-page{gap:22px;max-width:1040px;margin-inline:auto}.knowledge-stage-head{min-height:58px;padding:12px 18px}.knowledge-step,.knowledge-stage-head h2{font-size:22px}.knowledge-stage-head small{font-size:13px}.knowledge-stage-head>em{max-width:280px;font-size:12px}.growth-roadmap{justify-content:space-between;overflow:visible}.growth-node{flex:1 1 0}.reading-sections{gap:0}.reading-card-layout{grid-template-columns:156px minmax(0,1fr) 148px;grid-template-areas:"visual copy note";gap:24px;padding:18px 22px 22px}.reading-visual{aspect-ratio:1;width:156px;min-height:164px}.reading-visual img{min-height:164px}.reading-english{font-size:16px;font-weight:500;line-height:1.72}.reading-translation p{font-size:14.5px}}@media (width<=380px){.script-row{grid-template-columns:44px 1fr auto;gap:8px;padding:11px 10px}.script-row p{font-size:13px}.script-toolbar-title small,.knowledge-stage-head>em{display:none}.reading-card-layout{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"visual copy""note copy";gap:8px 10px;padding:10px}.reading-title-row strong{font-size:13px}.reading-title-row span{font-size:10.5px}.reading-english{font-size:12.5px;line-height:1.6}.reading-visual,.reading-visual img{min-height:0}.reading-callout{max-width:10ch;font-size:13px}.reading-section-play{min-height:28px;padding:0 4px;font-size:9px}}.quiz-long-page{color:#334155;background:#faf8f3;gap:30px}.quiz-stage,.speak-stage{gap:16px;display:grid}.speak-journal{color:#334155;background:#faf8f3;border-radius:20px;gap:12px;max-width:1240px;margin:0 auto;padding:10px 8px 24px}.speak-hero{background:#fffdfc;border:1px solid #785a461a;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin:0 4px;padding:18px 20px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 18px #5a46320d}.speak-hero-copy{z-index:1;max-width:720px;position:relative}.speak-hero-kicker{color:#6b3fad;background:#e8d9ff;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.speak-hero-kicker i{color:#d4a017;font-style:normal}.speak-hero h2{color:#1f2a44;letter-spacing:-.02em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.6vw,40px);font-weight:700;line-height:1.2}.speak-hero-zh{color:#5b6578;margin:8px 0 0;font-size:18px;font-weight:700}.speak-hero-tip{color:#6a7384;margin:12px 0 0;font-size:16px;line-height:1.6}.speak-hero-slogan{color:#9aa3b2;margin-top:10px;font-size:15px;font-style:italic;display:inline-block}.speak-hero-note{z-index:1;color:#7a5a28;background:linear-gradient(#fff4c8,#ffe9a8);border-radius:14px;align-content:start;gap:6px;min-width:168px;padding:12px 14px;display:grid;position:relative;transform:rotate(2deg);box-shadow:0 8px 18px #b48c281f}.speak-hero-note strong{font-size:14px;font-weight:800;line-height:1.35}.speak-hero-note span{color:#9a7a3a;font-size:13px;line-height:1.4}.speak-hero-deco{pointer-events:none;position:absolute;inset:0}.speak-deco-orbit{border:2px solid #788cb42e;border-radius:50%;width:86px;height:86px;position:absolute;top:18%;right:18%;box-shadow:inset 0 0 0 18px #28283c0f}.speak-deco-star{background:#c9b6ff;border-radius:50%;width:6px;height:6px;position:absolute}.speak-deco-star.a{top:22%;right:12%}.speak-deco-star.b{background:#ffc4d6;top:48%;right:28%}.speak-deco-star.c{background:#9fd8c8;width:4px;height:4px;top:64%;right:16%}.speak-voice-bar{justify-content:flex-end;padding:0;display:flex}.speak-hero-side{z-index:1;align-content:start;justify-items:end;gap:10px;display:grid;position:relative}.speak-journal>.speak-hero-figure,.speak-journal>.speak-map{background:#fffdfc;border:1px solid #785a461a;border-radius:20px;margin:0 4px;overflow:visible;box-shadow:0 4px 18px #5a46320d}.speak-map{gap:0;max-height:none;display:grid;overflow:visible}.speak-map-bar{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 4px;display:flex}.speak-map-title{color:#2f7a4d;letter-spacing:.02em;font-size:13px;font-weight:800}.speak-map-toggle{color:#2f7a4d;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.speak-map .speak-map-figure{box-shadow:none;background:0 0;border:0;border-radius:0 0 20px 20px;height:auto;max-height:none;margin:0;overflow:visible}.speak-map .speak-map-figure img{object-position:top center;vertical-align:top;width:100%;display:block;object-fit:contain!important;height:auto!important;max-height:none!important}.speak-map-lightbox{z-index:80;background:#141e1cb8;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.speak-map-lightbox-bar{color:#fff;background:#142822eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.speak-map-lightbox-bar button{color:#1f5c38;cursor:pointer;background:#e8f7ee;border:0;border-radius:999px;padding:6px 12px;font-weight:700}.speak-map-lightbox-body{-webkit-overflow-scrolling:touch;padding:12px;overflow:auto}.speak-map-lightbox-body img{background:#fff;border-radius:12px;width:min(1200px,100%);height:auto;margin:0 auto;display:block}.speak-logic-chain{background:#fffdfc;border:1px solid #785a461a;border-radius:20px;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:12px;min-height:96px;max-height:110px;margin:0 4px;padding:12px 14px;display:grid;box-shadow:0 4px 18px #5a46320d}.speak-logic-label{color:#5b36a8;background:#e4d4ff;border-radius:16px;align-content:center;gap:2px;padding:10px 12px;display:grid}.speak-logic-label b{font-size:15px;font-weight:800}.speak-logic-label small{color:#7b58c4;font-size:13px}.speak-logic-track{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.speak-logic-arrow{color:#b0b8c4;align-items:center;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.speak-logic-node{border-radius:999px;align-content:center;gap:1px;min-width:0;min-height:48px;padding:8px 14px;display:grid}.speak-logic-node strong{font-size:15px;font-weight:800;line-height:1.25}.speak-logic-node small{opacity:.75;font-size:12px;line-height:1.25}.speak-logic-node.tone-0{color:#b83d6a;background:#ffd6e5}.speak-logic-node.tone-1{color:#2f6bb8;background:#d6e8ff}.speak-logic-node.tone-2{color:#6b3fad;background:#e4d4ff}.speak-logic-node.tone-3{color:#c06a18;background:#ffe2b8}.speak-logic-node.tone-4{color:#1f7fa0;background:#c9f0ff}.speak-logic-node.tone-5{color:#1f8a5c;background:#c8f5df}.speak-logic-node.tone-6{color:#a88410;background:#fff0a8}.speak-module-list{gap:18px;margin:0 4px;display:grid}.speak-lab-card{background:#fffdfc;border:1px solid #785a461a;border-radius:20px;overflow:hidden;box-shadow:0 4px 18px #5a46320d}.speak-lab-card.tone-0{--lab:#ffd6e5;--lab-ink:#b83d6a;--lab-soft:#fff5f9;--lab-zh:#c45f84}.speak-lab-card.tone-1{--lab:#d6e8ff;--lab-ink:#2f6bb8;--lab-soft:#f3f8ff;--lab-zh:#4f84c4}.speak-lab-card.tone-2{--lab:#e4d4ff;--lab-ink:#6b3fad;--lab-soft:#f8f4ff;--lab-zh:#8a63c4}.speak-lab-card.tone-3{--lab:#c8f5df;--lab-ink:#1f8a5c;--lab-soft:#f2fcf7;--lab-zh:#3fa978}.speak-lab-card.tone-4{--lab:#ffe2b8;--lab-ink:#c06a18;--lab-soft:#fff8ef;--lab-zh:#d4883a}.speak-lab-card.tone-5{--lab:#c9f0ff;--lab-ink:#1f7fa0;--lab-soft:#f2fbfe;--lab-zh:#3f9bb8}.speak-lab-card.tone-6{--lab:#fff0a8;--lab-ink:#a88410;--lab-soft:#fffcef;--lab-zh:#c4a430}.speak-lab-card.is-collapsed{min-height:78px}.speak-lab-head{background:var(--lab);width:100%;min-height:78px;max-height:88px;color:var(--lab-ink);text-align:left;cursor:pointer;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.speak-lab-card.is-open .speak-lab-head{border-bottom:1px solid #785a460f;min-height:75px;max-height:none}.speak-lab-badge{color:#fff;background:var(--lab-ink);border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:8px 14px;font-size:14px;font-weight:800;display:inline-flex}.speak-lab-titles{gap:3px;min-width:0;display:grid}.speak-lab-titles strong{color:#334155;font-size:20px;font-weight:700;line-height:1.3}.speak-lab-titles small{color:var(--lab-zh,#9a7182);opacity:1;font-size:15px;line-height:1.3}.speak-lab-skill{justify-items:end;gap:3px;max-width:260px;display:grid}.speak-lab-skill em{color:#334155;opacity:1;font-size:15px;font-style:normal;font-weight:700;line-height:1.35}.speak-lab-skill span{color:#64748b;opacity:1;font-size:13.5px;line-height:1.35}.speak-lab-caret{color:var(--lab-ink);font-size:18px;font-style:normal;font-weight:700}.speak-lab-body{background:var(--lab-soft);gap:14px;padding:18px 20px 20px;display:grid}.speak-lab-row{gap:14px;display:grid}.speak-lab-row.dual{grid-template-columns:1fr 1fr}.speak-lab-row.split{grid-template-columns:minmax(160px,.4fr) minmax(0,.6fr)}.speak-info-card{min-width:0;min-height:92px;box-shadow:none;background:#fffdfc;border:1px solid #785a4614;border-radius:16px;align-content:start;gap:8px;padding:14px 16px;display:grid}.speak-info-card header{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.speak-info-card header span{color:var(--lab-ink);font-size:15px}.speak-info-card header b{color:#334155;font-size:15px;font-weight:800}.speak-info-card header em,.speak-info-card header small{color:var(--lab-ink);background:var(--lab);border-radius:999px;margin-left:auto;padding:3px 8px;font-size:13px;font-style:normal;font-weight:700}.speak-info-card>p{color:#334155;margin:0;font-size:17px;line-height:1.7}.speak-info-card.is-goal{background:#d9f8ea;border-color:#2eb48247}.speak-info-card.is-guide{background:#dceaff;border-color:#468ce647}.speak-info-card.is-keywords{background:#e0fbef;border-color:#2eb48238}.speak-info-card.is-structure{background:#ffe8c8;border-color:#e6963c47}.speak-keyword-pills{flex-wrap:wrap;gap:10px;display:flex}.speak-keyword-pills span{color:#1f8a5c;background:#48d2a038;border:1px solid #2eb48247;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700}.speak-keyword-pills .is-empty{color:#8a93a1;background:#eef1f4;border-color:#0000}.speak-structure-frame{background:#fffdfc;border:1px solid #785a4614;border-radius:16px;padding:12px 14px}.speak-structure-frame p{color:#334155;text-align:left;margin:0;font-size:17px;font-weight:650;line-height:1.65}.speak-structure-frame p+p{margin-top:8px}.speak-info-card.is-model{background:linear-gradient(#ffeef5,#fff4e8);border-color:#e6789638;gap:10px;min-height:0;padding:22px 24px;position:relative}.speak-model-en{color:#334155;margin:0;font-size:clamp(20px,2.3vw,22px);font-weight:650;line-height:1.65}.speak-model-zh{color:#7a8494;font-size:15px;line-height:1.55}.speak-model-note{display:none}.speak-lab-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.speak-btn{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;min-height:46px;padding:0 18px;font-size:15px;font-weight:750;display:inline-flex}.speak-btn.is-play{color:#a83d66;background:#ffd0e0}.speak-btn.is-play.is-playing{color:#fff;background:#e06a95}.speak-btn.is-said{color:#fff;background:#3ec9a8}.speak-btn.is-said.is-on{background:#2aaa8c}.speak-lab-preview,.speak-next-hint{display:none}.speak-journal .speak-essay,.speak-journal .speak-keys{background:#fffdfc;border:1px solid #785a461a;border-radius:20px;margin:4px;box-shadow:0 4px 18px #5a46320d}@media (width<=900px){.speak-hero{grid-template-columns:1fr;padding:18px 16px}.speak-hero-note{justify-self:start;transform:none}.speak-logic-chain{grid-template-columns:1fr;max-height:none}.speak-lab-head{grid-template-columns:auto minmax(0,1fr) auto;max-height:none}.speak-lab-skill{display:none}.speak-lab-row.dual,.speak-lab-row.split{grid-template-columns:1fr}}@media (width<=640px){.speak-journal{border-radius:16px;padding:4px 0 12px}.speak-hero h2{font-size:24px}.speak-lab-head{padding:10px 12px}.speak-lab-body{padding:14px}.speak-lab-titles strong{font-size:18px}.speak-model-en{font-size:19px}.speak-info-card>p,.speak-structure-frame p{font-size:16px}}.speak-hero-figure{background:#fff;border:1px solid #d7ebe0;border-radius:18px;max-height:none;margin:0;overflow:visible;box-shadow:0 8px 20px #3c826e14}.speak-hero-figure img{object-position:top center;vertical-align:top;width:100%;display:block;object-fit:contain!important;height:auto!important;max-height:none!important}.quiz-stage-head,.speak-stage-head{border:0;border-radius:14px;box-shadow:0 4px 14px #33755c1a}.quiz-stage-head{background:linear-gradient(90deg,#8558d3 0%,#9b72e8 52%,#c4b5fd 100%)}.quiz-stage-head .knowledge-step{color:#fff;background:0 0}.quiz-stage-head h2{color:#fff;font-size:23px;font-weight:800}.quiz-stage-head small{color:#ffffffeb;font-size:14px;line-height:1.55}.quiz-stage-head>em{color:#ffffffd1;font-size:13px;line-height:1.45}.speak-stage-head{background:linear-gradient(90deg,#279c72 0%,#55bd86 58%,#f2dc78 100%)}.speak-stage-head .knowledge-step{color:#fff;background:0 0}.speak-stage-head h2{color:#17343d;font-size:23px;font-weight:800}.speak-stage-head .speak-subtitle{color:#145c45;letter-spacing:.04em;white-space:nowrap;text-overflow:unset;background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:18px;font-weight:800;line-height:1.3;overflow:visible;box-shadow:0 2px 8px #14503c1f}.speak-stage-head>em{color:#47695e;font-size:13px;line-height:1.45}.quiz-poster{background:#fff8f2;border:1px solid #f0ddd0;border-radius:16px;margin:12px 12px 0;padding:0;overflow:hidden}.quiz-poster img{width:100%;height:auto;display:block}.quiz-board{background:#fff;border:1px solid #eee;border-radius:18px;grid-template-columns:1fr;gap:12px;padding:14px 12px;display:grid;box-shadow:0 4px 16px #8558d30f}.quiz-card{background:#fef9c3;border:0;border-radius:16px;margin:0;padding:14px;box-shadow:0 2px 10px #3232320a}.quiz-card.tone-0{background:#fef9c3}.quiz-card.tone-1{background:#e0f2fe}.quiz-card.tone-2{background:#f3e8ff}.quiz-card.tone-3{background:#ffe4e6}.quiz-card-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.quiz-qbadge{color:#fff;background:#ca8a04;border-radius:999px;flex:none;place-items:center;min-width:44px;height:30px;padding:0 11px;font-size:13px;font-weight:800;display:inline-grid}.quiz-card.tone-1 .quiz-qbadge{background:#0284c7}.quiz-card.tone-2 .quiz-qbadge{background:#9333ea}.quiz-card.tone-3 .quiz-qbadge{background:#e11d48}.quiz-card-title{flex:1;min-width:0}.quiz-card-title h3{color:#92400e;margin:0;font-size:16px;font-weight:800;line-height:1.4}.quiz-card.tone-1 .quiz-card-title h3{color:#0369a1}.quiz-card.tone-2 .quiz-card-title h3{color:#7c3aed}.quiz-card.tone-3 .quiz-card-title h3{color:#be123c}.quiz-card-title em{color:#92400e;background:#ffffffc7;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.quiz-card.tone-1 .quiz-card-title em{color:#0369a1}.quiz-card.tone-2 .quiz-card-title em{color:#7c3aed}.quiz-card.tone-3 .quiz-card-title em{color:#be123c}.quiz-audio-btn{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.quiz-audio-btn.is-playing{background:#b45309}.quiz-answer-toggle{color:#3f4a42;cursor:pointer;background:#ffffff8c;border:1px dashed #505a4647;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.quiz-answer-toggle i{color:#6b756e;font-style:normal}.quiz-answer-panel{background:#ffffffc7;border-radius:12px;margin-top:8px;padding:12px}.quiz-answer-en{align-items:flex-start;gap:10px;display:flex}.quiz-answer-en p{color:#1f2a24;flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.5}.quiz-answer-panel small{color:#5c6b63;margin-top:8px;font-size:13px;line-height:1.5;display:block}.quiz-options{gap:10px;display:grid}.quiz-options button{color:#333;text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #ffffffeb;border-radius:14px;grid-template-columns:28px 1fr;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 14px;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:grid}.quiz-options button em{color:#777;background:#f5f5f5;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;font-weight:800;display:grid}.quiz-options button span{font-size:15.5px;font-weight:650;line-height:1.55}.quiz-options button:hover:not(:disabled){background:#fff;border-color:#fff;transform:translateY(-1px)}.quiz-card.tone-0 .quiz-options button.selected{background:#ffec99;border-color:#facc15;box-shadow:0 4px 12px #eab30824}.quiz-card.tone-1 .quiz-options button.selected{background:#bae6fd;border-color:#7dd3fc;box-shadow:0 4px 12px #0ea5e924}.quiz-card.tone-2 .quiz-options button.selected{background:#ddd6fe;border-color:#c4b5fd;box-shadow:0 4px 12px #8b5cf624}.quiz-card.tone-3 .quiz-options button.selected{background:#fecdd3;border-color:#fda4af;box-shadow:0 4px 12px #f43f5e24}.quiz-options button.selected{background:#ffec99;border-color:#facc15;box-shadow:0 4px 12px #eab30824}.quiz-options button.correct{background:#e8f7f3;border-color:#0b8f7c}.quiz-options button.correct em{color:#fff;background:#0b8f7c}.quiz-options button.wrong{background:#fff1ee;border-color:#d36b5c}.quiz-options button.wrong em{color:#fff;background:#d36b5c}.quiz-feedback{background:#ffffffb8;border-radius:14px;margin-top:14px;padding:12px 14px}.quiz-feedback.is-right{background:#ffffffe0;border:1px solid #39a68c38}.quiz-feedback.is-wrong{background:#ffffffe0;border:1px solid #e11d482e}.quiz-feedback strong{color:#39a68c;margin-bottom:4px;font-size:14px;display:block}.quiz-feedback.is-wrong strong{color:#be123c}.quiz-feedback p{color:#333;margin:0;font-size:15px;font-weight:650;line-height:1.6}.quiz-feedback small{color:#888;margin-top:4px;font-size:14px;line-height:1.55;display:block}.quiz-score-card{color:#fff;text-align:center;background:linear-gradient(145deg,#8558d3,#9b72e8);border-radius:20px;padding:20px;box-shadow:0 8px 20px #8558d32e}.quiz-score-card strong{font-size:30px}.quiz-score-card p{margin:8px 0 14px;font-size:14.5px}.quiz-score-card button{color:#7c3aed;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:9px 18px;font-weight:800}.speak-outline{background:#fff;border:1px solid #eee;border-radius:18px;gap:10px;padding:18px 14px 14px;display:grid;position:relative;box-shadow:0 4px 16px #8558d30f}.speak-outline-pin{filter:drop-shadow(0 3px 4px #b4282840);font-size:22px;line-height:1;position:absolute;top:-10px;left:14px;transform:rotate(-18deg)}.speak-outline-row{text-align:left;width:100%;font:inherit;border:0;border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.speak-outline-row>i{flex:none;font-size:18px;font-style:normal;line-height:1.4}.speak-outline-row>p{margin:0;font-size:16.5px;font-weight:700;line-height:1.5}.speak-outline-row>p b{font-weight:800}.speak-outline-row.is-topic{color:#be123c;background:#ffe4e6}.speak-outline-row.is-chain{color:#92400e;background:#fef9c3}.speak-outline-row.is-chain span{font-weight:700}.speak-outline-modules{gap:10px;display:grid}.speak-module-card{border-radius:14px;overflow:hidden}.speak-module-card-main{text-align:left;width:100%;font:inherit;cursor:pointer;border:0;border-radius:14px;align-items:flex-start;gap:10px;padding:14px 14px 14px 12px;transition:box-shadow .15s,transform .15s;display:flex}.speak-module-card-main:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8558d31a}.speak-module-card.tone-0 .speak-module-card-main{color:#92400e;background:#fef9c3}.speak-module-card.tone-1 .speak-module-card-main{color:#0369a1;background:#e0f2fe}.speak-module-card.tone-2 .speak-module-card-main{color:#7c3aed;background:#f3e8ff}.speak-module-card.tone-3 .speak-module-card-main{color:#be123c;background:#ffe4e6}.speak-module-card.is-open .speak-module-card-main{border-radius:14px 14px 0 0}.speak-outline-caret{width:14px;color:inherit;opacity:.75;flex:none;margin-top:5px;font-size:11px;font-style:normal;line-height:1;transition:transform .18s}.speak-module-card.is-open .speak-outline-caret{transform:rotate(90deg)}.speak-module-puzzle{filter:grayscale(.15);flex:none;margin-top:1px;font-size:18px;font-style:normal;line-height:1.3}.speak-module-card-body{flex:1;gap:6px;min-width:0;display:grid}.speak-module-card-body>strong{font-size:16.5px;font-weight:800;line-height:1.45;display:block}.speak-module-card-body>strong small{opacity:.88;margin-left:2px;font-size:15px;font-weight:700}.speak-module-card-body>p{margin:0;font-size:15.5px;font-weight:650;line-height:1.55}.speak-module-card-body>p b{font-weight:800}.speak-module-card-body>p span{font-weight:650}.speak-module-card .speak-module-panel{box-shadow:none;border-top:0;border-radius:0 0 14px 14px;margin:0}.speak-practice{gap:14px;display:grid}.speak-module-panel{background:#fafafc;border:1px solid #eee;border-radius:20px;padding:16px 14px 14px;box-shadow:0 4px 12px #8558d30d}.speak-module-meta{background:#f5f3ff;border-radius:12px;gap:8px;margin-bottom:14px;padding:12px;display:grid}.speak-module-meta p{color:#263c43;margin:0;font-size:15.5px;line-height:1.6}.speak-module-meta b{color:#17343d;font-weight:800}.speak-keywords{margin-bottom:14px}.speak-keywords>b,.speak-structures>b{color:#687b80;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.speak-keywords>div{flex-wrap:wrap;gap:8px;display:flex}.speak-keywords span{color:#2f7a58;background:#e4f5ec;border-radius:999px;padding:7px 12px;font-size:14.5px;font-weight:700}.speak-keywords span:nth-child(2){color:#3d6fa8;background:#e8f1fb}.speak-keywords span:nth-child(3){color:#8a5a2e;background:#fff0df}.speak-keywords span:nth-child(4){color:#6a4ea0;background:#efe8fb}.speak-keywords span:nth-child(5){color:#b05a78;background:#fceef3}.speak-keywords span:nth-child(6){color:#2f7a58;background:#e4f5ec}.speak-keywords span:nth-child(7){color:#3d6fa8;background:#e8f1fb}.speak-keywords span:nth-child(8){color:#8a5a2e;background:#fff0df}.speak-structures{margin-bottom:14px}.speak-structures ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.speak-structures li{color:#263c43;background:#fff8ef;border:1px solid #f0e0cc;border-radius:10px;padding:11px 13px;font-size:15.5px;font-weight:650;line-height:1.6}.speak-blank{color:#64748b;letter-spacing:.12em;background:#94a3b829;border:0;border-bottom-width:medium;border-radius:8px;justify-content:center;align-items:center;min-width:3.2em;margin:0 3px;padding:1px 8px;font-weight:700;display:inline-flex}.speak-sentence-box{background:linear-gradient(90deg,#fff4ea,#f7f0ff 55%,#eef8f4);border:1px solid #e8ddd2;border-radius:16px;gap:10px;padding:16px;display:grid}.speak-sentence-box>b{color:#0b8f7c;font-size:13px}.speak-sentence-box p{color:#263c43;margin:0;font-size:17px;font-weight:600;line-height:1.7}.speak-sentence-actions{flex-wrap:wrap;gap:8px;display:flex}.speak-sentence-actions>button{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.speak-sentence-actions>button:first-child{color:#7a4e2a;background:linear-gradient(#ffd7b0,#f4b98a)}.speak-sentence-actions>button:first-child.is-playing{color:#5a4570;background:linear-gradient(#e4d4f5,#cbb4e8)}.speak-said-btn{color:#0b8f7c;background:#fff;box-shadow:inset 0 0 0 1px #d5e4e1}.speak-said-btn.is-on{color:#fff;box-shadow:none;background:#0b8f7c}.speak-essay,.speak-keys{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:18px 16px 16px;box-shadow:0 4px 16px #3c46640a}.speak-essay-head,.speak-keys-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.speak-essay-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.speak-essay-play,.speak-section-play{color:#5b4f9a;cursor:pointer;background:#f0ecff;border:0;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.speak-essay-play.is-playing,.speak-section-play.is-playing,.speak-sentence-actions>button.is-playing{color:#fff;background:#7c6bc4}.speak-essay-block-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.speak-essay-block-head h4{margin:0}.speak-essay-block.is-speaking{box-shadow:0 0 0 2px color-mix(in srgb, var(--essay-ink) 18%, transparent)}.speak-key-en.is-playing{color:#1f6b45}.speak-essay-head h3,.speak-keys-head h3{color:#243447;margin:0;font-size:20px;font-weight:800}.speak-essay-head small,.speak-keys-head small{color:#7a8494;margin-top:4px;font-size:13.5px;line-height:1.45;display:block}.speak-essay-sections{background:#fff;border:1px solid #e8eaf0;border-radius:14px;gap:8px;display:grid;overflow:hidden}.speak-essay-block{--essay-row:#fffbeb;--essay-label:#fef3c7;--essay-ink:#92400e;--essay-soft:#fef9c3;background:var(--essay-row);box-shadow:none;border:0;border-bottom:1px solid #2434470f;border-radius:0;margin:0;padding:14px 16px;position:relative;overflow:hidden}.speak-essay-block:last-child{border-bottom:0}.speak-essay-block:before{display:none}.speak-essay-block.tone-0{--essay-row:#fffbeb;--essay-label:#fde68a;--essay-ink:#92400e;--essay-soft:#fef3c7}.speak-essay-block.tone-1{--essay-row:#f0f9ff;--essay-label:#bae6fd;--essay-ink:#0369a1;--essay-soft:#e0f2fe}.speak-essay-block.tone-2{--essay-row:#fff1f5;--essay-label:#fecdd3;--essay-ink:#be123c;--essay-soft:#ffe4e6}.speak-essay-block.tone-3{--essay-row:#f0fdf4;--essay-label:#bbf7d0;--essay-ink:#15803d;--essay-soft:#dcfce7}.speak-essay-block.tone-4{--essay-row:#f5f3ff;--essay-label:#ddd6fe;--essay-ink:#6d28d9;--essay-soft:#ede9fe}.speak-essay-block h4{min-height:28px;color:var(--essay-ink);background:var(--essay-label);letter-spacing:.01em;text-transform:none;border-radius:8px;align-items:center;margin:0;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.speak-essay-line{margin:0 0 10px}.speak-essay-line:last-child{margin-bottom:0}.speak-essay-block>p,.speak-essay-line>p{color:#334155;margin:0;font-size:15.5px;font-weight:500;line-height:1.7}.speak-essay-zh-line{color:#64748b;margin-top:4px;font-size:14px;line-height:1.6;display:block}.speak-essay-block .speak-section-play{color:var(--essay-ink);box-shadow:none;background:#ffffffb8;border:0;font-weight:700}.speak-essay-block .speak-section-play.is-playing{color:#fff;background:var(--essay-ink);border-color:#0000}.speak-mark{color:#15803d;background:linear-gradient(#0000 58%,#bbf7d0e6 58%);border-radius:4px;padding:0 3px;font-weight:700}.speak-mark.tone-0{color:#c73d78;background:linear-gradient(#0000 58%,#ffb4d2f2 58%)}.speak-mark.tone-1{color:#2f6bb8;background:linear-gradient(#0000 58%,#aad2fff2 58%)}.speak-mark.tone-2{color:#d47818;background:linear-gradient(#0000 58%,#ffd28cf2 58%)}.speak-essay-zh{background:#ffffffb8;border:0;border-radius:10px;margin-top:12px;padding:10px 12px}.speak-essay-zh p{color:#64748b;margin:0 0 6px;font-size:14px;line-height:1.6}.speak-essay-zh p:last-child{margin-bottom:0}.speak-key-list{grid-template-columns:1fr;gap:12px;display:grid}.speak-key-card{min-height:0;box-shadow:none;background:#d8f5e2;border:0;border-radius:14px;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.speak-key-card.tone-0{background:#d8f5e2}.speak-key-card.tone-1{background:#fff3c4}.speak-key-card.tone-2{background:#ffd6e7}.speak-key-card.tone-3{background:#d9ecff}.speak-key-card>span{color:#1f6b45;letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.speak-key-card.tone-0>span{color:#1f6b45}.speak-key-card.tone-1>span{color:#7a5a12}.speak-key-card.tone-2>span{color:#b03a6e}.speak-key-card.tone-3>span{color:#2f5f9a}.speak-key-card em{color:#1f6b45;background:#ffffffb8;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.speak-key-card.tone-0 em{color:#1f6b45}.speak-key-card.tone-1 em{color:#7a5a12}.speak-key-card.tone-2 em{color:#b03a6e}.speak-key-card.tone-3 em{color:#2f5f9a}.speak-key-en{color:#17343d;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:16px;font-weight:700;line-height:1.6;display:block}.speak-key-en:hover{color:#1f6b45}.speak-key-card.tone-1 .speak-key-en:hover{color:#7a5a12}.speak-key-card.tone-2 .speak-key-en:hover{color:#b03a6e}.speak-key-card.tone-3 .speak-key-en:hover{color:#2f5f9a}.speak-key-card small{color:#4a6570;margin-top:8px;font-size:14.5px;line-height:1.55;display:block}@media (width<=899px){.growth-roadmap{margin:6px 0 8px;padding:7px 4px 8px}.growth-node>span{width:18px;height:18px;font-size:8px}.growth-node:not(:last-child):after{width:calc(100% - 18px);top:9px;left:calc(50% + 9px)}.growth-node strong{margin-top:3px;font-size:8px}.growth-node small{font-size:7px}.knowledge-stage-head h2,.quiz-stage-head h2,.speak-stage-head h2{font-size:16px}.knowledge-stage-head small,.quiz-stage-head small,.speak-stage-head small{font-size:10px}.knowledge-stage-head>em,.quiz-stage-head>em,.speak-stage-head>em{font-size:9px}}@media (width<=767px){.reading-card-layout{grid-template-columns:118px minmax(0,1fr);grid-template-areas:"visual copy""note copy";gap:10px 12px;padding:12px}.reading-visual{aspect-ratio:1;width:100%;min-height:0}.reading-visual img{min-height:0}.reading-title-row strong{font-size:14px}.reading-title-row span{font-size:11px}.reading-english{font-size:13px;line-height:1.65}.reading-translation p{font-size:12.5px}.reading-col-note{text-align:center;grid-template-columns:1fr;align-content:start;justify-items:center;gap:8px;padding-top:2px;display:grid}.reading-doodle{width:42px;height:42px}.reading-doodle-svg{width:38px;height:38px}.reading-callout{max-width:12ch;font-size:15px;transform:rotate(-2deg)}.reading-section-play{grid-column:auto;justify-self:stretch;width:100%;min-height:30px;padding:4px 6px;font-size:10px}.vocab-hero-copy h2{font-size:16px}.vocab-hero-copy strong{font-size:12px}.vocab-hero-copy small{font-size:10px}.vocab-tabs{gap:5px;margin-bottom:16px}.vocab-tabs-hint{margin-bottom:0;font-size:10px}.vocab-tab.active:after{display:none}.vocab-tab{gap:3px;min-height:36px;padding:4px 3px}.vocab-tab strong{font-size:10px}.vocab-tab-icon{width:12px;height:12px}.vocab-tab em{min-width:15px;height:15px;font-size:9px}.vocab-card-heading h4{font-size:14px}.vocab-card-sub em,.vocab-card-sub small{font-size:10px}.vocab-detail-row>p,.vocab-detail-row>div>p{font-size:11px;line-height:1.45}.vocab-detail-zh{font-size:10px}.vocab-collocations span{padding:2px 6px;font-size:10px}.synonym-panel h3{font-size:13px}.synonym-head-main small,.synonym-head-tag{font-size:10px}.synonym-text{font-size:15px}.synonym-meaning{font-size:12px}.synonym-tag,.synonym-use{font-size:10px}.quiz-card-title h3{font-size:12.5px}.quiz-card-title em{font-size:10px}.quiz-options button{gap:7px;min-height:40px;padding:8px 9px}.quiz-options button em{width:22px;height:22px;font-size:10px}.quiz-options button span{font-size:11.5px;line-height:1.35}.quiz-feedback p,.quiz-feedback small{font-size:11px}.speak-outline-row>p,.speak-module-card-body>strong{font-size:12px}.speak-module-card-body>strong small{font-size:10.5px}.speak-module-card-body>p{font-size:11px}.speak-module-meta p,.speak-structures li,.speak-essay-block>p{font-size:11.5px}.speak-essay-block h4{font-size:11px}.speak-essay-zh p{font-size:10.5px}.speak-key-en{font-size:12px}.speak-key-card small{font-size:10.5px}.speak-key-card>span{font-size:18px}.speak-key-card em{font-size:10px}}@media (width>=900px){.quiz-board{gap:16px;padding:16px 14px}.quiz-card{padding:18px}.quiz-card-title h3{font-size:18px}.speak-key-list{gap:14px}}.auth-page{background:radial-gradient(circle at 10% 20%,#dff5ff,#0000 35%),radial-gradient(circle at 90% 80%,#fff1c8,#0000 35%),#f8fbff;place-items:center;min-height:100vh;padding:32px;font-family:system-ui,Microsoft YaHei,sans-serif;display:grid}.auth-card{background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;width:min(920px,100%);display:grid;overflow:hidden;box-shadow:0 24px 80px #23466e29}.auth-brand{color:#fff;background:linear-gradient(145deg,#1767b5,#39a99a);flex-direction:column;justify-content:center;padding:64px 50px;display:flex}.auth-brand span{letter-spacing:3px;text-transform:uppercase;opacity:.85;font-size:15px}.auth-brand strong{margin:12px 0;font-size:46px}.auth-brand p{opacity:.9;font-size:18px;line-height:1.8}.auth-panel{padding:48px}.auth-panel h1{color:#18334f;margin:0 0 10px;font-size:30px}.auth-intro{color:#718096;min-height:48px;margin:0 0 22px;line-height:1.6}.auth-panel form{gap:16px;display:grid}.auth-panel label{color:#334e68;gap:7px;font-size:14px;font-weight:700;display:grid}.auth-panel input{box-sizing:border-box;border:1px solid #d7e1ec;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:16px}.auth-panel input:focus{border-color:#2684d8;box-shadow:0 0 0 3px #2684d81f}.auth-submit{color:#fff;cursor:pointer;background:#1976c9;border:0;border-radius:12px;padding:14px;font-size:16px;font-weight:800}.auth-submit:disabled{opacity:.6}.auth-actions{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.auth-actions button,.account-strip button{color:#1976c9;cursor:pointer;background:0 0;border:0}.auth-error,.auth-message{border-radius:9px;margin:0;padding:10px 12px;font-size:14px}.auth-error{color:#b42318;background:#fff0f0}.auth-message{color:#16734b;background:#eaf8f1}.auth-loading{color:#54708d;place-items:center;min-height:100vh;display:grid}.account-strip{z-index:100;color:#fff;background:#163c64;justify-content:flex-end;gap:16px;padding:8px 24px;font-size:13px;display:flex;position:relative}.account-strip button{color:#fff;text-decoration:underline}@media (width<=720px){.auth-page{padding:16px}.auth-card{grid-template-columns:1fr}.auth-brand{padding:28px 30px}.auth-brand strong{font-size:34px}.auth-brand p{margin:0}.auth-panel{padding:30px}.auth-actions{flex-direction:column;align-items:flex-start}}:root{color:#25304a;background:#f3f6fb}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}.admin-login{background:linear-gradient(135deg,#eef2ff,#f5fbff 50%,#fff7ed);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login form{background:#fff;border-radius:22px;width:min(430px,100%);padding:36px;box-shadow:0 20px 60px #33415520}.admin-login a{color:#64748b;text-decoration:none}.admin-login h1{margin:28px 0 6px}.admin-login p{color:#64748b;margin:0 0 26px}.admin-login label{gap:8px;margin:16px 0;font-weight:650;display:grid}.admin-login input{border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px}.admin-login button,.inline-form button,.upload-form button{color:#fff;background:#4f46e5;border:0;border-radius:10px;padding:12px 18px;font-weight:700}.admin-error,.admin-alert.error{color:#b42318;background:#fef3f2}.admin-error{border-radius:8px;margin-bottom:14px;padding:10px}.admin-shell{min-height:100vh;padding-bottom:60px}.admin-shell>header{z-index:5;color:#fff;background:#1e293b;justify-content:space-between;align-items:center;padding:18px max(24px,50% - 640px);display:flex;position:sticky;top:0}.admin-shell header div,.admin-shell header nav{align-items:center;gap:20px;display:flex}.admin-shell header span{color:#cbd5e1;font-size:14px}.admin-shell header a,.admin-shell header button{color:#fff;background:0 0;border:0;text-decoration:none}.admin-stats,.admin-card,.admin-alert{width:min(1280px,100% - 40px);margin:22px auto}.admin-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-stats article,.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 20px #3341550a}.admin-stats article{padding:22px}.admin-stats span{color:#64748b;display:block}.admin-stats b{margin-top:8px;font-size:30px;display:block}.admin-card{padding:24px}.admin-card h2{margin:0 0 18px}.admin-card h3{margin-top:26px}.admin-alert{border-radius:10px;padding:13px 16px}.admin-alert.success{color:#067647;background:#ecfdf3}.inline-form{grid-template-columns:130px 1fr 220px auto;align-items:end;gap:14px;display:grid}.inline-form label{color:#475569;gap:7px;display:grid}.inline-form input{border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:10px}.new-codes{margin-top:20px}.new-codes>div{justify-content:space-between;align-items:center;display:flex}.new-codes button,.release-list button{color:#4f46e5;background:#fff;border:1px solid #6366f1;border-radius:8px;padding:8px 12px}.new-codes textarea{border:1px solid #cbd5e1;border-radius:10px;width:100%;height:190px;margin-top:10px;padding:12px;font:14px/1.7 monospace}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:13px 10px}th{color:#64748b;font-size:13px}.mono{font-family:ui-monospace,monospace}.tag{background:#f1f5f9;border-radius:999px;padding:4px 9px;display:inline-block}.tag.unused{color:#067647;background:#ecfdf3}.tag.used{color:#175cd3;background:#eff8ff}.tag.revoked{color:#b42318;background:#fef3f2}.link-danger{color:#d92d20;background:0 0;border:0}.hint{color:#64748b;line-height:1.7}.upload-form{border:1px dashed #94a3b8;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.release-list{padding:0;list-style:none}.release-list li{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:11px 0;display:flex}@media (width<=800px){.admin-stats{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.admin-shell>header{align-items:flex-start}.admin-shell header div{flex-direction:column;align-items:flex-start;gap:4px}.upload-form{flex-direction:column;align-items:stretch}}.password-form{grid-template-columns:1fr 1fr 1fr auto}@media (width<=800px){.password-form{grid-template-columns:1fr}}