:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#23443d;background:#fff8df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 15% 10%,#fff 0 6%,transparent 7%),linear-gradient(160deg,#fff9df,#e9fbef)}button,input{font:inherit}button{touch-action:manipulation;min-height:44px}.primary{min-height:58px;border:0;border-radius:18px;padding:0 32px;background:#ff7657;color:#fff;font-weight:900;font-size:1.2rem;box-shadow:0 6px #d94f35;cursor:pointer}.primary:active{transform:translateY(3px);box-shadow:0 3px #d94f35}.primary:disabled{opacity:.45}.splash{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left))}.splash img{width:min(48vw,240px);filter:drop-shadow(0 12px 20px #297f5c35)}.splash p{font-size:clamp(2rem,7vw,4rem);font-weight:1000;color:#198a67;margin:16px 0 0}.splash h1{font-size:clamp(1.2rem,3vw,1.8rem);margin:6px 0 30px;color:#496b61}.splash small{margin-top:24px;font-size:.95rem}.app-shell{min-height:100vh;min-height:100dvh;padding:max(0px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.topbar{height:76px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;max-width:900px;margin:auto}.topbar h1{text-align:center;font-size:clamp(1.35rem,4vw,2rem);margin:0}.icon-button{width:50px;height:50px;border:0;border-radius:50%;background:#fff;color:#275e51;font-weight:900;font-size:1.5rem;box-shadow:0 3px 10px #32665720;cursor:pointer}.profile-grid,.map-path,.card,.welcome-strip,.review-note{max-width:760px;margin-left:auto;margin-right:auto}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.profile-card{min-height:200px;border:4px solid #fff;border-radius:28px;background:#dff7ed;box-shadow:0 8px 18px #285c4c20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#23443d;cursor:pointer}.profile-card:nth-child(2){background:#e6efff}.profile-card .avatar{font-size:4.5rem}.profile-card strong{font-size:1.35rem}.profile-card.empty{border:3px dashed #75bca5;background:#fff9}.card{background:#fff;border:3px solid #fff;border-radius:28px;box-shadow:0 10px 24px #285c4c1d;padding:clamp(20px,5vw,38px);margin-top:24px;text-align:center}.editor label{display:flex;flex-direction:column;gap:8px;text-align:left;font-weight:800;max-width:420px;margin:18px auto}.editor input{height:56px;border:3px solid #bee5d5;border-radius:15px;padding:0 16px;font-size:1.2rem}.avatar-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0 28px}.avatar-options button{min-width:88px;min-height:88px;border:3px solid transparent;border-radius:18px;background:#f3f8f6;font-size:2.3rem}.avatar-options button.selected{border-color:#ffb43d;background:#fff2c7}.avatar-options small{display:block;font-size:.75rem}.welcome-strip{display:flex;align-items:center;gap:16px;background:#fff;border-radius:22px;padding:16px 20px;margin-top:18px}.welcome-strip>span{font-size:3rem}.welcome-strip div{display:flex;flex-direction:column}.welcome-strip strong{font-size:1.3rem}.map-path{padding:35px 15px}.map-stop{width:100%;min-height:112px;border:0;border-radius:24px;padding:16px;display:flex;align-items:center;gap:18px;text-align:left;color:#23443d}.map-stop>span{display:grid;place-items:center;flex:0 0 68px;height:68px;border-radius:50%;background:#fff;font-size:2rem;font-weight:900}.map-stop div{display:flex;flex-direction:column;gap:3px}.map-stop strong{font-size:1.35rem}.map-stop.open{background:#8de0b4;box-shadow:0 7px #4eb889;cursor:pointer}.map-stop.locked,.map-stop.coming{background:#e5e8e7;color:#72817d}.path-line{height:32px;width:8px;background:#72c99c;margin:auto}.path-line.dotted{background:repeating-linear-gradient(#aebbb7 0 8px,transparent 8px 14px)}.stars{white-space:nowrap}.stars span{color:#cbd7d3;font-size:1.25rem}.stars .earned{color:#ffb627;text-shadow:0 1px #be7811}.review-note{background:#fff2bd;padding:14px 18px;border-radius:16px}.vowel-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.vowel-row button{min-height:145px;border:0;border-radius:24px;background:#e9f8ff;color:#176c8c}.vowel-row strong{font-size:4.5rem;display:block}.vowel-row small{font-weight:800}.tone-guide,.tone-stations{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.tone-guide div,.tone-stations button{min-height:100px;border:0;border-radius:18px;background:#f1efff;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#4b4785}.tone-guide strong,.tone-stations strong{font-size:2.2rem}.progress{height:14px;border-radius:9px;background:#dcebe5;overflow:hidden}.progress span{display:block;height:100%;background:#ffb43d;border-radius:9px}.round{font-weight:800}.listen-button{min-width:220px;min-height:132px;border:0;border-radius:50%;background:#5ec9f0;color:#164d61;box-shadow:0 7px #269bc6;margin:18px}.listen-button span,.listen-button strong{display:block}.listen-button span{font-size:3rem}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px auto;max-width:520px}.answer-grid button{min-height:120px;border:3px solid #c9eadc;border-radius:24px;background:#f6fffb;color:#188061;font-size:4rem;font-weight:900}.answer-grid button:active{background:#bdeed8}.feedback{min-height:48px;padding:12px;border-radius:14px;color:#60726d}.feedback.show{background:#fff0b8;color:#775719;font-weight:900}.coaster{padding-top:15px}.little-car{font-size:3.5rem;cursor:grab;touch-action:none;animation:wiggle 1.4s ease-in-out infinite}.result .result-emoji{font-size:5rem}.result h2{font-size:2rem}.result .stars span{font-size:3rem}.hint{background:#fff0c6;padding:10px;border-radius:12px}@keyframes wiggle{50%{transform:translate(12px)}}@media(max-width:560px){.profile-grid{grid-template-columns:1fr}.profile-card{min-height:145px}.profile-card .avatar{font-size:3.4rem}.vowel-row{gap:7px}.vowel-row button{min-height:120px}.vowel-row strong{font-size:3.5rem}.tone-guide,.tone-stations{gap:4px}.tone-guide div,.tone-stations button{min-height:88px;font-size:.78rem;padding:3px}.tone-guide strong,.tone-stations strong{font-size:1.65rem}.answer-grid button{min-height:100px}.card{border-radius:22px;padding:20px 12px}.topbar{height:68px}}@media(min-width:900px){.app-shell{padding-bottom:60px}.map-path{max-width:700px}.game{margin-top:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.course-map{max-width:900px;margin:24px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-card{min-height:112px;border:0;border-radius:22px;padding:16px;display:flex;gap:14px;align-items:center;text-align:left;color:#23443d}.course-card.open{background:#dff7ed;box-shadow:0 5px #7bcaa5}.course-card.locked{background:#e6e9e8;color:#7c8985}.course-card div{display:flex;flex-direction:column;gap:3px}.course-card strong{font-size:1.15rem}.course-number{display:grid;place-items:center;min-width:52px;height:52px;border-radius:50%;background:#fff;font-weight:900;font-size:1.25rem}.parent-link{margin-left:auto;min-height:46px;border:0;border-radius:14px;background:#fff1bb;padding:0 14px;font-weight:800}.knowledge-cloud{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px}.knowledge-cloud span{background:#e9f5ff;padding:10px 14px;border-radius:16px;font-size:1.2rem;font-weight:900}.sound-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.sound-grid button{min-height:90px;border:0;border-radius:18px;background:#e8faf2;color:#157255}.sound-grid strong,.sound-grid small{display:block}.sound-grid strong{font-size:2rem}.follow-tip{background:#fff3c9;padding:12px;border-radius:14px}.answer-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));max-width:650px}.answer-grid.compact button{font-size:2rem;min-height:92px}.score-number{font-size:4rem;font-weight:1000;color:#f06c4c}.score-number small{font-size:1.2rem}.gate{min-height:100vh;display:grid;place-items:center;padding:20px}.gate input{display:block;height:58px;max-width:220px;margin:15px auto;border:3px solid #bee5d5;border-radius:14px;text-align:center;font-size:1.5rem}.gate button{margin:8px}.parent-panel{text-align:left}.backup-actions{display:flex;gap:12px;flex-wrap:wrap}.backup-actions>button:not(.primary){min-height:58px;border:0;border-radius:18px;padding:0 24px;font-weight:900}.parent-child{margin-top:24px;padding-top:18px;border-top:2px solid #e6eee9}.parent-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.parent-course-grid>div{padding:12px;border-radius:14px;background:#f3f8f6;display:flex;flex-direction:column;gap:5px}.parent-course-grid button{min-height:42px;border:0;border-radius:10px}.hint{white-space:normal}@media(max-width:560px){.course-map,.parent-course-grid{grid-template-columns:1fr}.sound-grid,.answer-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-strip{flex-wrap:wrap}.parent-link{margin-left:0}}.sound-grid button.playing,.tone-buttons button.playing{outline:5px solid #ffb43d;transform:scale(1.04);background:#fff3c9}.tone-buttons,.tone-zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.tone-buttons button,.tone-zones button{min-height:100px;border:0;border-radius:18px;background:#f1efff;color:#4b4785}.tone-buttons strong,.tone-buttons span{display:block}.tone-buttons strong{font-size:2.2rem}.neutral-card{display:flex;flex-direction:column;gap:5px;background:#f2f2f2;color:#66736f;border-radius:16px;padding:14px;margin:12px 0 22px}.tone-stations.four{grid-template-columns:repeat(4,1fr)}.bubble-grid,.build-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px auto;max-width:560px}.bubble-grid button,.build-board button{min-height:100px;border:3px solid #b8e6d3;border-radius:50%;background:#eafff6;color:#14745a;font-size:2rem;font-weight:900}.build-board{border:3px dashed #8bcfb3;border-radius:22px;padding:14px}.build-board button{border-radius:18px}.bubble-grid button.pop{animation:pop .35s ease;background:#fff1a8}.reset-row,.confirm-actions{display:flex;gap:10px;flex-wrap:wrap}.reset-row button,.confirm-actions button,.backup-actions button{min-height:48px;border:0;border-radius:13px;padding:8px 16px;font-weight:800}.danger,.danger-outline{color:#9d291b}.danger{background:#d94835!important;color:#fff}.danger-outline{border:2px solid #d94835!important;background:#fff!important}.modal-backdrop{position:fixed;inset:0;background:#173d3488;display:grid;place-items:center;padding:16px;z-index:10}.confirm-card{width:min(620px,100%);background:#fff;border-radius:24px;padding:26px;text-align:left}.confirm-card label{display:flex;flex-direction:column;gap:8px;font-weight:800}.confirm-card input{height:52px;border:3px solid #bee5d5;border-radius:12px;padding:8px}.confirm-actions{margin-top:20px}.confirm-actions .cancel{order:-1}.practice-game small{display:block;margin:12px}.listen-button strong{font-size:1rem}@keyframes pop{50%{transform:scale(1.18);opacity:.7}}@media(max-width:560px){.tone-buttons,.tone-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.bubble-grid,.build-board{gap:8px}.bubble-grid button,.build-board button{min-height:82px}.confirm-actions{flex-direction:column}.confirm-actions button{width:100%}}.garden-entry{display:flex;align-items:center;gap:18px;width:min(760px,100%);margin:18px auto 0;padding:18px 24px;border:0;border-radius:24px;background:#fff1a8;color:#315647;text-align:left;box-shadow:0 6px #e5bd48}.garden-entry>span{font-size:3rem}.garden-entry div{display:flex;flex-direction:column}.garden-entry strong{font-size:1.35rem}.garden-home .garden-hero{font-size:5rem}.garden-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.garden-menu button{min-height:100px;border:0;border-radius:18px;background:#e7f8ee;color:#285c4c;font-weight:900;font-size:1.1rem}.garden-menu small{display:block;margin-top:5px}.character-grid,.stroke-grid{max-width:900px;margin:24px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.character-card{border:0;border-radius:22px;background:#fff;padding:14px;color:#23443d;box-shadow:0 5px #b6dbc9}.character-art{width:120px;height:120px;display:block;margin:auto}.character-card strong{display:block;font-size:3rem}.character-card span,.character-card small{display:block;font-weight:800}.stroke-card{margin-top:0;padding:18px}.stroke-glyph{font-size:4rem}.stroke-card h2 small{display:block;font-size:.8rem;color:#718079}.stroke-card button,.writer-actions button,.game-tabs button{min-height:46px;border:0;border-radius:13px;padding:8px 15px;font-weight:800}.character-detail{display:grid;grid-template-columns:180px 1fr;align-items:center}.character-detail .character-art{width:170px;height:170px}.big-hanzi{font-size:6rem}.hanzi-practice{grid-column:1/-1}.tian-grid{width:282px;height:282px;margin:20px auto;position:relative;border:3px solid #c46c5c;background:linear-gradient(90deg,transparent 49.5%,#eab4aa 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#eab4aa 50%,transparent 50.5%)}.tian-grid:before,.tian-grid:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(45deg,transparent 49.7%,#edd0ca 50%,transparent 50.3%)}.tian-grid:after{background:linear-gradient(-45deg,transparent 49.7%,#edd0ca 50%,transparent 50.3%)}.writer-actions,.game-tabs,.character-options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.character-game .character-art{width:190px;height:190px}.character-options button{width:110px;height:100px;border:0;border-radius:20px;background:#e9f7ff;font-size:3.5rem}.game-tabs button{background:#e7f8ee}@media(max-width:650px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stroke-grid,.garden-menu,.character-detail{grid-template-columns:1fr}.character-art{width:100px;height:100px}.character-detail .character-art{width:140px;height:140px}.tian-grid{transform:scale(.9);margin:5px auto}.big-hanzi{font-size:5rem}}.world-grid{max-width:900px;margin:24px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.world-card{min-height:220px;border:0;border-radius:28px;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#23443d;box-shadow:0 7px #79b99e}.world-card>span{font-size:4rem}.world-card strong{font-size:1.4rem}.world-card small{margin-top:8px}.pinyin-world{background:#dff5ff}.character-world{background:#e5f8df}.stroke-world{background:#fff0cc}.area-intro{max-width:760px;margin:20px auto;text-align:center}.semantic-art{display:grid;place-items:center;position:relative;font-size:5rem}.animated-symbol{animation:gentleFloat 2.8s ease-in-out infinite}.art-water .animated-symbol,.art-fish .animated-symbol{animation-name:gentleSwim}.art-fire .animated-symbol,.art-sun .animated-symbol{animation-name:gentlePulse}.art-hand .animated-symbol{transform-origin:70% 70%;animation-name:gentleWave}.art-fallback,.paused .animated-symbol{display:none}.paused .art-fallback{display:inline}.count-item{transform-origin:center;animation:gentlePulse 2.4s ease-in-out infinite}.count-art.paused .count-item{animation:none}.game-tabs .selected,.target-picker .selected{outline:3px solid #ffb43d;background:#fff0b8}.character-options button .character-art{width:82px;height:82px;font-size:3.2rem}.falling-options button{animation:slowFall 7s ease-in-out infinite}.repeat-score audio{display:block;width:min(100%,460px);margin:18px auto}.experiment-label{display:inline-block;background:#fff0b8;padding:8px 14px;border-radius:16px;font-weight:900}.target-pinyin{font-size:5rem;font-weight:900;color:#285c8d}.target-picker{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:18px}.target-picker button{min-width:48px;min-height:48px;border:2px solid #b6dcd0;border-radius:12px;background:#fff}.recording{color:#c52c22;font-weight:900}.score-panel{display:grid;gap:10px;margin-top:18px}.score-panel strong{font-size:1.5rem}.pitch-chart{height:120px;display:flex;align-items:end;gap:2px;background:#eef8f4;border-radius:15px;padding:12px}.pitch-chart i{flex:1;min-width:2px;background:#52b788;border-radius:4px}.setting-row,.area-progress{display:grid;gap:10px;margin:16px 0}.setting-row label,.area-progress span{background:#f2f8f5;padding:12px;border-radius:12px}@keyframes gentleFloat{50%{transform:translateY(-7px)}}@keyframes gentleSwim{50%{transform:translate(8px)}}@keyframes gentlePulse{50%{transform:scale(1.08)}}@keyframes gentleWave{50%{transform:rotate(9deg)}}@keyframes slowFall{50%{transform:translateY(18px)}}@media(max-width:700px){.world-grid{grid-template-columns:1fr}.world-card{min-height:150px}.game-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.game-tabs button{font-size:.8rem}.character-options button{width:92px}}.world-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.parent-world{background:#f3e8ff;box-shadow:0 7px #b99bd9}.course-category{margin:26px auto;max-width:900px}.course-category>h2{margin:0 0 10px;padding-left:8px;font-size:1.35rem;color:#315e53;text-align:left}.course-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-steps{color:#4a7c6f;font-size:.88rem}.character-options.core-options{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;max-width:720px;margin:22px auto}.character-options.core-options button{width:auto;min-width:120px;min-height:96px;border:3px solid #b8e6d3;border-radius:20px;background:#fff;color:#23443d;font-size:3.5rem;font-weight:900;cursor:pointer;touch-action:manipulation}.character-options.core-options button:hover,.character-options.core-options button:focus-visible{outline:4px solid #79c8a7;background:#effff7}.character-options.core-options button:active{transform:translateY(2px);background:#d5f5e4}.character-options.core-options button.correct{background:#c9f1d8;border-color:#49a875}.character-options.core-options button.retry{background:#fff0d0;border-color:#e4b452}.question-prompt{font-size:1.35rem;font-weight:900;margin:16px 0}.question-feedback{min-height:48px;padding:12px;border-radius:14px;background:#fff4c7;font-weight:800}.answer-reveal{display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:18px;align-items:center;text-align:left;background:#f3fbf6;border-radius:20px;padding:18px;margin:18px auto;max-width:680px}.answer-reveal .revealed-character{font-size:5rem;text-align:center;font-weight:1000;color:#285c8d}.answer-reveal .reveal-details{display:grid;gap:5px}.answer-reveal .reveal-details strong{font-size:1.4rem}@media(max-width:700px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-category-grid{grid-template-columns:1fr}.character-options.core-options{grid-template-columns:repeat(2,minmax(88px,1fr))}.character-options.core-options button{min-width:88px;min-height:96px;font-size:3.3rem}.answer-reveal{grid-template-columns:1fr;text-align:center}}@media(prefers-reduced-motion:reduce){.animated-symbol,.count-item,.falling-options button{animation:none!important}}.challenge-options{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;max-width:720px;margin:24px auto}.challenge-options button{width:100%;min-width:120px;min-height:76px;padding:12px 18px;border:3px solid #9fd8c2;border-radius:18px;background:#f7fffb;color:#176c56;font-size:clamp(1.9rem,4vw,2.35rem);font-weight:900;line-height:1.2;cursor:pointer;touch-action:manipulation;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .08s}.challenge-options button:hover{background:#e4f8ef;border-color:#58b991}.challenge-options button:focus-visible{outline:5px solid #ffbd3f;outline-offset:3px}.challenge-options button:active,.challenge-options button[aria-pressed=true]{transform:translateY(2px);box-shadow:inset 0 0 0 3px #257e64}.challenge-options button.correct-answer{background:#d9f5df;border-color:#43a665;color:#245f39}.challenge-options button.wrong-answer{background:#fff2cf;border-color:#e2a93b;color:#75591f}.challenge-options .character-art{width:92px;height:92px;font-size:3.5rem}.challenge-feedback{min-height:52px;margin:12px auto;padding:12px;border-radius:14px;color:#66756f}.challenge-feedback.show{background:#f1f8d9;color:#466029;font-weight:900}.character-options{gap:12px}.character-options button,.stroke-options button,.game-tabs button,.build-board button,.bubble-grid button,.tone-zones button{min-width:88px;min-height:60px}.sound-grid button,.tone-buttons button{min-height:76px}.answer-grid{gap:12px}.character-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;overflow:visible;text-align:center}.meaning-picture{width:100%;display:grid;justify-items:center;gap:4px}.meaning-picture>small,.glyph-pair small{font-size:.76rem;color:#637b72;text-transform:uppercase;letter-spacing:.04em}.meaning-symbol{display:grid;place-items:center;width:100%;height:100%;animation:gentleFloat 2.8s ease-in-out infinite}.paused .meaning-symbol{animation:none}.evolution-arrow{font-size:.8rem;font-weight:900;color:#9a7541}.glyph-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;align-items:end}.glyph-pair>div{display:grid;justify-items:center;gap:4px;min-width:0}.ancient-glyph{width:90px;height:90px;overflow:visible}.ancient-glyph path{fill:none;stroke:#7c4b2b;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.modern-character{display:grid!important;place-items:center;min-height:90px;color:#172f2a!important;font-family:Microsoft YaHei,Noto Sans CJK SC,PingFang SC,sans-serif;font-size:clamp(3.25rem,7vw,4.5rem)!important;font-weight:900;line-height:1;position:relative;z-index:2}.character-pinyin{font-size:1.35rem;color:#295f86}.character-meaning{font-size:1rem;color:#445f55}.character-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:auto}.character-actions button{min-height:60px;border:2px solid #9fd8c2;border-radius:14px;background:#f2fbf7;color:#235f4d;font-size:.88rem;font-weight:900;padding:7px}.character-actions button:focus-visible{outline:4px solid #ffbd3f;outline-offset:2px}.character-detail>.ancient-glyph{width:150px;height:150px}.art-fallback{display:none!important}@media(max-width:620px){.challenge-options{grid-template-columns:repeat(2,minmax(88px,1fr));gap:12px}.challenge-options button{min-width:88px;min-height:64px;padding:10px 8px;font-size:1.9rem}.challenge-options .character-art{width:76px;height:76px}.character-actions{grid-template-columns:1fr}.glyph-pair{gap:4px}.ancient-glyph{width:76px;height:76px}.modern-character{min-height:76px;font-size:3.25rem!important}}@media(max-width:430px){.character-grid{grid-template-columns:1fr}.character-card{max-width:330px;width:100%;margin-inline:auto}.glyph-pair{gap:16px}}@media(prefers-reduced-motion:reduce){.meaning-symbol{animation:none!important}.challenge-options button{transition:none}}.tone-base-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px}.tone-base-tabs button{min-width:58px;min-height:48px;border:2px solid #bee5d5;border-radius:14px;background:#fff;font-weight:900}.tone-base-tabs button.selected{background:#ffefad;border-color:#ffb43d}.tone-buttons button:disabled{opacity:.45}.stroke-practice{max-width:620px}.stroke-practice h2 small{display:block;font-size:.9rem}.stroke-practice svg{width:min(100%,420px);background:#fffdf5;border:3px solid #d78a78;touch-action:none}.stroke-model{fill:none;stroke:#ff7657;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:450;stroke-dashoffset:450;animation:drawStroke 1.6s ease forwards}.stroke-model.slow{animation-duration:3.2s}.stroke-model.paused{animation-play-state:paused}.user-trace{fill:none;stroke:#52b788;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.stroke-practice text{font-size:13px;fill:#6c736f}@keyframes drawStroke{to{stroke-dashoffset:0}}.studio-mode-tabs,.pinyin-targets{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px auto}.studio-mode-tabs button,.pinyin-targets button{min-height:48px;padding:8px 16px;border:2px solid #a5c9a7;border-radius:14px;background:#fffdf1;color:#285c4c;font-weight:900}.studio-mode-tabs button.selected,.pinyin-targets button.selected{background:#fff0b8;border-color:#e2ad3f;outline:3px solid #f4cf6c}.pinyin-targets button{min-width:60px;font-size:1.5rem}.pinyin-trace{max-width:620px;margin:18px auto;text-align:center}.pinyin-trace-target{font-size:5rem;font-weight:900;color:#285c8d}.pinyin-trace-pad{width:min(100%,420px);height:auto;background:#fffdf5;border:3px solid #76a9c4;border-radius:18px;touch-action:none}.pinyin-trace-pad text{font-size:8rem;font-weight:900;fill:#d6e6ee}.pinyin-trace-pad polyline{fill:none;stroke:#52b788;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.character-section-shell{max-width:980px;margin:0 auto}.character-section-intro{background:#fff9e9e8;border:2px solid #e2c774;border-radius:24px;padding:18px;box-shadow:0 6px #92b389}.character-section-intro h2{margin:0 0 6px;color:#1c4b3b}.character-section-intro p{margin:0;color:#4d6f63}.character-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px auto}.character-section-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 10px;border:3px solid #fff4c8;border-radius:22px;background:#fffdf1ee;color:#244e42;box-shadow:0 6px #92b389;text-align:center}.character-section-card .character-art{width:100px;height:100px}.section-hanzi{font-size:3rem;color:#285c4c}.character-section-card small{min-height:32px}.character-section-card em{font-size:.8rem;color:#6c806f;font-style:normal}.character-section-card>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.character-section-card button{min-height:44px;padding:7px 11px;border:2px solid #a5c9a7;border-radius:12px;background:#fff;color:#285c4c;font-weight:900}@media(max-width:760px){.character-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.character-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-section-card{padding:12px 7px}.character-section-card .character-art{width:82px;height:82px}.section-hanzi{font-size:2.6rem}}.stroke-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.stroke-options button{min-width:110px;min-height:100px;border:0;border-radius:18px;background:#fff1c2;font-size:2.8rem}.stroke-options small{display:block;font-size:.72rem}.course-character-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0 22px}.course-character-examples article{display:grid;gap:7px;justify-items:center;padding:12px;border-radius:18px;background:#fff7d2;border:2px solid #f0c862}.course-character-examples .character-art{width:92px;height:92px}.course-character-examples strong{font-size:2rem;color:#28466e}.course-character-examples span{font-weight:700}.course-character-examples button{width:100%}.garden-category-menu,.group-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px auto;max-width:820px}.garden-category-menu button,.group-tabs button{min-height:50px;border:0;border-radius:14px;padding:8px 16px;background:#eef8f2;color:#285c4c;font-weight:900;cursor:pointer}.garden-category-menu button:hover,.group-tabs button:hover,.group-tabs button.selected{outline:3px solid #ffb43d;background:#fff0b8}.character-game .question-prompt{color:#42695d}.character-game>.semantic-art{min-height:120px}:root{--nature-forest:#193d34;--nature-moss:#477a52;--nature-fern:#8ebb73;--nature-river:#4d9eb1;--nature-sky:#ddf1ec;--nature-sun:#f2b84b;--nature-paper:#fff8e8;--nature-coral:#d97868;--nature-ink:#18322d}.nature-game-shell{max-width:960px;margin:18px auto 0}.nature-game-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:22px 24px;border-radius:26px;background:linear-gradient(145deg,#f5fff2,#dff1eb);box-shadow:0 8px #a7cdb6}.nature-game-heading h2{margin:4px 0;font-size:clamp(1.65rem,4vw,2.35rem);color:var(--nature-forest)}.nature-game-heading p{margin:4px 0;color:#4e6f63}.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--nature-moss)}.course-picker{display:grid;gap:6px;min-width:190px;font-weight:900;color:var(--nature-forest)}.course-picker select{min-height:50px;border:2px solid #9ec9b4;border-radius:14px;background:var(--nature-paper);padding:0 12px;font-weight:800;color:var(--nature-ink)}.nature-game-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.nature-game-card{min-height:150px;border:3px solid transparent;border-radius:22px;padding:14px;background:var(--nature-paper);color:var(--nature-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;cursor:pointer;box-shadow:0 5px #bfd9c5}.nature-game-card>span{font-size:2.7rem}.nature-game-card strong{font-size:1rem}.nature-game-card small{font-size:.78rem;line-height:1.25}.nature-game-card em{font-style:normal;font-size:.75rem;color:#56766a}.nature-game-card:hover,.nature-game-card:focus-visible{border-color:var(--nature-moss);outline:0}.nature-game-card.selected{background:#fff0b8;border-color:var(--nature-sun);box-shadow:0 5px #d5b760}.adventure-board{border-radius:30px;overflow:hidden;background:linear-gradient(165deg,#dff2e7,#b9dfca 47%,#7bb68d);box-shadow:0 10px #548b68;margin-bottom:24px}.adventure-board.reduced-motion *{animation:none!important;transition:none!important}.adventure-progress{display:grid;grid-template-columns:auto auto;gap:8px;padding:16px 20px 0;color:var(--nature-forest);font-weight:900}.adventure-progress span:nth-child(2){text-align:right}.adventure-progress>div{grid-column:1/-1;height:10px;border-radius:8px;background:#fff8;overflow:hidden}.adventure-progress i{display:block;height:100%;border-radius:8px;background:var(--nature-sun);transition:width .25s ease}.adventure-scene{min-height:520px;padding:18px 22px 28px;text-align:center;position:relative}.adventure-scene:before,.adventure-scene:after{content:"";position:absolute;pointer-events:none;border-radius:50%;opacity:.42}.adventure-scene:before{width:240px;height:150px;left:-60px;bottom:20px;background:#477a5266}.adventure-scene:after{width:280px;height:180px;right:-80px;top:50px;background:#f2d68b66}.scene-title{display:inline-block;padding:8px 16px;border-radius:999px;background:#fffa;color:var(--nature-forest);font-weight:900;position:relative;z-index:1}.scene-decor{font-size:2rem;letter-spacing:16px;margin:18px 0 4px;position:relative;z-index:1}.adventure-prompt{font-size:clamp(1.15rem,3vw,1.45rem);font-weight:900;color:var(--nature-ink);position:relative;z-index:1}.adventure-board .listen-button{position:relative;z-index:1;margin:8px auto 16px;background:#fff5cb;color:#5d5427;box-shadow:0 6px #c9aa4d;min-width:210px;min-height:86px;border-radius:22px}.adventure-options{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;max-width:760px;margin:12px auto;position:relative;z-index:1}.adventure-options button{min-width:120px;min-height:96px;border:3px solid #b7dfca;border-radius:22px;background:var(--nature-paper);color:var(--nature-ink);display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;cursor:pointer;touch-action:manipulation;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:900;transition:transform .12s,background .15s,border-color .15s}.adventure-options button>span{font-size:1.5rem}.adventure-options button>strong{line-height:1.1}.adventure-options button:hover,.adventure-options button:focus-visible{outline:4px solid var(--nature-sun);outline-offset:2px;background:#effff2}.adventure-options button:active,.adventure-options button[aria-pressed=true]{transform:translateY(3px)}.adventure-options button.correct-answer{background:#cef0d5;border-color:#4ba66e;color:#245f39}.adventure-options button.wrong-answer{background:#fff0cf;border-color:#d8aa48;color:#73571f}.adventure-options.tone-options button{min-height:112px}.adventure-feedback{min-height:50px;max-width:700px;margin:16px auto 0;padding:12px;border-radius:15px;color:#31594a;position:relative;z-index:1}.adventure-feedback.show{background:#fff2bd;font-weight:900}.game-result{text-align:center}.game-result-icon{font-size:5rem}.game-result .gentle-note{background:#f4f8da;border-radius:14px;padding:12px}.game-result button{margin:8px}.review-card{background:linear-gradient(135deg,#fff1b8,#e2f4db)!important}@media(max-width:720px){.nature-game-heading{display:grid;align-items:stretch}.course-picker{min-width:0}.nature-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-scene{min-height:480px;padding-inline:12px}.adventure-options{grid-template-columns:repeat(2,minmax(88px,1fr));gap:12px}.adventure-options button{min-width:88px;min-height:80px}.adventure-options.tone-options button{min-height:94px}}@media(max-width:430px){.nature-game-heading{padding:18px}.nature-game-card{min-height:132px;padding:10px 6px}.nature-game-card>span{font-size:2.2rem}.scene-decor{font-size:1.55rem;letter-spacing:8px}.adventure-options button{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.adventure-progress i,.adventure-options button{transition:none!important}}.balloon-field,.mole-holes,.fishing-water,.net-water{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:14px;max-width:780px;margin:16px auto;position:relative;z-index:1}.balloon-target,.mole-hole,.fish-target,.net-fish-target{min-height:112px;border:3px solid #fff4c8;border-radius:50%;background:#fffdf1e8;color:var(--nature-ink);font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;touch-action:manipulation;animation:objectFloat 2.5s ease-in-out infinite;animation-delay:var(--object-delay,0s);box-shadow:0 7px #ca8e8e}.balloon-target{border-radius:50% 50% 46% 46%;background:linear-gradient(145deg,#ffd0b8,#f28c85);color:#6b3d3d}.balloon-target:after{content:"";width:2px;height:26px;background:#8d6c62;position:absolute;transform:translateY(68px)}.mole-hole{border-radius:24px;background:#665044;color:#fff5df;box-shadow:inset 0 -20px #382d29,0 7px #3b302b}.mole-hole span{font-size:2.2rem}.mole-hole strong{font-size:1.5rem}.claw-machine-board{max-width:780px;margin:16px auto;padding:20px;border:4px solid #7b9fc1;border-radius:25px;background:linear-gradient(#d7edf7 0 55%,#b4d5dc 55%);position:relative;z-index:1}.claw-track{height:90px;position:relative;border-bottom:5px solid #688da8}.claw-arm{position:absolute;left:var(--claw-position,50%);transform:translate(-50%);font-size:3rem;transition:left .2s ease}.claw-cable{position:absolute;left:50%;top:55px;height:35px;border-left:3px solid #5e7282}.claw-prizes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.claw-prize{min-height:100px;border:3px solid #f4cf6c;border-radius:18px;background:#fff7d7;color:#3e5e63;font-size:1.8rem;font-weight:900;cursor:pointer}.claw-prize[aria-pressed=true]{outline:4px solid #4c9fd0;background:#dff4ff}.grab-button{min-height:58px;min-width:190px;border:0;border-radius:16px;background:#f4b74e;color:#553b1d;font-size:1.1rem;font-weight:900;cursor:pointer;box-shadow:0 5px #b98536}.grab-button:disabled{opacity:.55;cursor:not-allowed}.interaction-hint{margin:10px 0 0;color:#466c73;font-weight:800}.fishing-water,.net-water{min-height:230px;grid-template-columns:repeat(4,minmax(90px,1fr));padding:20px;border-radius:25px;background:linear-gradient(#8ed0dc,#398aa0);overflow:hidden}.fishing-rod,.fishing-net{grid-column:1/-1;font-size:2.6rem}.fish-target,.net-fish-target{border-radius:50% 70%;background:#fff6c2;border-color:#74c6d2;color:#275b65;box-shadow:0 6px #267187}.net-fish-target{cursor:grab}.net-fish-target:active{cursor:grabbing}.net-water{position:relative}.fishing-net{position:absolute;right:18px;top:12px;transform:rotate(-12deg)}@keyframes objectFloat{50%{transform:translateY(-9px) rotate(2deg)}}@media(max-width:720px){.balloon-field,.mole-holes,.fishing-water,.net-water{grid-template-columns:repeat(2,minmax(88px,1fr));gap:12px}.claw-prizes{grid-template-columns:repeat(2,1fr)}.balloon-target,.mole-hole,.fish-target,.net-fish-target{min-height:90px}.claw-machine-board{padding:12px}}.storybook-home{position:relative;min-height:650px;border-radius:30px;overflow:hidden;padding:18px;isolation:isolate;background:#d9efe5}.storybook-home-backdrop{position:absolute;inset:0;background-image:linear-gradient(180deg,#173b3480,#173b3420 52%,#173b3466),var(--storybook-backdrop);background-size:cover;background-position:center;z-index:-2}.storybook-home:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,#173b348c);z-index:-1;pointer-events:none}.storybook-welcome{position:relative;background:#fff9e9ed!important;border:2px solid #f2ce78;box-shadow:0 8px #7d9c72}.home-settings{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.home-settings button{min-height:44px;padding:8px 12px;border-radius:14px;background:#fff;border:2px solid #a5c9a7;font-weight:800;color:#244e42}.forest-path-grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:end;min-height:390px;padding:90px 18px 26px}.forest-path{grid-column:span 2;min-height:150px;padding:16px 12px;border:3px solid #fff4c8;border-radius:26px;background:#fff8e9ec;color:#18322d;box-shadow:0 8px #476f4e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;touch-action:manipulation;transition:transform .15s,filter .15s}.forest-path:nth-child(4){grid-column:2 / span 2}.forest-path:nth-child(5){grid-column:4 / span 2}.forest-path span{font-size:2.6rem}.forest-path strong{font-size:1.2rem}.forest-path small{text-align:center}.forest-path:hover,.forest-path:focus-visible{transform:translateY(-5px);filter:saturate(1.12);outline:4px solid #f2c44f;outline-offset:2px}.recent-area{position:relative;max-width:620px;margin:0 auto;padding:12px 18px;border-radius:999px;background:#fff8e9e8;text-align:center;font-weight:900;color:#244e42}.sticker-album-shell{position:relative;overflow:hidden;border-radius:28px;padding:24px;background:linear-gradient(155deg,#f8fff0,#dff1e6);box-shadow:0 8px #a6c9ae}.storybook-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.storybook-heading h2{margin:4px 0;color:#1c4b3b}.storybook-heading p{margin:5px 0;color:#4d6f63}.album-count{font-size:1.45rem;font-weight:900;padding:14px 18px;border-radius:22px;background:#fff1b8;color:#705520;white-space:nowrap}.sticker-group{margin-top:24px}.sticker-group h3{color:#285c4c}.sticker-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:12px}.sticker-card{position:relative;min-height:160px;padding:14px 10px;border-radius:22px;border:3px solid #d0e5c9;background:#fffdf1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;box-shadow:0 5px #bdd5bb}.sticker-card.earned{border-color:#f0ca5b;background:#fff4c9}.sticker-card.silhouette{filter:grayscale(1);opacity:.7;background:#edf0e8}.sticker-art{font-size:3.1rem;line-height:1.1;min-height:52px;display:grid;place-items:center}.sticker-card.silhouette .sticker-art{font-size:2.2rem;color:#718075}.sticker-card strong{color:#244e42}.sticker-card small{font-size:.76rem;color:#547066}.sticker-sparkle{position:absolute;right:8px;top:5px;color:#e5ad36;animation:sticker-twinkle 1.8s ease-in-out infinite}@keyframes sticker-twinkle{50%{transform:scale(1.3) rotate(12deg);opacity:.5}}.gentle-note{color:#42695d}.adventure-board{background-image:linear-gradient(165deg,#dff2e7cc,#7bb68dcc),url(./night-challenge-Dx57SEK-.webp);background-size:cover;background-position:center}.adventure-board.scene-forest{background-image:linear-gradient(165deg,#dff2e7dd,#7bb68ddd),url(./home-forest-La2rOb1b.webp)}.adventure-board.scene-river,.adventure-board.scene-riverboat{background-image:linear-gradient(165deg,#dff2e7dd,#7bb68ddd),url(./pinyin-valley-BMFMkMZY.webp)}.adventure-board.scene-lily,.adventure-board.scene-firefly{background-image:linear-gradient(165deg,#dff2e7cc,#6f9db0cc),url(./night-challenge-Dx57SEK-.webp)}.adventure-board.scene-trail,.adventure-board.scene-mountain{background-image:linear-gradient(165deg,#dff2e7dd,#7bb68ddd),url(./stroke-studio-41_UMNZc.webp)}@media(max-width:720px){.storybook-home{min-height:720px;padding:12px}.storybook-welcome{display:flex;flex-wrap:wrap}.home-settings{width:100%;justify-content:center}.forest-path-grid{grid-template-columns:repeat(2,1fr);min-height:0;padding:34px 6px 18px}.forest-path,.forest-path:nth-child(4),.forest-path:nth-child(5){grid-column:auto;min-height:132px}.sticker-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.storybook-heading{align-items:flex-start;flex-direction:column}.album-count{align-self:flex-start}}@media(max-width:380px){.forest-path-grid{gap:10px}.forest-path{min-height:120px;padding:10px 6px}.forest-path span{font-size:2.2rem}.forest-path strong{font-size:1rem}.sticker-card{min-height:145px}}.storybook-character-shell,.storybook-stroke-shell{background-image:linear-gradient(180deg,#e8f4e5cc,#e8f4e5f2),url(./character-garden-PkhO541w.webp);background-size:cover;background-attachment:fixed}.storybook-stroke-shell{background-image:linear-gradient(180deg,#f2ead2cc,#f2ead2f2),url(./stroke-studio-41_UMNZc.webp)}.storybook-character-shell .garden-home,.storybook-stroke-shell .stroke-intro{background:#fff9e9e6;border:2px solid #e2c774;border-radius:26px;padding:24px;box-shadow:0 7px #92b389}.storybook-character-shell .character-card,.storybook-stroke-shell .stroke-card{background:#fffdf1ee}.storybook-map-shell{background-image:linear-gradient(180deg,#e3f3eddd,#e3f3edee),url(./pinyin-valley-BMFMkMZY.webp);background-size:cover;background-attachment:fixed}.storybook-map-shell .course-category{background:#fff9e9e6;border-radius:24px;padding:12px;box-shadow:0 5px #9dbd9b}.storybook-map-shell .course-card{background:#fffdf1f2}.architecture-home{min-height:680px}.home-main-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:980px;margin:100px auto 32px;padding:0 28px}.main-world-card{min-height:245px;border:4px solid #fff6cb;border-radius:34px;background:#fff9e9ed;color:#18322d;box-shadow:0 10px #476f4e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:22px 14px;cursor:pointer;touch-action:manipulation;transition:transform .15s,filter .15s}.main-world-card>span{font-family:serif;font-size:4.5rem;line-height:1;color:#2d6b4e}.main-world-card strong{font-size:1.55rem}.main-world-card small{max-width:210px;text-align:center;line-height:1.35}.main-world-card:hover,.main-world-card:focus-visible{transform:translateY(-7px);filter:saturate(1.12);outline:4px solid #f2c44f;outline-offset:3px}.home-sticker-corner,.home-parent-corner{position:absolute;z-index:2;border:2px solid #f0ca5b;border-radius:999px;background:#fff4c9ee;color:#5b4b22;font-weight:900;cursor:pointer;box-shadow:0 4px #b79643}.home-sticker-corner{right:28px;top:116px;min-height:48px;padding:8px 14px}.home-parent-corner{right:22px;bottom:16px;min-height:36px;padding:6px 12px;background:#fff9e9e8;border-color:#a5c9a7;color:#285c4c;box-shadow:0 3px #769d7e;font-size:.8rem}.home-parent-corner small{margin-left:6px}.area-hub{position:relative;min-height:680px;overflow:hidden;border-radius:30px;padding:22px;background-image:linear-gradient(180deg,#e4f3e6dd,#d5ebdfed),var(--hub-backdrop);background-size:cover;background-position:center}.area-hub-games{background-image:linear-gradient(180deg,#dceee8dd,#c5e1d9ed),url(./night-challenge-Dx57SEK-.webp)}.area-hub-pinyin{background-image:linear-gradient(180deg,#e3f3eddd,#c7e3d9ed),url(./pinyin-valley-BMFMkMZY.webp)}.area-hub-characters{background-image:linear-gradient(180deg,#e8f4e5dd,#d6ebd8ed),url(./character-garden-PkhO541w.webp)}.area-hub-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hub-welcome{display:flex;gap:14px;align-items:center;background:#fff9e9e8;border:2px solid #e2c774;border-radius:24px;padding:15px 18px;box-shadow:0 6px #88ad84}.hub-avatar{font-size:2.6rem}.hub-welcome h2{margin:3px 0;color:#1c4b3b}.hub-welcome p{margin:0;color:#4d6f63}.hub-sticker{min-height:52px;padding:8px 14px;border-radius:16px;border:2px solid #f0ca5b;background:#fff4c9;color:#5b4b22;font-weight:900;cursor:pointer}.secondary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1100px;margin:80px auto 26px}.secondary-card{min-height:190px;border:3px solid #fff4c8;border-radius:25px;padding:15px 10px;background:#fffdf1e8;color:#244e42;box-shadow:0 7px #5f8e66;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;touch-action:manipulation;transition:transform .15s}.secondary-card:hover,.secondary-card:focus-visible{transform:translateY(-5px);outline:4px solid #f2c44f;outline-offset:2px}.secondary-icon{font-size:2.8rem;line-height:1}.secondary-card strong{font-size:1.05rem}.secondary-card small{line-height:1.3}.secondary-card em{font-style:normal;text-transform:uppercase;font-size:.72rem;color:#6c8d6b;font-weight:900}.practice-dock{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px auto;max-width:650px}.practice-dock button{min-width:230px;min-height:72px;border:3px solid #f0ca5b;border-radius:19px;background:#fff4c9ef;color:#5b4b22;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;text-align:left;padding:9px 14px;cursor:pointer;box-shadow:0 5px #b79643}.practice-dock button>strong{font-size:1rem}.practice-dock button>small{grid-column:2;color:#786638}.hub-parent{display:block;margin:18px auto 0;border:0;background:#fffa;border-radius:999px;padding:8px 14px;color:#31594a;font-weight:900;cursor:pointer}.practice-dock.compact{margin:8px 0}.practice-dock.compact button{min-width:175px;min-height:56px}@media(max-width:820px){.home-main-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 10px;margin-top:90px}.main-world-card{min-height:190px;padding:14px 8px}.main-world-card>span{font-size:3.5rem}.main-world-card strong{font-size:1.1rem}.secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px}.secondary-card{min-height:160px}.area-hub{padding:15px}}@media(max-width:560px){.architecture-home{min-height:720px}.home-main-grid{grid-template-columns:1fr;max-width:360px;margin:100px auto 18px;padding:0 26px}.main-world-card{min-height:130px;display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto auto;text-align:left;justify-content:start;padding:15px 18px}.main-world-card>span{grid-row:1 / span 2;font-size:3rem}.main-world-card small{text-align:left}.home-sticker-corner{right:14px;top:116px}.home-sticker-corner span{display:none}.home-parent-corner{right:12px}.area-hub{min-height:720px;padding:12px}.area-hub-top{flex-direction:column}.hub-sticker{align-self:flex-end;margin-top:-4px}.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.secondary-card{min-height:145px;padding:10px 7px}.secondary-icon{font-size:2.3rem}.secondary-card strong{font-size:.95rem}.secondary-card small{font-size:.78rem}.practice-dock{display:grid;grid-template-columns:1fr}.practice-dock button{min-width:0;width:100%}}.sound-bubbles-field{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;max-width:820px;min-height:310px;margin:16px auto;padding:42px 20px 28px;border:4px solid #fff3c2;border-radius:32px;background:linear-gradient(180deg,#a7ddec,#80c8d5 63%,#6fb5a1 64%,#91c886);box-shadow:inset 0 -18px #5e9d70aa,0 8px #4b8c71;position:relative;z-index:1;overflow:hidden}.sound-bubbles-field:after{content:"";position:absolute;left:7%;right:7%;bottom:13px;height:4px;border-radius:50%;background:#3d835c66;pointer-events:none}.sound-bubbles-clouds{position:absolute;left:0;right:0;top:8px;text-align:center;font-size:1.65rem;letter-spacing:2px;opacity:.86;pointer-events:none;z-index:0}.sound-bubble{position:relative;z-index:1;min-width:120px;min-height:120px;border:4px solid #fff9dc;border-radius:50% 50% 48% 48%;padding:20px 8px;background:radial-gradient(circle at 32% 24%,#fff 0 7%,#b7eff1 8% 20%,#63c9d6 58%,#3999b1);color:#174e62;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;touch-action:manipulation;box-shadow:0 8px #267187,inset -8px -10px #2f91aa55;animation:bubbleFloat 2.7s ease-in-out infinite;animation-delay:var(--bubble-delay,0s);transition:transform .12s,filter .15s,background .15s}.sound-bubble strong{font-size:clamp(1.65rem,3.4vw,2.35rem);line-height:1.05}.sound-bubble small{font-size:.78rem;font-weight:900;opacity:.8}.sound-bubble-shine{position:absolute;left:22%;top:18%;width:14px;height:24px;border-radius:50%;background:#fff9;transform:rotate(28deg);pointer-events:none}.sound-bubble-tether{position:absolute;bottom:-25px;left:50%;width:2px;height:31px;background:#557d70;transform:translate(-50%);pointer-events:none}.sound-bubble-tether:after{content:"";position:absolute;left:-3px;bottom:0;width:8px;height:8px;border-right:2px solid #557d70;border-bottom:2px solid #557d70;transform:rotate(45deg)}.sound-bubble:hover,.sound-bubble:focus-visible{outline:4px solid var(--nature-sun);outline-offset:3px;transform:translateY(-6px) scale(1.03);filter:saturate(1.12)}.sound-bubble:active{transform:translateY(3px) scale(.98)}.sound-bubble:disabled{opacity:1;cursor:default}.sound-bubble.correct-answer{background:radial-gradient(circle at 32% 24%,#fff 0 7%,#e7ffd7 8% 20%,#93df9f 58%,#4eaf6c);border-color:#fff4bd;color:#245f39;box-shadow:0 8px #3d8c57;animation:bubblePop .45s ease-out both}.sound-bubble.wrong-answer{background:radial-gradient(circle at 32% 24%,#fff 0 7%,#fff4d7 8% 20%,#f2cf83 58%,#d89c48);border-color:#fff0c4;color:#73571f;box-shadow:0 8px #b77a32}.sound-bubble:nth-of-type(3){background:radial-gradient(circle at 32% 24%,#fff 0 7%,#ffd9ef 8% 20%,#f19aca 58%,#d969ad);color:#713d61;box-shadow:0 8px #a85083,inset -8px -10px #a83f7e55}.sound-bubble:nth-of-type(4){background:radial-gradient(circle at 32% 24%,#fff 0 7%,#ffe8b3 8% 20%,#f6c65e 58%,#df963c);color:#704a1d;box-shadow:0 8px #b7772d,inset -8px -10px #bb762555}.sound-bubble:nth-of-type(5){background:radial-gradient(circle at 32% 24%,#fff 0 7%,#d9e0ff 8% 20%,#9aacef 58%,#6d80ca);color:#33457f;box-shadow:0 8px #5367a5,inset -8px -10px #5367a555}.sound-bubble:nth-child(2){background:radial-gradient(circle at 32% 24%,#fff 0 7%,#ffd9ef 8% 20%,#f19aca 58%,#d969ad);color:#713d61;box-shadow:0 8px #a85083,inset -8px -10px #a83f7e55}.sound-bubble:nth-child(3){background:radial-gradient(circle at 32% 24%,#fff 0 7%,#ffe8b3 8% 20%,#f6c65e 58%,#df963c);color:#704a1d;box-shadow:0 8px #b7772d,inset -8px -10px #bb762555}.sound-bubble:nth-child(4){background:radial-gradient(circle at 32% 24%,#fff 0 7%,#d9e0ff 8% 20%,#9aacef 58%,#6d80ca);color:#33457f;box-shadow:0 8px #5367a5,inset -8px -10px #5367a555}.sound-bubble:nth-child(5){background:radial-gradient(circle at 32% 24%,#fff 0 7%,#d9f7df 8% 20%,#9bd9a5 58%,#5eae73);color:#245f39;box-shadow:0 8px #3d8c57,inset -8px -10px #4d995d55}@keyframes bubbleFloat{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes bubblePop{50%{transform:scale(1.08) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@media(max-width:720px){.sound-bubbles-field{grid-template-columns:repeat(2,minmax(88px,1fr));gap:14px;min-height:300px;padding:42px 12px 24px}.sound-bubble{min-width:88px;min-height:100px;padding:14px 5px 22px}.sound-bubble strong{font-size:1.8rem}.sound-bubbles-clouds{font-size:1.35rem}}.practice-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px auto}.practice-tabs button{min-height:52px;padding:10px 18px;border:2px solid #a5c9a7;border-radius:16px;background:#fffdf1;color:#285c4c;font-weight:900}.practice-tabs button.selected{background:#fff0b8;border-color:#e2ad3f;outline:3px solid #f4cf6c}.practice-select{display:grid;gap:6px;max-width:520px;margin:12px auto;text-align:left;font-weight:900}.practice-select select{min-height:48px;border:2px solid #a5c9a7;border-radius:14px;background:#fffdf1;padding:8px 12px;font-size:1rem;color:#285c4c}.practice-context{margin:8px auto;color:#4a7c6f;font-weight:900}.course-map{display:block;max-width:1160px}.course-category{max-width:none}.lesson-target-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:18px auto}.lesson-target-card{display:grid;gap:6px;min-width:0;padding:14px;border:2px solid #b7dfcf;border-radius:18px;background:#f2fbf7;text-align:center}.lesson-target-card.playing{outline:4px solid #ffbd3d;background:#fff5cf}.lesson-target-card>span{color:#4a7c6f;font-weight:900}.lesson-target-card>strong{font-size:2.4rem;color:#285c8d;line-height:1.05}.lesson-target-card>small{color:#53766a}.lesson-target-card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.lesson-target-card button{min-height:44px;padding:6px 4px;border:2px solid #a5c9a7;border-radius:10px;background:#fff;color:#285c4c;font-size:.78rem;font-weight:900}.lesson-target-card button:disabled{opacity:.55}.missing-audio{color:#a45b36!important}.hanzi-practice-target{font-family:Microsoft YaHei,Noto Sans CJK SC,PingFang SC,sans-serif}.character-practice-meta{font-size:1.25rem;color:#285c4c}.hanzi-target-picker{max-height:180px;overflow:auto}.hanzi-target-picker button{font-family:Microsoft YaHei,Noto Sans CJK SC,PingFang SC,sans-serif;font-size:1.6rem}.practice-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}.practice-actions button{min-height:48px;border:2px solid #a5c9a7;border-radius:14px;background:#fffdf1;color:#285c4c;font-weight:900;padding:8px 14px}.character-detail-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0}.character-detail-actions button{min-height:48px;border:2px solid #a5c9a7;border-radius:12px;background:#fffdf1;color:#285c4c;font-weight:900;padding:8px 12px}@media(min-width:1000px){.course-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px}}@media(max-width:760px){.lesson-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.lesson-target-grid{grid-template-columns:1fr}.lesson-target-card>div{grid-template-columns:repeat(3,minmax(0,1fr))}}html,body,#root{overflow-x:hidden}.pwa-update-prompt{position:fixed;z-index:1000;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));max-width:440px;margin-left:auto;padding:16px 18px;border:3px solid #e2ad3f;border-radius:20px;background:#fff9e9;color:#285c4c;box-shadow:0 8px 28px #244e4233}.pwa-update-prompt strong{display:block;margin-bottom:10px}.pwa-update-prompt div{display:flex;gap:10px;flex-wrap:wrap}.pwa-update-prompt button{min-width:112px;min-height:44px;border:2px solid #a5c9a7;border-radius:12px;background:#fff;color:#285c4c;font-weight:900;cursor:pointer}.pwa-update-prompt button.primary{border:0;background:#ff7657;color:#fff;box-shadow:0 4px #d94f35}.tian-grid,.tian-grid svg{touch-action:none}