:root{--ink:#283548;--muted:#6f7a8b;--cream:#fff8ec;--card:#fff;--line:#ecdfcd;--mint:#7bdcb5;--peach:#ffaf83;--blue:#79b9ff;--purple:#aa8df4;--yellow:#ffd96a;--shadow:0 10px 30px rgba(98,74,43,.11)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}body{padding-bottom:94px}button{font:inherit;color:inherit;cursor:pointer;border:0}button:active{transform:scale(.97)}
.topbar{position:sticky;top:0;z-index:20;height:74px;padding:max(10px,env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;gap:10px;background:rgba(255,248,236,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(236,223,205,.8)}.logo{display:flex;align-items:center;gap:8px;background:none;font-size:20px;font-weight:850;padding:8px}.logo span{font-size:28px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.round-btn{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(90,70,40,.1);font-size:23px}.hidden{display:none!important}.stars{background:#fff2bd;border-radius:24px;padding:10px 13px;font-weight:800}
main{width:min(100%,980px);margin:auto;padding:16px}.hero{background:linear-gradient(135deg,#8de0be,#d5f5e7);border-radius:30px;padding:24px;min-height:190px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:var(--shadow)}.hero h1{font-size:clamp(28px,7vw,46px);margin:0 0 8px;line-height:1.15}.hero p{font-size:17px;margin:0;color:#446558}.hero .mascot{font-size:90px;filter:drop-shadow(0 8px 5px rgba(0,0,0,.1))}.continue{width:100%;margin:16px 0;padding:17px 18px;border-radius:22px;background:#fff;display:flex;align-items:center;gap:13px;text-align:left;box-shadow:var(--shadow)}.continue .play{margin-left:auto;background:var(--yellow);border-radius:18px;padding:10px 14px;font-weight:800}
.section-title{font-size:24px;margin:24px 4px 13px}.big-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.big-card{min-height:150px;border-radius:28px;padding:20px;text-align:left;box-shadow:var(--shadow);position:relative;overflow:hidden}.big-card .icon{display:block;font-size:52px;margin-bottom:8px}.big-card b{display:block;font-size:23px}.big-card small{font-size:14px;color:#566273}.big-card:nth-child(1){background:#dff7ed}.big-card:nth-child(2){background:#fff0d4}.big-card:nth-child(3){background:#e7efff}.big-card:nth-child(4){background:#f2e9ff}
.page-head{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 15px}.page-head h1{margin:0;font-size:30px}.page-head p{margin:5px 0;color:var(--muted)}.filters{display:flex;gap:9px;overflow:auto;padding:2px 1px 13px;scrollbar-width:none}.chip{white-space:nowrap;padding:11px 16px;border-radius:22px;background:#fff;border:2px solid var(--line);font-weight:750}.chip.active{background:#26384c;color:#fff;border-color:#26384c}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.book{padding:0;border-radius:22px;overflow:hidden;text-align:left;background:#fff;box-shadow:var(--shadow)}.book-cover{aspect-ratio:4/3;background:#e6f1e9;overflow:hidden;position:relative}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover.sprite-sheet img{position:absolute;left:0;top:0;width:200%;height:300%;max-width:none;object-fit:fill}.book .info{padding:13px}.book b{font-size:17px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35;min-height:2.7em}.book small{color:var(--muted);display:block;margin-top:4px}
.reader{max-width:760px;margin:auto}.reader-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.reader-top h1{font-size:21px;margin:0;flex:1;text-align:center}.reader-stage{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.story-picture{aspect-ratio:3/2;background:#e9eee9;position:relative;overflow:hidden;animation:storySceneIn .58s ease-out}.story-picture img{width:100%;height:100%;object-fit:cover;display:block}.story-picture.story-playing:not(.sprite-page) img{animation:storyGentleMove 8s ease-in-out infinite alternate;transform-origin:center}.story-picture.story-playing.sprite-page{animation:storyGlow 2.8s ease-in-out infinite}.story-touch{position:absolute;z-index:4;left:14px;bottom:14px;min-height:42px;padding:9px 15px;border:0;border-radius:21px;background:rgba(255,255,255,.92);color:#31506b;font-size:14px;font-weight:850;box-shadow:0 4px 14px rgba(37,56,74,.16)}.story-playing .story-touch{animation:storyLivePulse 1.8s ease-in-out infinite}.story-paused:after{content:'';position:absolute;inset:0;background:rgba(35,49,62,.12);pointer-events:none}.story-paused .story-touch{left:50%;bottom:50%;transform:translate(-50%,50%);font-size:17px;padding:12px 20px}.story-picture.sprite-page img{position:absolute;width:200%;height:300%;max-width:none;object-fit:fill}.story-text{min-height:150px;padding:22px;font-size:21px;line-height:1.8;font-weight:650;animation:storyTextIn .45s ease-out}.reader-controls{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;margin-top:14px}.control{min-height:58px;border-radius:19px;background:#fff;border:2px solid var(--line);font-size:17px;font-weight:800}.control.primary{background:#ffd86b;border-color:#ffd86b}.auto-read-btn{width:100%;min-height:58px;margin-top:10px;border-radius:19px;background:#e8f4ff;color:#28547c;font-size:17px;font-weight:850;border:2px solid #c8e3fa}.auto-read-btn.playing{background:#dff6e9;color:#276346;border-color:#a9dfc0;animation:autoPulse 1.8s ease-in-out infinite}.auto-read-btn.paused{background:#fff1bf;color:#735912;border-color:#f0d36d}@keyframes autoPulse{50%{box-shadow:0 0 0 5px rgba(104,195,143,.16)}}@keyframes storyGentleMove{from{transform:scale(1.01) translate3d(-.6%,0,0)}to{transform:scale(1.075) translate3d(.6%,-.7%,0)}}@keyframes storyGlow{50%{box-shadow:inset 0 0 0 5px rgba(255,214,107,.5)}}@keyframes storyLivePulse{50%{transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,56,74,.22)}}@keyframes storySceneIn{from{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes storyTextIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.progress-dots{display:flex;justify-content:center;gap:7px;margin:14px}.dot{width:9px;height:9px;border-radius:50%;background:#d8d1c7}.dot.on{width:24px;border-radius:8px;background:#ff9b68}
.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.activity{min-height:125px;border-radius:25px;background:#fff;padding:18px;box-shadow:var(--shadow);text-align:left}.activity .icon{font-size:45px;display:block}.activity b{font-size:19px}.activity small{display:block;color:var(--muted);margin-top:5px}
.lesson{background:#fff;border-radius:28px;padding:21px;box-shadow:var(--shadow);text-align:center}.lesson h2{font-size:25px}.flash{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:25px;background:#e9f6ff;margin:14px 0}.flash .emoji{font-size:100px}.flash .word{font-size:40px;font-weight:900}.flash .meaning{font-size:23px;color:var(--muted)}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answer{min-height:74px;border-radius:20px;background:#f5f2ed;font-size:28px;font-weight:800}.answer.good{background:#c9f2dd}.answer.bad{background:#ffd8d1}.message{min-height:40px;margin:12px;font-size:20px;font-weight:800}.wide-btn{width:100%;padding:16px;border-radius:19px;background:#26384c;color:#fff;font-size:18px;font-weight:800}
.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.memory-card{aspect-ratio:1;border-radius:18px;background:#dce8f9;font-size:34px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.06)}.memory-card.open{background:#fff1bd}.balloon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.balloon{aspect-ratio:1;border-radius:50% 50% 48% 48%;font-size:34px;transition:.2s}.balloon.popped{opacity:.08;transform:scale(.2);pointer-events:none}.shake{animation:shake .3s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.coloring-choices{display:flex;gap:9px;overflow:auto;padding:5px 2px 13px;scrollbar-width:none}.coloring-choice{flex:0 0 88px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:6px}.coloring-choice.active{border-color:#ff9563;background:#fff4e8}.coloring-choice img{width:100%;height:60px;object-fit:contain}.coloring-choice span{display:block;font-weight:750}.palette{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:5px 0 15px}.palette button{width:42px;height:42px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--line)}.palette button.active{box-shadow:0 0 0 3px #26384c;transform:scale(1.08)}#colorPad{display:block;width:min(100%,560px);aspect-ratio:1;margin:auto;background:#fff;border:2px solid var(--line);border-radius:22px;touch-action:none}.coloring-game{background:linear-gradient(180deg,#fff,#fff7ec)}.color-actions{width:min(100%,560px);margin:13px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-actions button{min-height:56px;border-radius:18px;background:#eef2f6;font-size:16px;font-weight:850}.color-actions button:disabled{opacity:.42}.color-actions .finish-coloring{background:#ffd96a}
.draw-game{background:linear-gradient(180deg,#fff,#fff7e8)}.draw-tools{width:min(100%,700px);margin:12px auto;display:grid;gap:12px}.draw-colors{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.draw-color{width:46px;height:46px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--line)}.draw-color.active,.eraser-btn.active{box-shadow:0 0 0 4px #30435a;transform:scale(1.08)}.eraser-btn{min-height:46px;padding:8px 13px;border-radius:17px;background:#eef3f8;font-weight:850}.brush-sizes,.stamp-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.brush-sizes>span,.stamp-tools>span{font-weight:850;color:var(--muted);margin-right:2px}.brush-btn{min-width:70px;min-height:50px;padding:7px 10px;border-radius:16px;background:#f1eee8;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.brush-btn i{display:block;border-radius:50%;background:#344052}.brush-btn.active{background:#ffe49a;box-shadow:inset 0 0 0 3px #f1bd3d}.stamp-tools{padding:8px;border-radius:20px;background:#fff4dc}.stamp-btn{width:52px;height:52px;border-radius:17px;background:#fff;font-size:29px;border:2px solid #f1dfbe;box-shadow:0 3px 8px rgba(90,70,40,.08)}.stamp-btn.active{background:#fff1ac;border-color:#efbd3c;box-shadow:0 0 0 3px rgba(239,189,60,.28);transform:scale(1.08)}#drawPad{display:block;width:min(100%,700px);aspect-ratio:1;margin:auto;background:#fff;border-radius:24px;touch-action:none;border:3px solid #eadfce;box-shadow:inset 0 0 18px rgba(90,70,40,.05)}.draw-actions{width:min(100%,700px);margin:13px auto 0;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px}.draw-actions button{min-height:58px;border-radius:18px;background:#edf1f5;font-size:17px;font-weight:850}.draw-actions .finish-drawing{background:#ffd96a}.art-save-message{min-height:28px;margin:9px auto 0;color:#367457;font-size:16px;font-weight:850}
.peppa-game{background:linear-gradient(180deg,#fff,#fff0f3)}.paw-game{background:linear-gradient(180deg,#fff,#edf6ff)}.puddle-field{min-height:230px;border-radius:26px;background:linear-gradient(#bde9ff 0 58%,#9ed879 58%);display:flex;align-content:center;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:42px;padding:35px 20px;margin:14px 0;position:relative}.peppa-mini{position:absolute;left:16px;top:14px;font-size:54px}.rescue-maze{width:min(100%,430px);margin:16px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:#bde7a6;padding:8px;border-radius:22px}.maze-cell{aspect-ratio:1;background:#fff7d4;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:29px}.maze-cell.wall{background:#879875}.maze-cell.goal{background:#ffe0e0}.maze-controls{width:220px;margin:14px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.maze-controls button{height:58px;border-radius:16px;background:#dcecff;font-size:25px}.story-order{display:grid;gap:12px;margin:18px 0}.order-card{min-height:90px;border-radius:20px;background:#f5f1ea;display:flex;align-items:center;gap:16px;padding:14px 20px;text-align:left}.order-card span{font-size:45px}.order-card b{font-size:19px}.order-card.picked{background:#c9f2dd;box-shadow:inset 0 0 0 3px #6dcc9a}.brand-memory .memory-card{background:#e6efff}.brand-memory .memory-card.open{background:#fff0bf}
.gesture-tip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:18px;background:#fff4c9;color:#6a592a;font-weight:800}.swipe-maze{width:min(100%,470px);margin:16px auto;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;border-radius:24px;background:#8fc879;touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px rgba(53,107,57,.16)}.swipe-maze-cell{aspect-ratio:1;border-radius:9px;display:grid;place-items:center;font-size:clamp(18px,6vw,31px);font-weight:900;transition:background .12s,transform .12s}.swipe-maze-cell.wall{background:#59835b;box-shadow:inset 0 -3px 0 rgba(31,76,38,.2)}.swipe-maze-cell.road{background:#fff7d8}.swipe-maze-cell.passed{background:#bcefcf;color:#3a9a67}.swipe-maze-cell.goal{background:#ffdede}
.snake-game{background:linear-gradient(180deg,#fff,#effce9)}.snake-score,.bee-score{display:inline-flex;align-items:center;gap:5px;padding:9px 15px;border-radius:20px;background:#fff2b9;font-size:18px;font-weight:800}.bug-field{width:min(100%,470px);height:min(105vw,470px);min-height:300px;margin:14px auto;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(#b9eaff 0 42%,#a6df83 42% 100%);touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px rgba(57,124,85,.12)}.bug-field:after{content:'';position:absolute;left:-8%;right:-8%;bottom:-38px;height:115px;border-radius:50%;background:#79c568}.bug-player,.bug-fruit,.bug-sun,.bug-leaf{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%)}.bug-player{z-index:5;font-size:48px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.12));transition:left .035s linear,top .035s linear;pointer-events:none}.bug-fruit{z-index:4;font-size:40px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.1));transition:left .18s,top .18s,opacity .2s}.bug-fruit.picked{opacity:0;transform:translate(-50%,-50%) scale(.3)}.bug-sun{left:12%;top:12%;font-size:48px}.bug-leaf{z-index:2;font-size:42px;opacity:.78}.leaf-one{left:16%;top:69%;transform:rotate(-24deg)}.leaf-two{right:10%;top:54%;transform:rotate(22deg)}
.bee-game{background:linear-gradient(180deg,#fff,#f1fbff)}.bee-field{width:min(100%,470px);height:min(105vw,470px);min-height:300px;margin:14px auto;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(#aee7ff 0 45%,#8ed174 45% 100%);touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px rgba(57,124,85,.12)}.bee-field:before,.bee-field:after{content:'';position:absolute;bottom:-25px;width:180px;height:90px;border-radius:50%;background:#68b85f}.bee-field:before{left:-40px}.bee-field:after{right:-50px}.garden-cloud{position:absolute;left:8%;top:7%;font-size:48px;opacity:.9}.garden-flower,.bee-player{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center}.garden-flower{font-size:38px;transition:transform .25s,opacity .25s}.garden-flower.picked{opacity:.18;transform:translate(-50%,-50%) scale(.35)}.bee-player{font-size:46px;z-index:4;filter:drop-shadow(0 5px 4px rgba(0,0,0,.12));transition:left .04s linear,top .04s linear;pointer-events:none}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:30;width:min(100%,980px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(8px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(80,60,40,.08)}.bottom-nav button{background:none;color:#7c8490;font-size:12px;font-weight:750;min-height:60px;border-radius:17px}.bottom-nav span{display:block;font-size:25px;margin-bottom:2px}.bottom-nav button.active{background:#edf7f2;color:#243d32}
.school-banner{width:100%;margin:16px 0 2px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#6957d9,#9875ed);color:#fff;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 12px 28px rgba(91,72,192,.25)}.school-banner>span:first-child{font-size:45px}.school-banner span:nth-child(2){display:flex;flex-direction:column;gap:4px}.school-banner b{font-size:21px}.school-banner small{color:#eee9ff}.school-banner strong{margin-left:auto;white-space:nowrap;background:rgba(255,255,255,.18);padding:10px 12px;border-radius:16px}.subject-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 22px}.subject-tab{min-height:95px;border-radius:24px;background:#fff;border:3px solid var(--line);font-size:24px;font-weight:900}.subject-tab small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.subject-tab.active{border-color:#8068df;background:#f1edff}.course-unit{margin:20px 0}.course-unit h2{font-size:21px;display:flex;align-items:center;gap:9px}.course-unit h2 span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffd96a;font-size:16px}.course-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.course-card{background:#fff;border-radius:20px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:var(--shadow)}.course-card i{font-style:normal;font-size:37px}.course-card span{min-width:0;flex:1}.course-card b{display:block;font-size:17px}.course-card small{display:block;margin-top:4px;color:var(--muted)}.course-card strong{color:#8572df;font-size:20px}.classroom{max-width:720px;margin:auto}.classroom-head{display:flex;align-items:center;gap:13px}.classroom-head h1{margin:3px 0 0;font-size:24px}.classroom-head small{color:var(--muted)}.class-progress{display:flex;gap:7px;margin:18px 2px}.class-progress i{height:8px;flex:1;border-radius:8px;background:#ded8cf}.class-progress i.on{background:#8a72e5}.teacher-card{border-radius:29px;background:#fff;box-shadow:var(--shadow);overflow:hidden;text-align:center}.teacher-label{padding:13px;background:#eee9ff;color:#5c49b1;font-weight:850}.lesson-visual{min-height:190px;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eaf9f2,#fff4d8);font-size:clamp(31px,8vw,54px);font-weight:900;white-space:pre-wrap;line-height:1.55}.teacher-card p{font-size:22px;line-height:1.8;text-align:left;padding:4px 22px;margin:15px 0;font-weight:650}.listen-teacher{margin:0 20px 22px;padding:15px 20px;width:calc(100% - 40px);border-radius:18px;background:#ffd96a;font-size:18px;font-weight:850}.course-answers{display:grid;grid-template-columns:1fr;gap:10px;margin:15px 0}.course-answers button{min-height:62px;border-radius:18px;background:#fff;border:2px solid var(--line);font-size:18px;font-weight:800}.course-answers button.good{background:#c9f2dd;border-color:#76c99d}.course-answers button.bad{background:#ffd8d1;border-color:#ef9484}.class-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:11px;margin-top:15px}.class-actions button{min-height:58px;border-radius:18px;background:#fff;border:2px solid var(--line);font-weight:850}.class-actions .primary{background:#715bd3;color:#fff;border-color:#715bd3}.class-actions button:disabled{opacity:.4}.parent-tip{margin:15px 0;padding:14px 16px;border-radius:18px;background:#fff3cd;line-height:1.55;color:#665833}
.study-progress{margin:-8px 0 20px;padding:17px 18px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.study-progress div{display:flex;justify-content:space-between;gap:10px}.study-progress span{color:#715bd3;font-weight:850}.study-progress>i{display:block;height:12px;margin:11px 0 8px;border-radius:12px;background:#ece7df;overflow:hidden}.study-progress em{display:block;height:100%;min-width:0;border-radius:12px;background:linear-gradient(90deg,#7bdcb5,#8068df);transition:width .35s}.study-progress small{color:var(--muted)}.course-card.finished{background:#f0fbf6;box-shadow:inset 0 0 0 2px #a9dfc7}.course-card.finished strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#63c492;color:#fff}
@media(min-width:700px){main{padding:24px}.big-grid{grid-template-columns:repeat(4,1fr)}.book-grid{grid-template-columns:repeat(4,1fr)}.activity-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:430px){.logo b{font-size:17px}.hero{padding:20px;min-height:170px}.hero .mascot{font-size:72px}.big-card{min-height:140px;padding:17px}.book-grid{gap:11px}.story-text{font-size:19px}.topbar{height:68px}.school-banner strong{display:none}.course-list{grid-template-columns:1fr}.bottom-nav span{font-size:22px}.bottom-nav button{font-size:11px}.teacher-card p{font-size:20px}}
.arcade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.arcade-link{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:162px;padding:15px;border-radius:23px;background:#fff;box-shadow:var(--shadow);color:#26384c;text-decoration:none}
.arcade-link:nth-child(3n+1){background:#fff3de}.arcade-link:nth-child(3n+2){background:#e9f7f3}.arcade-link:nth-child(3n){background:#f1edff}
.arcade-link .arcade-icon{font-size:39px;line-height:1.15}.arcade-link b{display:block;font-size:18px}.arcade-link small{display:block;color:#617080;font-size:12px;margin-top:3px}.arcade-link em{display:block;margin-top:5px;color:#678276;font-size:11px;font-style:normal;font-weight:700}.arcade-link strong{align-self:flex-end;margin-top:auto;font-size:13px;color:#5263a1}
.arcade-link:focus-visible{outline:3px solid #715bd3;outline-offset:2px}
.kids-feature{display:flex;align-items:center;gap:15px;min-height:118px;padding:19px;margin:6px 0 20px;border-radius:25px;background:linear-gradient(110deg,#fff1c8,#dff7e7);color:#29433d;text-decoration:none;box-shadow:var(--shadow)}.kids-feature-icon{font-size:52px;line-height:1}.kids-feature span:nth-child(2){display:grid;gap:5px;flex:1}.kids-feature b{font-size:23px}.kids-feature small{font-size:14px;color:#516e62}.kids-feature em{font-size:12px;color:#689781;font-style:normal;font-weight:800}.kids-feature strong{white-space:nowrap;font-size:16px}.kids-feature:focus-visible{outline:3px solid #715bd3;outline-offset:2px}@media(max-width:430px){.kids-feature{padding:15px;gap:10px}.kids-feature-icon{font-size:37px}.kids-feature b{font-size:18px}.kids-feature small{font-size:12px}.kids-feature em{font-size:10px}.kids-feature strong{font-size:12px}}
@media(min-width:700px){.arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (prefers-reduced-motion:reduce){.story-picture,.story-picture img,.story-touch{animation:none!important}}

/* 课堂 2.0：像老师面对面讲课，减少文字，放大图形与触控区域 */
.school-page{--school:#ef786f;--school-soft:#fff0e6;--school-ink:#65342f;max-width:820px;margin:0 auto}.school-page.school-math{--school:#438fd5;--school-soft:#e9f5ff;--school-ink:#214d72}.school-welcome{display:grid;grid-template-columns:122px 1fr;align-items:end;gap:13px;margin:3px 0 17px;padding:18px 20px 0;border-radius:30px;background:linear-gradient(135deg,var(--school-soft),#fff9dc);box-shadow:var(--shadow);overflow:hidden}.teacher-avatar{position:relative;align-self:stretch;display:grid;place-items:end center;min-height:150px}.teacher-avatar span{font-size:94px;line-height:1;filter:drop-shadow(0 8px 7px rgba(62,53,42,.15))}.teacher-avatar i{position:absolute;right:0;top:8px;font-style:normal;font-size:25px;animation:teacherSpark 2.2s ease-in-out infinite}.teacher-bubble{position:relative;margin-bottom:18px;padding:15px 17px;border-radius:22px 22px 22px 7px;background:#fff}.teacher-bubble:before{content:'';position:absolute;left:-10px;bottom:9px;border:11px solid transparent;border-right-color:#fff}.teacher-bubble small{color:var(--school);font-weight:900}.teacher-bubble h1{margin:3px 0 3px;font-size:29px;line-height:1.12}.teacher-bubble p{margin:0;color:#66717e;font-size:15px;line-height:1.45}.teacher-bubble button{min-height:43px;margin-top:10px;padding:8px 13px;border-radius:15px;background:#fff0ad;color:#584a1e;font-weight:900}.school-page .subject-tabs{gap:10px;margin:0 0 14px}.school-page .subject-tab{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 10px;min-height:106px;padding:15px 17px;border:3px solid transparent;text-align:left;background:#fff;box-shadow:var(--shadow)}.school-page .subject-tab span{grid-row:1/3;font-size:49px}.school-page .subject-tab b{font-size:24px;line-height:1.1}.school-page .subject-tab small{font-size:13px;margin:3px 0 0}.school-page .subject-tab.chinese.active{border-color:#ef786f;background:#fff3ed}.school-page .subject-tab.math.active{border-color:#438fd5;background:#edf7ff}.school-page .study-progress{margin:0 0 14px;padding:14px 17px;border-radius:20px}.school-page .study-progress div{align-items:center}.school-page .study-progress>i{height:10px;margin:8px 0}.school-page .study-progress em{background:linear-gradient(90deg,#ffd660,var(--school))}.next-course{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:94px;margin:0 0 21px;padding:13px 16px;border-radius:24px;text-align:left;color:#fff;background:linear-gradient(125deg,var(--school),color-mix(in srgb,var(--school) 72%,#7657d7));box-shadow:0 12px 25px color-mix(in srgb,var(--school) 25%,transparent)}.next-course-icon{display:grid;place-items:center;width:63px;height:63px;border-radius:20px;background:rgba(255,255,255,.2);font-size:39px}.next-course span:nth-child(2){display:grid;gap:3px}.next-course small{color:rgba(255,255,255,.85);font-weight:750}.next-course b{font-size:22px}.next-course strong{padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.18);white-space:nowrap}.school-section-title{display:flex;align-items:center;gap:8px;margin:0 2px 10px;font-size:21px}.school-section-title span{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:var(--school-soft)}.unit-rail{display:flex;gap:9px;margin:0 -14px 15px;padding:2px 14px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.unit-rail::-webkit-scrollbar{display:none}.unit-chip{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:54px;padding:8px 14px;border:2px solid #eee5d9;border-radius:18px;background:#fff;color:#56606c;scroll-snap-align:start}.unit-chip span{font-size:23px}.unit-chip b{font-size:15px;white-space:nowrap}.unit-chip.active{border-color:var(--school);background:var(--school-soft);color:var(--school-ink);box-shadow:0 5px 12px color-mix(in srgb,var(--school) 14%,transparent)}.school-page .course-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.school-page .course-card{position:relative;min-height:106px;padding:13px 14px;border:2px solid transparent;border-radius:23px;box-shadow:var(--shadow)}.school-page .course-card i{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:19px;background:var(--school-soft);font-size:35px}.school-page .course-card span{display:grid;gap:2px}.school-page .course-card small{order:0;margin:0;color:#8b929a;font-size:12px}.school-page .course-card b{order:1;font-size:19px;line-height:1.18}.school-page .course-card em{order:2;color:var(--school);font-size:13px;font-style:normal;font-weight:850}.school-page .course-card strong{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--school-soft);color:var(--school)}.school-page .course-card.finished{border-color:#9ddcbc;background:#f5fff9}.school-page .course-card.finished i,.school-page .course-card.finished strong{background:#d8f5e6;color:#2c8b5d}

.classroom{--class:#ef786f;--class-soft:#fff0e8;--class-deep:#7a3832;max-width:760px;margin:0 auto;padding-bottom:8px}.classroom.classroom-math{--class:#438fd5;--class-soft:#e9f5ff;--class-deep:#22547c}.classroom-head{min-height:64px;gap:11px}.classroom-head>div{min-width:0;flex:1}.classroom-head h1{margin:1px 0 0;font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classroom-head small{color:var(--class);font-weight:850}.class-back{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:18px;background:#fff;box-shadow:var(--shadow);font-size:25px}.class-star{font-size:29px;filter:drop-shadow(0 3px 3px rgba(102,78,28,.18))}.class-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.class-steps div{display:flex;align-items:center;justify-content:center;gap:5px;min-height:51px;padding:7px 4px;border-radius:17px;background:#ece8e1;color:#8b8b8b}.class-steps span{font-size:21px}.class-steps b{font-size:14px}.class-steps .now{background:var(--class);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--class) 27%,transparent)}.class-steps .done{background:#d8f4e4;color:#347959}.teacher-card{border-radius:28px;background:#fff;box-shadow:0 13px 30px rgba(83,67,48,.12);overflow:hidden;text-align:center}.teacher-scene{display:flex;align-items:center;gap:10px;min-height:78px;padding:8px 16px;text-align:left;background:linear-gradient(120deg,var(--class-soft),#fff9d8)}.mini-teacher{position:relative;align-self:flex-end;display:grid;place-items:end center;width:67px;height:70px}.mini-teacher span{font-size:59px;line-height:1}.mini-teacher i{position:absolute;left:3px;bottom:7px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:-8px -5px 0 -2px #fff}.teacher-says{display:grid;gap:2px;flex:1}.teacher-says small{color:var(--class);font-weight:900}.teacher-says b{font-size:18px}.sound-waves{color:var(--class);font-size:19px;font-weight:950;letter-spacing:1px;opacity:.15;transform-origin:left center}.teacher-card.is-speaking .mini-teacher{animation:teacherTalk .72s ease-in-out infinite}.teacher-card.is-speaking .sound-waves{animation:soundWave .85s ease-in-out infinite}.lesson-visual{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:11px;min-height:230px;padding:25px 18px;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.75) 0 5%,transparent 6%),linear-gradient(145deg,#e8f9f1,#fff2cf);font-size:clamp(30px,8vw,52px);font-weight:900;line-height:1.4;white-space:normal}.classroom-math .lesson-visual{background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.8) 0 5%,transparent 6%),linear-gradient(145deg,#dff3ff,#eaffdf)}.lesson-visual>span{display:inline-flex;align-items:center;justify-content:center;min-height:74px;padding:8px 13px;border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 7px 13px rgba(68,72,59,.09);animation:visualPop .38s both;animation-delay:calc(var(--piece) * 90ms)}.lesson-talk{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;margin:0;padding:17px 20px 8px;text-align:left}.talk-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--class-soft);font-size:23px}.lesson-talk p,.teacher-card .lesson-talk p{margin:0;padding:0;font-size:20px;font-weight:750;line-height:1.65}.listen-teacher{min-height:57px;margin:10px 18px 19px;padding:13px 18px;width:calc(100% - 36px);border-radius:18px;background:#ffdc69;color:#564616;font-size:17px;font-weight:900}.teacher-card.is-speaking .listen-teacher{background:#dff7e9;color:#296746}.answer-stage{margin-top:13px;padding:13px;border-radius:24px;background:var(--class-soft)}.answer-stage h2{margin:0 4px 9px;font-size:18px}.course-answers{display:grid;grid-template-columns:1fr;gap:9px;margin:0}.course-answers button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:64px;padding:9px 15px;border:3px solid #fff;border-radius:18px;background:#fff;text-align:left;font-size:18px;font-weight:850;box-shadow:0 5px 12px rgba(75,62,48,.07)}.course-answers button>span{font-size:25px;color:var(--class)}.course-answers button.good{background:#d6f5e4;border-color:#66c997}.course-answers button.bad{background:#ffe3dc;border-color:#ef9d8d}.course-answers button:disabled{opacity:1}.answer-stage .message{min-height:30px;margin:9px 3px 0;font-size:17px}.class-actions{position:relative;z-index:15;display:grid;grid-template-columns:.8fr 1.45fr;gap:9px;margin-top:13px;padding:8px;border-radius:23px;background:rgba(255,250,242,.96);box-shadow:0 8px 26px rgba(68,52,37,.18)}.class-actions button{min-height:60px;border-radius:18px;background:#fff;border:2px solid #ded7cd;font-size:16px;font-weight:900}.class-actions .primary{background:var(--class);border-color:var(--class);color:#fff;font-size:18px}.class-actions button:disabled{opacity:.35}.class-actions span{font-size:20px}.parent-tip{margin:12px 2px 0;padding:0;border-radius:17px;background:#fff3cd;color:#665833}.parent-tip summary{padding:13px 15px;cursor:pointer;font-weight:850;list-style:none}.parent-tip summary::-webkit-details-marker{display:none}.parent-tip p{margin:0;padding:0 15px 14px;line-height:1.55}

@keyframes teacherSpark{50%{transform:translateY(-5px) rotate(8deg);opacity:.7}}@keyframes teacherTalk{50%{transform:translateY(-3px) rotate(-1deg)}}@keyframes soundWave{50%{opacity:1;transform:scaleX(1.16)}}@keyframes visualPop{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:520px){.school-welcome{grid-template-columns:88px 1fr;padding:13px 13px 0}.teacher-avatar{min-height:137px}.teacher-avatar span{font-size:75px}.teacher-bubble{margin-bottom:13px;padding:13px}.teacher-bubble h1{font-size:24px}.teacher-bubble p{font-size:13px}.school-page .subject-tab{min-height:96px;padding:12px}.school-page .subject-tab span{font-size:42px}.school-page .subject-tab b{font-size:21px}.school-page .subject-tab small{font-size:11px}.next-course{min-height:88px;padding:12px}.next-course-icon{width:58px;height:58px}.next-course b{font-size:19px}.next-course strong{font-size:13px}.school-page .course-list{grid-template-columns:1fr}.school-page .course-card{min-height:94px}.classroom-head h1{font-size:21px}.class-steps{margin:8px 0}.class-steps div{min-height:46px}.class-steps b{font-size:12px}.teacher-scene{min-height:70px;padding:7px 12px}.mini-teacher{width:60px;height:63px}.mini-teacher span{font-size:53px}.teacher-says b{font-size:16px}.lesson-visual{min-height:min(35svh,270px);padding:18px 12px;gap:8px;font-size:clamp(27px,9vw,43px)}.lesson-visual>span{min-height:63px;padding:6px 10px}.lesson-talk{padding:14px 15px 6px}.lesson-talk p,.teacher-card .lesson-talk p{font-size:18px;line-height:1.58}.talk-icon{width:40px;height:40px}.listen-teacher{margin:9px 13px 14px;width:calc(100% - 26px)}.answer-stage{padding:10px}.course-answers button{min-height:60px;font-size:17px}.class-actions{margin-top:9px}.class-actions button{min-height:58px}.parent-tip{font-size:14px}}
@media (prefers-reduced-motion:reduce){.teacher-avatar i,.teacher-card.is-speaking .mini-teacher,.teacher-card.is-speaking .sound-waves,.lesson-visual>span{animation:none!important}}

/* 手机手势游戏 */
.game-group-title{display:flex;align-items:center;gap:9px;margin:22px 2px 12px;font-size:22px}.game-group-title:first-of-type{margin-top:4px}.game-group-title span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff2b9}.gesture-grid{grid-template-columns:1fr}.gesture-activity{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:112px;padding:16px 18px;background:linear-gradient(135deg,#fff,#effaf5);border:2px solid rgba(93,193,145,.18)}.gesture-activity .icon{margin:0;font-size:52px}.gesture-activity span:nth-child(3){min-width:0}.gesture-activity b{display:block;font-size:20px}.gesture-activity small{font-size:15px;line-height:1.4}.gesture-activity strong{color:#337c5b;font-size:17px;white-space:nowrap}.gesture-badge{position:absolute;right:13px;top:10px;padding:4px 8px;border-radius:11px;background:#d8f6e5;color:#27714f;font-size:12px;font-weight:900}.gesture-activity strong{margin-top:26px}.gesture-lesson{padding-top:18px}.game-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;text-align:left;margin-bottom:14px}.game-title-row h2{margin:0 0 6px}.game-title-row p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.voice-help{flex:0 0 auto;min-height:49px;padding:10px 13px;border-radius:16px;background:#fff2b9;color:#5b4b20;font-size:15px;font-weight:900}.swipe-maze{position:relative}.maze-hand{position:absolute;left:1%;top:2%;z-index:7;font-size:39px;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.12));animation:mazeHand 1.7s ease-in-out infinite}.swipe-maze.started .maze-hand{display:none}@keyframes mazeHand{0%,20%{transform:translate(0,0)}70%,100%{transform:translate(90px,0)}}.bug-tail{position:absolute;width:20px;height:20px;border-radius:50%;background:#69bc4a;transform:translate(-50%,-50%);z-index:3;pointer-events:none;box-shadow:inset 0 -3px 0 rgba(40,120,45,.12)}.swipe-hand{position:absolute;left:49%;top:77%;z-index:8;font-size:42px;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(0,0,0,.15));animation:snakeSwipe 1.8s ease-in-out infinite}.bug-field.started .swipe-hand{display:none}@keyframes snakeSwipe{0%,20%{transform:translate(-50%,-50%)}65%,100%{transform:translate(70px,-80px)}}.rocket-game{background:linear-gradient(180deg,#fff,#f0efff)}.rocket-score{display:inline-flex;align-items:center;gap:5px;padding:9px 15px;border-radius:20px;background:#fff2b9;font-size:18px;font-weight:800}.rocket-field{width:min(100%,470px);height:min(105vw,470px);min-height:300px;margin:14px auto;position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 76% 35%,rgba(255,255,255,.7) 0 1.5px,transparent 3px),radial-gradient(circle at 45% 67%,rgba(255,255,255,.8) 0 2px,transparent 3px),linear-gradient(160deg,#29295f,#604b9c 55%,#393473);background-size:84px 84px,68px 68px,105px 105px,auto;touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px rgba(255,255,255,.14)}.space-star,.space-planet,.rocket-player{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%)}.space-star{z-index:3;font-size:35px;transition:opacity .22s,transform .22s;filter:drop-shadow(0 0 8px #ffe66d)}.space-star.picked{opacity:.12;transform:translate(-50%,-50%) scale(.3)}.space-planet{right:2%;top:52%;font-size:54px;opacity:.72}.rocket-player{z-index:5;font-size:51px;filter:drop-shadow(0 6px 4px rgba(0,0,0,.22));transition:left .04s linear,top .04s linear;pointer-events:none}

@media(max-width:430px){main{padding:12px 12px 98px}.page-head h1{font-size:27px}.gesture-grid{grid-template-columns:1fr}.gesture-activity{min-height:106px;padding:14px 15px;gap:11px}.gesture-activity .icon{font-size:47px}.gesture-activity b{font-size:18px}.gesture-activity small{font-size:14px}.gesture-activity strong{font-size:15px}.lesson{padding:15px;border-radius:23px}.game-title-row{gap:8px}.game-title-row h2{font-size:21px}.game-title-row p{font-size:14px}.voice-help{min-height:48px;padding:8px 10px;font-size:13px}.bug-field,.bee-field,.rocket-field{width:100%;height:min(calc(100svh - 300px),calc(100vw - 54px),430px);min-height:290px}.swipe-maze{width:100%;gap:3px;padding:6px}.swipe-maze-cell{border-radius:7px}.gesture-tip{font-size:14px}.message{margin:10px 5px;font-size:18px}.wide-btn{min-height:54px}.game-group-title{font-size:20px;margin-top:19px}.draw-tools{gap:9px}.stamp-tools{gap:6px;padding:7px 6px}.stamp-btn{width:44px;height:44px;border-radius:14px;font-size:24px}.draw-actions{gap:7px}.draw-actions button{min-height:54px;font-size:15px}}

@media (prefers-reduced-motion:reduce){.maze-hand,.swipe-hand{animation:none!important}}

/* Reliable, lightweight story illustrations for the new library. */
.story-card-art{--scene-a:#c9f2ff;--scene-b:#fff0b9;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,var(--scene-a),var(--scene-b))}.story-card-art:before{content:'';position:absolute;left:-8%;right:-8%;bottom:-38%;height:65%;border-radius:50% 50% 0 0;background:rgba(92,179,105,.55);z-index:-1}.story-card-art:after{content:'';position:absolute;inset:9%;border:3px solid rgba(255,255,255,.62);border-radius:30px;box-shadow:inset 0 0 28px rgba(255,255,255,.3)}.story-card-art .scene-orb{position:absolute;width:25%;aspect-ratio:1;border-radius:50%;right:10%;top:10%;background:rgba(255,235,116,.95);box-shadow:0 0 30px rgba(255,222,83,.5)}.story-card-art .scene-emoji{font-size:clamp(48px,14vw,95px);filter:drop-shadow(0 7px 5px rgba(37,60,78,.2));z-index:2;letter-spacing:-.08em}.story-card-art>i{position:absolute;left:13%;top:14%;font-style:normal;color:#fff;font-size:28px;text-shadow:0 0 10px #fff}.story-card-art.theme-play{--scene-a:#ffd7e8;--scene-b:#dff7ff}.story-card-art.theme-rainbow{--scene-a:#cde9ff;--scene-b:#ffe2d3}.story-card-art.theme-ocean{--scene-a:#a7e9ff;--scene-b:#d9f7dc}.story-card-art.theme-forest{--scene-a:#cceec1;--scene-b:#fff1b6}.story-card-art.theme-night{--scene-a:#303c78;--scene-b:#8679b9}.story-card-art.theme-night:before{background:rgba(52,105,99,.75)}.story-card-art.theme-city{--scene-a:#bfe7ff;--scene-b:#ffe0b7}.story-card-art.theme-magic{--scene-a:#f3d7ff;--scene-b:#ffecc7}.story-card-art.theme-ice{--scene-a:#c9f0ff;--scene-b:#e9e5ff}.story-card-art.theme-sunset{--scene-a:#ffd1b8;--scene-b:#ffe7a8}.story-card-art.theme-poem{--scene-a:#dff0d2;--scene-b:#fff4ca}.story-scene .scene-emoji{font-size:clamp(86px,25vw,160px);animation:sceneFloat 3.4s ease-in-out infinite}.story-scene .scene-cloud{position:absolute;top:13%;font-size:40px;opacity:.72;animation:cloudDrift 8s ease-in-out infinite alternate}.story-scene .scene-cloud.one{left:8%}.story-scene .scene-cloud.two{right:22%;top:27%;font-size:29px;animation-delay:-3s}.story-scene.story-playing .scene-orb{animation:sceneGlow 2.2s ease-in-out infinite}.story-scene.story-paused .scene-emoji{animation-play-state:paused}@keyframes sceneFloat{50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes cloudDrift{to{transform:translateX(18px)}}@keyframes sceneGlow{50%{transform:scale(1.08);box-shadow:0 0 42px rgba(255,236,126,.8)}}

/* 游戏乐园 3.0：按动作分类、统一游戏壳与手机触控 */
.game-home{max-width:940px;margin:0 auto;padding-bottom:18px}.game-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:145px;padding:23px 25px;margin-bottom:15px;border-radius:30px;background:linear-gradient(135deg,#4fbd8b,#79d7ad 55%,#c9f3cd);color:#153f35;box-shadow:0 13px 28px rgba(48,143,101,.2)}.game-hero:after{content:'';position:absolute;right:-25px;bottom:-65px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.25)}.game-hero>div{position:relative;z-index:1}.game-hero small{display:inline-block;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.58);font-weight:900}.game-hero h1{margin:8px 0 4px;font-size:clamp(27px,6vw,40px);letter-spacing:-.04em}.game-hero p{margin:0;font-weight:750}.game-hero>span{position:relative;z-index:1;font-size:76px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.13));transform:rotate(5deg)}
.game-category-rail{position:sticky;top:74px;z-index:12;display:flex;gap:9px;overflow-x:auto;margin:0 -2px 17px;padding:8px 2px 11px;background:linear-gradient(#fff8ec 75%,transparent);scrollbar-width:none;overscroll-behavior-x:contain}.game-category-rail::-webkit-scrollbar{display:none}.game-category{flex:0 0 132px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;min-height:70px;padding:9px 10px;border:3px solid transparent;border-radius:21px;background:#fff;text-align:left;box-shadow:0 5px 14px rgba(82,64,43,.09)}.game-category>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:color-mix(in srgb,var(--cat) 17%,white);font-size:23px}.game-category b{font-size:14px;line-height:1.15}.game-category small{color:#8a8a8a;font-size:11px}.game-category.active{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 9%,white);transform:translateY(-2px)}
.game-category-head{display:flex;align-items:center;gap:12px;margin:4px 2px 13px}.game-category-head>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--cat) 18%,white);font-size:31px}.game-category-head>div{flex:1}.game-category-head h2{margin:0;font-size:24px}.game-category-head p{margin:3px 0 0;color:var(--muted);font-size:14px}.game-category-head>b{display:grid;place-items:center;min-width:38px;height:38px;border-radius:99px;background:var(--cat);color:#fff;font-size:16px}
.game-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-choice{position:relative;min-width:0;min-height:174px;padding:14px;border:2px solid rgba(119,102,78,.09);border-radius:25px;background:#fff;color:inherit;text-decoration:none;text-align:left;box-shadow:0 8px 20px rgba(75,59,37,.09);display:flex;flex-direction:column}.game-choice:nth-child(5n+1){background:#fff8dc}.game-choice:nth-child(5n+2){background:#eaf8ef}.game-choice:nth-child(5n+3){background:#eaf5ff}.game-choice:nth-child(5n+4){background:#f1edff}.game-choice:nth-child(5n){background:#fff0f2}.game-choice:active{transform:scale(.97)}.game-card-action{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:11px;background:rgba(255,255,255,.78);color:#4f6c60;font-size:11px;font-weight:900}.game-card-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:8px;border-radius:22px;background:rgba(255,255,255,.72);font-size:48px}.game-card-copy{min-width:0;display:grid;gap:3px}.game-card-copy b{font-size:18px;line-height:1.2}.game-card-copy small{color:#687771;font-size:13px;line-height:1.35}.game-choice>strong{margin-top:auto;padding-top:9px;color:#397b60;font-size:13px}.game-parent-note{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:15px 17px;border-radius:21px;background:#fff2c7;color:#61552f}.game-parent-note>span{font-size:27px}.game-parent-note p{margin:0;font-size:13px;line-height:1.55}.game-parent-note b{font-size:15px}
.mini-game-page{max-width:720px;margin:0 auto}.mini-game-nav{position:sticky;top:74px;z-index:18;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 0 10px;padding:7px;border-radius:22px;background:rgba(255,250,242,.96);box-shadow:0 7px 24px rgba(70,53,34,.16);backdrop-filter:blur(12px)}.game-exit{display:flex;align-items:center;gap:6px;min-height:56px;padding:8px 13px;border-radius:17px;background:#2f775d;color:#fff}.game-exit span{font-size:22px}.game-exit b{font-size:15px}.mini-game-name{min-width:0;display:flex;align-items:center;justify-content:center;gap:7px}.mini-game-name span{font-size:28px}.mini-game-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.mini-game-tools{display:flex;gap:6px}.mini-game-tools button{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;border:2px solid #e5ded4;font-size:22px}.playing-mini-game main{padding-top:10px}.mini-game-page>.lesson{border-radius:27px}.mini-game-page .wide-btn.soft{background:#e8f5ed;color:#2d654f}.simple-game .flash{min-height:220px}
.bath-score,.drag-progress,.rhythm-round,.firefly-score{display:inline-flex;align-items:center;gap:5px;min-height:39px;padding:7px 14px;border-radius:99px;background:#fff1bc;font-size:16px;font-weight:850}.bubble-bath-game{background:linear-gradient(180deg,#fff,#e8f8ff)}.bubble-bath-board{position:relative;overflow:hidden;width:min(100%,500px);height:min(86vw,390px);min-height:300px;margin:14px auto;border-radius:29px;background:linear-gradient(#bfeaff 0 28%,#72c8e4 28% 100%);box-shadow:inset 0 0 0 4px rgba(255,255,255,.3);isolation:isolate}.bubble-bath-board:after{content:'';position:absolute;left:-5%;right:-5%;bottom:-45px;height:130px;border-radius:50%;background:#55b5d5;z-index:-1}.bath-duck{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);font-size:92px;filter:drop-shadow(0 7px 5px rgba(0,0,0,.13))}.bath-bubble{position:absolute;width:58px;height:58px;border:3px solid rgba(255,255,255,.78);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 9%,rgba(255,255,255,.33) 11% 35%,rgba(115,203,242,.42));color:#fff;font-size:20px;box-shadow:inset -7px -8px 13px rgba(57,138,191,.17),0 5px 8px rgba(36,121,167,.15);transition:.22s}.bath-bubble.popped{opacity:0;transform:scale(1.5);pointer-events:none}.bath-bubble.b0{left:5%;top:8%}.bath-bubble.b1{left:28%;top:5%;width:47px;height:47px}.bath-bubble.b2{left:55%;top:9%;width:65px;height:65px}.bath-bubble.b3{right:5%;top:5%;width:49px;height:49px}.bath-bubble.b4{left:10%;top:32%;width:68px;height:68px}.bath-bubble.b5{left:38%;top:29%;width:48px;height:48px}.bath-bubble.b6{right:22%;top:32%;width:57px;height:57px}.bath-bubble.b7{right:4%;top:36%;width:67px;height:67px}.bath-bubble.b8{left:3%;top:61%;width:51px;height:51px}.bath-bubble.b9{left:24%;top:58%;width:62px;height:62px}.bath-bubble.b10{left:48%;top:55%;width:45px;height:45px}.bath-bubble.b11{right:25%;top:61%;width:52px;height:52px}.bath-bubble.b12{right:4%;top:67%;width:59px;height:59px}.bath-bubble.b13{left:19%;bottom:4%;width:44px;height:44px}.bath-bubble.b14{right:17%;bottom:3%;width:46px;height:46px}
.sorting-drag-game{background:linear-gradient(180deg,#fff,#fff9df)}.drag-sort-board{position:relative;width:min(100%,520px);height:min(78vw,360px);min-height:300px;margin:15px auto;border-radius:28px;background:linear-gradient(#bceaff 0 48%,#9edb83 48% 100%);touch-action:none;overflow:hidden}.sort-home{position:absolute;bottom:20px;width:39%;min-height:112px;border:4px dashed rgba(255,255,255,.82);border-radius:24px;background:rgba(255,255,255,.68);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.sort-home span{font-size:53px}.sort-home b{font-size:17px}.sort-home.fruit-home{left:5%}.sort-home.toy-home{right:5%}.sort-home.nope,.train-car.nope{animation:shake .3s;background:#ffe0d8}.drag-item,.train-passenger{position:absolute;left:50%;top:29%;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:#fff;box-shadow:0 9px 20px rgba(45,77,55,.2);font-size:61px;touch-action:none;user-select:none}.drag-item i,.train-passenger i{position:absolute;right:-18px;bottom:-18px;font-size:36px;font-style:normal;animation:dragHand 1.4s ease-in-out infinite}.drag-item.dragging,.train-passenger.dragging{box-shadow:0 15px 25px rgba(45,77,55,.28)}.drag-item.sent-home{opacity:0;transform:translate(-50%,-50%) scale(.3)}@keyframes dragHand{50%{transform:translate(13px,10px)}}
.color-train-game{background:linear-gradient(180deg,#fff,#edf8ff)}.train-sky{position:relative;overflow:hidden;width:min(100%,540px);height:min(82vw,375px);min-height:310px;margin:14px auto;border-radius:28px;background:linear-gradient(#beeaff 0 60%,#9ed77d 60% 78%,#967454 78% 83%,#d7c2a3 83%);touch-action:none}.train-passenger{top:26%;border:8px solid var(--passenger);font-size:51px}.train-passenger.aboard{opacity:0}.train-track{position:absolute;left:3%;right:3%;bottom:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.train-car{min-width:0;min-height:96px;border:4px solid rgba(255,255,255,.7);border-radius:18px 18px 11px 11px;background:var(--car);color:#253d45;box-shadow:0 8px 0 color-mix(in srgb,var(--car) 67%,#4f5353)}.train-car span{display:block;font-size:30px;color:#fff}.train-car b{font-size:14px}.train-car:after{content:'●  ●';display:block;margin-top:8px;color:#3f4850;letter-spacing:20px;text-indent:18px;font-size:17px}
.shadow-game{background:linear-gradient(180deg,#fff,#f5f0ff)}.shadow-stage{position:relative;display:grid;place-items:center;width:min(100%,490px);min-height:235px;margin:14px auto;border-radius:28px;background:linear-gradient(145deg,#cad3de,#f3e7c3);overflow:hidden}.shadow-stage>span{font-size:125px;filter:brightness(0);opacity:.76;transform:rotate(-3deg);text-shadow:0 8px 11px rgba(0,0,0,.15)}.shadow-stage>i{position:absolute;right:12%;top:13%;font-style:normal;font-size:53px;transform:rotate(-25deg)}.shadow-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.shadow-options button{min-height:105px;border-radius:22px;background:#fff;border:3px solid #e5def4;display:grid;place-items:center}.shadow-options span{font-size:49px}.shadow-options b{font-size:13px}.shadow-options button.good{background:#d4f5e2;border-color:#62c68e}.shadow-options button.bad{background:#ffe0da;border-color:#e99584}.round-dots{display:flex;justify-content:center;gap:7px}.round-dots i{width:12px;height:12px;border-radius:50%;background:#dfd7eb}.round-dots i.done{background:#8b73df}
.firefly-game{background:linear-gradient(180deg,#fff,#eeedff)}.firefly-field{position:relative;overflow:hidden;width:min(100%,500px);height:min(90vw,430px);min-height:315px;margin:14px auto;border-radius:29px;background:radial-gradient(circle at 20% 25%,#5a568e 0,#29284d 55%,#17162f 100%);touch-action:none;user-select:none;box-shadow:inset 0 0 0 3px rgba(255,255,255,.12)}.firefly-field:before{content:'☾';position:absolute;right:9%;top:6%;color:#fff3ad;font-size:55px;opacity:.88}.firefly-light,.firefly-player{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center}.firefly-light{width:32px;height:32px;border-radius:50%;background:#6b6585;color:#aaa4c2;font-style:normal;font-size:19px;box-shadow:0 0 0 3px rgba(255,255,255,.08)}.firefly-light.next{background:#fff49b;color:#756b18;box-shadow:0 0 18px 8px rgba(255,236,91,.47);animation:nextLight 1s ease-in-out infinite}.firefly-light.lit{background:#ffe95d;color:#8a6e0b;box-shadow:0 0 16px 7px rgba(255,224,64,.48)}.firefly-player{z-index:5;font-size:43px;filter:drop-shadow(0 0 8px #fff679);pointer-events:none}.firefly-hand{position:absolute;left:13%;top:79%;font-size:37px;animation:fireflyHand 1.8s ease-in-out infinite}.firefly-field.started .firefly-hand{display:none}@keyframes nextLight{50%{transform:translate(-50%,-50%) scale(1.18)}}@keyframes fireflyHand{50%{transform:translate(50px,-60px)}}
.rhythm-game{background:linear-gradient(180deg,#fff,#fff2df)}.rhythm-pads{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:min(100%,430px);margin:16px auto}.rhythm-pads button{aspect-ratio:1;min-height:120px;border:5px solid rgba(255,255,255,.8);border-radius:31px;background:var(--pad);box-shadow:0 8px 0 color-mix(in srgb,var(--pad) 70%,#4c5360);transition:.12s}.rhythm-pads button span{font-size:clamp(56px,15vw,82px);filter:saturate(.75)}.rhythm-pads button.lit{filter:brightness(1.28);transform:translateY(5px) scale(.96);box-shadow:0 2px 0 color-mix(in srgb,var(--pad) 70%,#4c5360),0 0 25px var(--pad)}.rhythm-pads button:disabled{opacity:1}.rhythm-start{min-width:180px;min-height:61px;border-radius:20px;background:#ef9c53;color:#fff;font-size:20px;font-weight:900;box-shadow:0 6px 0 #d37837}
.game-celebration{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(35,43,46,.48);backdrop-filter:blur(5px)}.game-celebration>div{width:min(100%,390px);padding:27px 22px;border-radius:31px;background:#fffaf0;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.24);animation:celebrateIn .3s both}.game-celebration span{font-size:76px}.game-celebration h2{margin:5px 0;font-size:31px}.game-celebration p{margin:5px 0 19px;color:#68716a;line-height:1.55}.game-celebration button{width:100%;min-height:59px;margin-top:9px;border-radius:19px;font-size:18px;font-weight:900}.celebrate-again{background:#4fb982;color:#fff}.celebrate-home{background:#fff0ba;color:#5e5126}@keyframes celebrateIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@media(min-width:700px){.game-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-category-rail{justify-content:center}.game-category{flex-basis:150px}}
@media(max-width:520px){.game-hero{min-height:123px;padding:18px}.game-hero h1{font-size:28px}.game-hero p{font-size:13px}.game-hero>span{font-size:60px}.game-category-rail{top:68px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.game-category{flex-basis:122px;min-height:66px}.game-choice-grid{gap:9px}.game-choice{min-height:157px;padding:11px;border-radius:21px}.game-card-icon{width:61px;height:61px;font-size:42px}.game-card-copy b{font-size:16px}.game-card-copy small{font-size:12px}.game-card-action{right:8px;top:8px;font-size:10px}.mini-game-nav{top:max(64px,env(safe-area-inset-top));grid-template-columns:auto 1fr auto;margin-left:-2px;margin-right:-2px}.game-exit{min-height:54px;padding:7px 10px}.game-exit b{font-size:13px}.mini-game-name b{display:none}.mini-game-tools button{width:48px;height:50px}.playing-mini-game main{padding-left:8px;padding-right:8px;padding-bottom:18px}.playing-mini-game .topbar .logo b,.playing-mini-game .topbar .stars{display:none}.playing-mini-game .topbar{height:64px}.mini-game-page>.lesson{padding:13px}.shadow-options button{min-height:92px}.shadow-options span{font-size:42px}.sort-home{width:42%;min-height:101px}.sort-home span{font-size:45px}.drag-item,.train-passenger{width:82px;height:82px;font-size:53px}.rhythm-pads{gap:9px}.rhythm-pads button{min-height:112px;border-radius:24px}.game-celebration{padding:max(18px,env(safe-area-inset-top)) 15px max(18px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.game-choice{min-height:151px}.game-card-copy small{font-size:11px}.mini-game-tools button{width:44px}.game-exit b{display:none}.sort-home b,.train-car b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.drag-item i,.train-passenger i,.firefly-hand,.firefly-light.next,.game-celebration>div{animation:none!important}}
.creative-game-nav{max-width:720px;margin-left:auto;margin-right:auto}
@media(max-width:360px){.game-exit b{display:inline;font-size:11px}.mini-game-name{display:none}.game-exit{padding:6px 9px}}

.game-directory-help{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:48px;padding:9px 12px;border:2px solid color-mix(in srgb,var(--cat) 35%,white);border-radius:16px;background:#fff;color:#365e4a;font-size:18px;font-weight:850}.game-directory-help span{font-size:13px}.game-directory-help:active{transform:scale(.96)}
@media(max-width:360px){.game-category-head{gap:8px}.game-category-head h2{font-size:21px}.game-category-head>span{width:46px;height:46px}.game-directory-help{padding:8px;gap:3px}.game-directory-help span{font-size:12px}}