:root{--pink: #ff8fb1;--pink-soft: #ffe3ec;--purple: #b48bfa;--purple-soft: #ece4ff;--blue: #6cc6ff;--blue-soft: #e3f3ff;--yellow: #ffd166;--yellow-soft: #fff4d6;--green: #5eead4;--ink: #5b4b63;--ink-light: #9a87a6;--white: #ffffff;--shadow: 0 8px 24px rgba(180, 120, 160, .22);--shadow-big: 0 14px 40px rgba(180, 120, 160, .3);--radius: 28px;--radius-lg: 40px;--font: "Yuanti SC", "YouYuan", "幼圆", "Microsoft YaHei", "PingFang SC", "Comic Sans MS", "Verdana", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;background:none}button:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}.app{min-height:100vh;background:radial-gradient(circle at 15% 15%,#fff0f6 0%,transparent 40%),radial-gradient(circle at 85% 20%,#edf5ff 0%,transparent 45%),radial-gradient(circle at 50% 100%,#f7f0ff 0%,transparent 50%),linear-gradient(160deg,#fff7fa,#fdf0ff 40%,#f0f7ff);position:relative;overflow:hidden}.bg-decor{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.cloud{position:absolute;font-size:54px;opacity:.5;animation:drift 26s linear infinite}.c1{top:8%;left:-6%}.c2{top:22%;right:-4%;animation-duration:32s;animation-delay:-8s}.c3{top:68%;left:6%;animation-duration:38s;animation-delay:-16s}@keyframes drift{0%{transform:translate(0)}to{transform:translate(110vw)}}.twinkle{position:absolute;animation:twinkle 2.4s ease-in-out infinite;opacity:.6}@keyframes twinkle{0%,to{transform:scale(.6) rotate(0);opacity:.3}50%{transform:scale(1.15) rotate(20deg);opacity:1}}.view{position:relative;z-index:1;min-height:100vh}.view.fade-in{animation:viewIn .35s ease both}.view.fade-out{animation:viewOut .3s ease both}@keyframes viewIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes viewOut{0%{opacity:1}to{opacity:0;transform:translateY(-14px) scale(.98)}}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 60px;text-align:center;gap:10px}.home-title{font-size:clamp(40px,7vw,72px);color:var(--purple);letter-spacing:4px;display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.title-letter{display:inline-block;animation:bounce 1.6s ease-in-out infinite;text-shadow:0 4px 0 #fff,0 8px 18px rgba(180,120,160,.25)}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.home-subtitle{font-size:clamp(15px,2.4vw,20px);color:var(--ink-light);margin-bottom:6px}.home-chars{display:flex;gap:clamp(8px,4vw,40px);align-items:flex-end;justify-content:center;margin:10px 0 22px;flex-wrap:wrap}.character{display:flex;flex-direction:column;align-items:center;gap:4px;animation:float 3.4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.character-bounce{animation:sway 4s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.character-img{border-radius:50%;object-fit:cover;box-shadow:var(--shadow);border:4px solid #fff}.character-label{font-size:14px;color:var(--ink-light);background:#fff;padding:3px 12px;border-radius:999px;box-shadow:0 3px 8px #00000014}.home-cards{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;max-width:900px}.subject-card{flex:1 1 220px;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 22px;border-radius:var(--radius-lg);background:linear-gradient(160deg,#fff,var(--soft));box-shadow:var(--shadow);border:3px solid var(--card);transition:transform .25s ease,box-shadow .25s ease;animation:pop .5s ease both;color:var(--ink)}@keyframes pop{0%{opacity:0;transform:scale(.85) translateY(16px)}to{opacity:1;transform:none}}.subject-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-big)}.subject-card:active{transform:scale(.97)}.subject-icon{font-size:52px}.subject-title{font-size:26px;font-weight:700;color:var(--card)}.subject-desc{font-size:15px;color:var(--ink-light)}.subject-go{margin-top:8px;font-size:15px;font-weight:700;color:#fff;background:var(--card);padding:8px 20px;border-radius:999px;box-shadow:0 4px 12px #0000001f}.game-page{min-height:100vh;display:flex;flex-direction:column;padding:18px 22px 40px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.back-btn{font-size:18px;font-weight:700;color:var(--purple);background:#fff;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow);transition:transform .2s ease}.back-btn:hover{transform:translate(-3px)}.top-title{font-size:26px;color:var(--purple)}.score-badge{font-size:15px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--purple),var(--pink));padding:9px 18px;border-radius:999px;box-shadow:var(--shadow)}.mode-switch{display:flex;gap:10px}.mode-btn{font-size:16px;font-weight:700;padding:10px 18px;border-radius:999px;background:#fff;color:var(--ink-light);box-shadow:var(--shadow);transition:transform .2s ease,background .2s,color .2s}.mode-btn:hover{transform:translateY(-2px)}.mode-btn.active{background:var(--pink);color:#fff}.game-body{flex:1;display:flex;align-items:center;justify-content:center;gap:22px;margin-top:14px}.mascot-side{display:flex;flex-direction:column;align-items:center}.mascot-side.right{align-items:center}.math-center{flex:1;max-width:640px;text-align:center}.mode-title{font-size:clamp(26px,4vw,34px);color:var(--purple)}.mode-tip{font-size:15px;color:var(--ink-light);margin:6px 0 18px}.problem-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-big);padding:30px 26px 26px;border:3px solid var(--pink-soft);animation:pop .4s ease both}.problem-expr{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(44px,8vw,64px);font-weight:800;color:var(--ink)}.equals{color:var(--ink-light)}.answer-result{color:var(--green);text-shadow:0 3px 0 #fff;animation:pop .4s ease both}.answer-blank{width:.9em;height:1em;display:inline-block;border-bottom:6px dashed var(--pink)}.steps{display:flex;flex-direction:column;gap:8px;margin:18px 0}.step{background:var(--yellow-soft);border:2px dashed var(--yellow);color:var(--ink);font-size:17px;font-weight:600;padding:9px 14px;border-radius:16px;animation:slideIn .35s ease both}.step:nth-child(2){background:var(--pink-soft);border-color:var(--pink);animation-delay:.1s}.step:nth-child(3){background:var(--blue-soft);border-color:var(--blue);animation-delay:.2s}.step b{color:var(--purple);font-size:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.options{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:8px}.option{width:86px;height:86px;font-size:34px;font-weight:800;color:var(--ink);background:var(--blue-soft);border-radius:24px;border:3px solid var(--blue);transition:transform .2s ease,background .2s,box-shadow .2s}.option:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow)}.option:active{transform:scale(.92)}.option.correct{background:var(--green);border-color:#2dd4bf;color:#fff;animation:wiggle .5s ease}.option.wrong{background:#ffb3b3;border-color:#f87171;color:#fff;animation:shake .4s ease}.option.dim{opacity:.4}.option.picked{transform:scale(1.06)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.next-row{margin-top:18px;min-height:56px}.next-btn{font-size:22px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--purple),var(--pink));padding:14px 34px;border-radius:999px;box-shadow:var(--shadow);animation:pop .4s ease both;transition:transform .2s ease}.next-btn:hover{transform:translateY(-3px) scale(1.04)}.encourage{color:var(--pink);font-size:18px;font-weight:700}.cheer{color:var(--green);font-size:20px;font-weight:800}.confetti{position:fixed;top:-30px;width:12px;height:22px;z-index:20;border-radius:3px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(115vh) rotate(720deg);opacity:.9}}.chinese-body{flex:1;display:flex;align-items:center;justify-content:center;gap:22px}.chinese-card-wrap{flex:1;max-width:480px;text-align:center}.chinese-card{background:linear-gradient(160deg,#fff,var(--yellow-soft));border-radius:var(--radius-lg);box-shadow:var(--shadow-big);border:3px solid var(--yellow);padding:34px 30px 26px;animation:cardFlip .45s ease both}@keyframes cardFlip{0%{opacity:0;transform:rotateY(70deg) scale(.9)}to{opacity:1;transform:none}}.char-main{font-size:clamp(90px,16vw,140px);font-weight:800;color:var(--pink);line-height:1;transition:transform .2s ease;text-shadow:0 6px 0 #fff}.char-main:hover{transform:scale(1.05) rotate(-2deg)}.pinyin-btn{margin-top:8px;font-size:22px;font-weight:700;color:var(--purple);background:#fff;padding:8px 22px;border-radius:999px;box-shadow:var(--shadow);transition:transform .2s ease}.pinyin-btn:hover{transform:scale(1.06)}.word-chip{margin:14px auto 0;width:fit-content;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--yellow),var(--pink));padding:8px 24px;border-radius:999px}.card-hint{margin-top:14px;font-size:13px;color:var(--ink-light)}.english-body{flex:1;display:flex;align-items:center;justify-content:center;gap:22px}.english-card-wrap{flex:1;max-width:460px;text-align:center}.english-card{background:linear-gradient(160deg,#fff,var(--blue-soft));border-radius:var(--radius-lg);box-shadow:var(--shadow-big);border:3px solid var(--blue);padding:30px 28px 26px;animation:cardFlip .45s ease both}.en-emoji{font-size:clamp(70px,13vw,110px);animation:float 2.6s ease-in-out infinite}.en-word{font-size:clamp(38px,8vw,56px);font-weight:800;color:var(--blue);letter-spacing:2px;transition:transform .2s ease;text-shadow:0 4px 0 #fff}.en-word:hover{transform:scale(1.04)}.en-cn{font-size:24px;font-weight:700;color:var(--purple);margin-top:4px}.listen-btn{margin-top:16px;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--blue),var(--purple));padding:12px 28px;border-radius:999px;box-shadow:var(--shadow);transition:transform .2s ease}.listen-btn:hover{transform:translateY(-3px) scale(1.05)}.listen-btn:active{transform:scale(.95)}.nav-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.nav-btn{width:52px;height:52px;font-size:26px;font-weight:800;color:var(--purple);background:#fff;border-radius:50%;box-shadow:var(--shadow);transition:transform .2s ease}.nav-btn:hover{transform:scale(1.12)}.nav-btn:active{transform:scale(.9)}.dots{display:flex;gap:6px;flex-wrap:wrap;max-width:260px;justify-content:center}.dot{width:11px;height:11px;border-radius:50%;background:#e6d7ee;cursor:pointer;transition:transform .2s,background .2s}.dot:hover{transform:scale(1.3)}.dot.active{background:var(--pink);transform:scale(1.3)}@media (max-width: 720px){.game-body,.chinese-body,.english-body{flex-direction:column}.mascot-side{order:2}.mascot-side.right{display:none}.home-cards{flex-direction:column;align-items:center}.subject-card{max-width:300px;width:100%}.option{width:72px;height:72px;font-size:28px}.game-top{justify-content:center}.bg-decor .cloud,.bg-decor .twinkle{display:none}}.lesson{min-height:100vh;display:flex;flex-direction:column;padding:20px 22px 30px}.lesson-modebar{display:flex;justify-content:center;gap:10px;margin-bottom:8px}.lesson-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;max-width:680px;margin:0 auto;width:100%}.lesson-teacher{display:flex;align-items:center;gap:14px;width:100%}.speech-bubble{position:relative;flex:1;background:#fff;border:3px solid var(--pink);border-radius:22px;padding:14px 20px;font-size:clamp(17px,3vw,22px);font-weight:700;color:var(--ink);box-shadow:var(--shadow);animation:pop .4s ease both}.speech-bubble:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);border:7px solid transparent;border-right-color:var(--pink)}.lesson-visual{width:100%;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-big);border:3px solid var(--purple-soft);padding:26px 22px;text-align:center;animation:pop .4s ease both}.lesson-expr{font-size:clamp(36px,7vw,52px);font-weight:800;color:var(--purple);margin-bottom:18px}.blank{display:inline-block;width:.9em;border-bottom:5px dashed var(--purple)}.ten-frame{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:300px;margin:0 auto 14px}.frame-cell{aspect-ratio:1;border:3px solid #e8d6f0;border-radius:12px;transition:background .4s ease,transform .4s ease}.frame-cell.filled{animation:popCell .4s ease both}@keyframes popCell{0%{transform:scale(.4)}to{transform:scale(1)}}.frame-cell.gone{background:#f4f4f4;border-color:#f87171;position:relative;opacity:1}.frame-cell.gone:before,.frame-cell.gone:after{content:"";position:absolute;width:62%;height:5px;background:#f87171;border-radius:3px;left:50%;top:50%}.frame-cell.gone:before{transform:translate(-50%,-50%) rotate(45deg)}.frame-cell.gone:after{transform:translate(-50%,-50%) rotate(-45deg)}.dots-label{font-size:15px;color:var(--ink-light);margin-bottom:8px}.dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dot-big{width:34px;height:34px;border-radius:50%;box-shadow:0 3px 6px #0000001f;animation:popCell .35s ease both}.dot-big.dimmed{opacity:.35}.split-hint{margin-top:14px;font-size:18px;font-weight:700;color:var(--ink)}.split-a{color:var(--pink);font-size:24px}.split-b{color:var(--yellow);font-size:24px;text-shadow:0 2px 0 #fff}.subtract-row{display:flex;gap:24px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.sub-part{display:flex;flex-direction:column;align-items:center;gap:8px}.part-tag{font-size:15px;font-weight:700;color:#fff;background:var(--purple);padding:5px 14px;border-radius:999px}.part-tag.tag-alert{background:#f87171;animation:pop .4s ease both}.sub-part .dots{max-width:140px}.lesson-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.step-nav{display:flex;align-items:center;gap:16px}.step-dots{display:flex;gap:8px}.step-dot{width:13px;height:13px;border-radius:50%;background:#e6d7ee;cursor:pointer;transition:transform .2s,background .2s}.step-dot:hover{transform:scale(1.3)}.step-dot.active{background:var(--pink);transform:scale(1.35)}.step-dot.done{background:var(--green)}.play-btn{font-size:18px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--purple),var(--pink));padding:12px 28px;border-radius:999px;box-shadow:var(--shadow);transition:transform .2s ease}.play-btn:hover{transform:translateY(-3px) scale(1.04)}.lesson-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:center}.start-practice-btn{font-size:22px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--yellow),var(--pink));padding:15px 36px;border-radius:999px;box-shadow:var(--shadow-big);animation:pop .4s ease both;transition:transform .2s ease}.start-practice-btn:hover{transform:translateY(-3px) scale(1.06)}.practice-again{margin-top:12px}.relisten-btn{font-size:15px;font-weight:700;color:var(--purple);background:#fff;padding:8px 18px;border-radius:999px;box-shadow:var(--shadow);transition:transform .2s ease}.relisten-btn:hover{transform:translateY(-2px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0}.topbar-title{font-size:26px;color:var(--purple);text-shadow:0 2px 0 #fff}.stars-pill{font-size:17px;font-weight:800;color:#fff;background:linear-gradient(120deg,#ffd166,#ff8fb1);padding:9px 20px;border-radius:999px;box-shadow:var(--shadow)}.tutu{display:flex;flex-direction:column;align-items:center;gap:8px;animation:float 3.4s ease-in-out infinite;animation-delay:var(--delay)}.tutu-bounce{animation:sway 4s ease-in-out infinite}.tutu-img{border-radius:50%;object-fit:cover;box-shadow:var(--shadow);border:4px solid #fff}.tutu-bubble{position:relative;background:#fff;border:3px solid var(--yellow);color:var(--ink);font-size:15px;font-weight:700;padding:9px 16px;border-radius:18px;max-width:280px;text-align:center;box-shadow:var(--shadow)}.tutu-bubble:after{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);border:7px solid transparent;border-bottom-color:var(--yellow)}.home-badge{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.badge-pill{font-size:14px;font-weight:800;color:#fff;padding:7px 16px;border-radius:999px;box-shadow:var(--shadow)}.badge-pill.star{background:linear-gradient(120deg,#ffd166,#ff9f6b)}.badge-pill.prog{background:linear-gradient(120deg,#6cc6ff,#5eead4)}.tutu-title{color:var(--pink)}.home-mascot{margin:8px 0 20px}.area-card{position:relative}.area-guard{position:absolute;top:-16px;right:6px}.area-progress{width:100%;margin-top:6px}.area-bar{height:12px;background:#f1e8f7;border-radius:999px;overflow:hidden}.area-fill{height:100%;border-radius:999px;transition:width .6s ease}.area-pct{font-size:13px;color:var(--ink-light);font-weight:700}.area-page{min-height:100vh;padding:18px 22px 50px}.area-intro{display:flex;justify-content:center;margin:14px 0 26px}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;max-width:860px;margin:0 auto}.module-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border-radius:26px;background:linear-gradient(160deg,#fff,var(--soft, #ffe3ec));border:3px solid var(--card);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s;animation:pop .45s ease both;color:var(--ink)}.module-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-big)}.module-card:active{transform:scale(.97)}.module-card.done{border-color:#2dd4bf}.module-icon{font-size:42px}.module-name{font-size:21px;font-weight:800;color:var(--card)}.module-desc{font-size:14px;color:var(--ink-light)}.module-status{font-size:14px;font-weight:800;color:#fff;background:var(--card);padding:6px 16px;border-radius:999px;margin-top:6px}.module-card.done .module-status{background:#2dd4bf}.module-page{min-height:100vh;padding:16px 20px 50px;display:flex;flex-direction:column}.module-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.module-title{font-size:24px;color:var(--purple)}.module-steps{font-size:15px;font-weight:800;color:#fff;background:var(--purple);padding:7px 16px;border-radius:999px}.finish-btn{font-size:20px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--yellow),var(--pink));padding:13px 30px;border-radius:999px;box-shadow:var(--shadow);transition:transform .2s ease}.finish-btn.big{font-size:22px;padding:16px 38px;box-shadow:var(--shadow-big);animation:pop .4s ease both}.finish-btn:hover{transform:translateY(-3px) scale(1.05)}.story-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.story-scene{font-size:90px;animation:float 2.8s ease-in-out infinite}.story-emoji{font-size:44px}.story-text{font-size:clamp(20px,4vw,26px);font-weight:800;color:var(--ink);max-width:460px;background:#fff;padding:16px 24px;border-radius:22px;box-shadow:var(--shadow);border:3px solid var(--pink-soft)}.story-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}.friends-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.friend-q{display:flex;align-items:center;gap:16px;font-size:clamp(36px,7vw,52px);font-weight:800;background:#fff;padding:18px 26px;border-radius:24px;box-shadow:var(--shadow);border:3px solid var(--yellow)}.friend-num{color:var(--pink)}.friend-plus{color:var(--ink-light)}.friend-eq{color:var(--purple)}.friend-answer{font-size:20px;font-weight:800;color:var(--green);background:var(--green)22;padding:10px 22px;border-radius:16px;animation:pop .4s ease both}.candy-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.candy-expr{font-size:clamp(40px,8vw,56px);font-weight:800;color:var(--ink)}.candy-expr .ans{color:var(--green);text-shadow:0 3px 0 #fff}.magic-wrap{background:#fff;border-radius:26px;box-shadow:var(--shadow);border:3px solid var(--pink-soft);padding:18px 22px}.magic-box{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:240px;margin:0 auto}.magic-cell{aspect-ratio:1;border:2px solid #f3d9ec;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}.magic-cell.has-candy{animation:popCell .35s ease both}.magic-box.full{border:3px solid var(--yellow);border-radius:14px;padding:6px;background:var(--yellow-soft);box-shadow:0 0 22px #ffd166b3}.magic-cell.gone{border-color:#f87171;color:#f87171;font-size:18px;background:#f4f4f4}.magic-label,.candy-free-label{font-size:14px;font-weight:700;color:var(--ink-light);margin:10px 0 4px}.candy-free{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:34px}.loose-candy{font-size:30px;animation:popCell .3s ease both}.candy-steps{max-width:380px;margin:6px auto}.challenge-menu{flex:1;display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:10px}.level-card{width:min(360px,90%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px;border-radius:26px;background:linear-gradient(160deg,#fff,var(--soft, #ffe3ec));border:3px solid var(--card);box-shadow:var(--shadow);transition:transform .25s ease}.level-card:hover{transform:translateY(-5px) scale(1.03)}.level-name{font-size:24px;font-weight:800;color:var(--card)}.level-info{font-size:15px;color:var(--ink-light)}.challenge-body{flex:1;display:flex;align-items:center;justify-content:center}.challenge-problem{max-width:480px;width:100%}.timer{font-size:18px;font-weight:800;color:#fff;background:var(--blue);padding:8px 18px;border-radius:999px}.timer.low{background:#f87171;animation:shake .5s infinite}.challenge-score{margin-top:14px;font-size:16px;font-weight:800;color:var(--purple)}.challenge-result{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center;text-align:center}.result-score{font-size:24px;font-weight:800;color:var(--ink)}.result-stars{display:flex;gap:8px;font-size:40px}.big-star{opacity:.3;animation:pop .3s ease both}.big-star.on{opacity:1;animation:twinkle 1.5s infinite}.alphabet-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.alphabet-card{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--blue-soft);padding:26px 30px;text-align:center;width:min(340px,92%);animation:cardFlip .4s ease both}.alphabet-letter{font-size:110px;font-weight:800;color:var(--blue);line-height:1;text-shadow:0 6px 0 #fff;transition:transform .2s}.alphabet-letter:hover{transform:scale(1.06) rotate(-4deg)}.alphabet-emoji{font-size:64px;margin-top:4px;animation:float 2.6s ease-in-out infinite}.alphabet-word{font-size:30px;font-weight:800;color:var(--purple);letter-spacing:1px;margin-top:6px}.alphabet-cn{font-size:18px;font-weight:700;color:var(--ink-light)}.alphabet-sound{margin-top:8px;font-size:13px;color:var(--ink-light)}.tpr-box{background:var(--yellow-soft);border:2px dashed var(--yellow);border-radius:18px;padding:10px 18px;display:flex;align-items:center;gap:10px;max-width:340px}.tpr-label{font-weight:800;color:#d98e1f}.tpr-action{font-size:15px;color:var(--ink);font-weight:600}.alpha-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:6px;width:min(460px,92%)}.alpha-cell{aspect-ratio:1;font-size:16px;font-weight:800;color:var(--purple);background:#fff;border-radius:8px;box-shadow:var(--shadow);transition:transform .15s}.alpha-cell:hover{transform:scale(1.12)}.alpha-cell.active{background:var(--blue);color:#fff}.alpha-cell.done{background:var(--green);color:#fff}.nav-hint{font-size:14px;color:var(--ink-light);font-weight:600}.cat-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:8px 0 14px}.cat-tab{font-size:15px;font-weight:800;padding:9px 16px;border-radius:999px;background:#fff;color:var(--ink-light);box-shadow:var(--shadow);transition:transform .15s}.cat-tab:hover{transform:translateY(-2px)}.cat-tab.active{background:var(--blue);color:#fff}.word-learn,.quiz-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px}.word-learn-card{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--blue-soft);padding:24px 30px;text-align:center;width:min(340px,92%);animation:cardFlip .4s ease both}.en-emoji.big{font-size:90px}.word-opts{gap:12px}.word-opt{width:auto;min-width:120px;padding:14px 20px;font-size:26px}.quiz-emoji{font-size:110px;background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--purple-soft);width:200px;height:200px;display:flex;align-items:center;justify-content:center;transition:transform .2s;animation:float 3s ease-in-out infinite}.quiz-hint{font-size:15px;color:var(--ink-light);font-weight:600}.quiz-ans{font-size:20px;font-weight:800;color:var(--green)}.phrase-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.phrase-card{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--purple-soft);padding:24px 30px;text-align:center;width:min(380px,92%);animation:cardFlip .4s ease both}.phrase-scene{font-size:60px}.phrase-note{font-size:14px;font-weight:700;color:var(--purple);margin:6px 0}.phrase-en{font-size:32px;font-weight:800;color:var(--blue);margin:8px 0;transition:transform .2s}.phrase-en:hover{transform:scale(1.05)}.phrase-cn{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:10px}.song-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.song-card{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--pink-soft);padding:20px 26px;text-align:center;width:min(420px,94%)}.song-name{font-size:22px;color:var(--pink)}.song-play{font-size:16px;font-weight:800;color:#fff;background:var(--blue);padding:9px 22px;border-radius:999px;margin:10px 0;transition:transform .15s}.song-play:hover{transform:scale(1.06)}.song-lines{display:flex;flex-direction:column;gap:6px;margin:8px 0}.song-line{font-size:18px;font-weight:700;color:var(--ink);background:var(--purple-soft);border-radius:12px;padding:9px 12px;transition:transform .15s,background .15s}.song-line:hover{transform:scale(1.02)}.song-line.active{background:var(--yellow)}.song-hint{font-size:13px;color:var(--ink-light)}.picto-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.picto-card{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--green);padding:24px 26px;text-align:center;width:min(400px,94%);animation:cardFlip .4s ease both}.picto-morph{width:200px;height:200px;margin:0 auto;background:var(--green-soft, #e2fbf6);border-radius:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;border:3px solid var(--green)}.picto-morph.pic .picto-pic{font-size:110px;animation:float 2.6s ease-in-out infinite}.picto-morph.char .picto-char{font-size:130px;font-weight:800;color:var(--green);text-shadow:0 6px 0 #fff}.picto-morph.pic,.picto-morph.char{animation:morphSwap .45s ease both}@keyframes morphSwap{0%{transform:rotate(-8deg) scale(.9);opacity:.4}to{transform:none;opacity:1}}.picto-caption{margin-top:10px;font-size:15px;font-weight:700;color:var(--ink-light)}.picto-info{margin-top:14px}.picto-pinyin{font-size:22px;font-weight:800;color:var(--purple);background:var(--purple-soft);padding:8px 22px;border-radius:999px;transition:transform .15s}.picto-pinyin:hover{transform:scale(1.06)}.picto-origin{margin-top:10px;font-size:16px;font-weight:700;color:var(--ink)}.picto-desc{font-size:15px;color:var(--ink-light);margin-top:4px}.pinyin-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:18px}.pinyin-stage{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.pinyin-tile{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:22px;box-shadow:var(--shadow);border:3px solid var(--blue-soft);padding:14px 26px;transition:transform .15s,border .15s}.pinyin-tile:hover{transform:translateY(-3px)}.pinyin-tile.active{border-color:var(--pink);background:var(--pink-soft)}.tile-label{font-size:13px;color:var(--ink-light);font-weight:700}.tile-val{font-size:40px;font-weight:800;color:var(--purple)}.pinyin-merge{font-size:20px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--purple),var(--pink));padding:14px 26px;border-radius:999px;box-shadow:var(--shadow);transition:transform .15s}.pinyin-merge:hover{transform:translateY(-3px) scale(1.05)}.pinyin-result{background:#fff;border-radius:22px;box-shadow:var(--shadow);border:3px solid var(--purple-soft);padding:14px 30px;text-align:center;animation:pop .4s ease both}.pinyin-syllable{font-size:44px;font-weight:800;color:var(--pink)}.pinyin-word{font-size:20px;font-weight:700;color:var(--ink)}.poem-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.poem-card{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--yellow);padding:22px 26px;text-align:center;width:min(420px,94%)}.poem-title{font-size:24px;color:var(--pink)}.poem-author{font-size:15px;color:var(--ink-light);margin:4px 0 8px}.poem-play{font-size:16px;font-weight:800;color:#fff;background:var(--yellow);padding:9px 22px;border-radius:999px;margin:6px 0;transition:transform .15s}.poem-play:hover{transform:scale(1.06)}.poem-lines{display:flex;flex-direction:column;gap:6px;margin:8px 0}.poem-line{font-size:22px;font-weight:800;color:var(--ink);background:var(--yellow-soft);border-radius:12px;padding:10px;transition:transform .15s,background .15s;letter-spacing:2px}.poem-line:hover{transform:scale(1.02);background:var(--yellow)}.poem-hint{font-size:13px;color:var(--ink-light)}.storybook-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.storybook-page{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--purple-soft);padding:28px 26px;text-align:center;width:min(420px,94%);cursor:pointer;animation:cardFlip .4s ease both}.book-scene{font-size:120px;animation:float 3s ease-in-out infinite}.book-text{font-size:22px;font-weight:800;color:var(--ink);margin:14px 0;line-height:1.6}.book-hint{font-size:13px;color:var(--ink-light)}.speak-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.speak-card{background:#fff;border-radius:30px;box-shadow:var(--shadow-big);border:3px solid var(--pink-soft);padding:24px 28px;text-align:center;width:min(420px,94%)}.speak-emoji{font-size:110px;animation:float 2.8s ease-in-out infinite}.speak-prompt{font-size:24px;font-weight:800;color:var(--purple);margin:12px 0;transition:transform .15s}.speak-prompt:hover{transform:scale(1.04)}.speak-answer{font-size:20px;font-weight:800;color:var(--green);margin:10px 0;animation:pop .4s ease both}.speak-hint{font-size:13px;color:var(--ink-light);margin-top:10px}