*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}:root,uni-page-body{--sky-top:#7DD3FF;--sky-mid:#BFEAFF;--sky-low:#E9F9FF;--grass:#9CE96B;--grass-deep:#63C43C;--blue:#3FA9F5;--blue-deep:#1E7BD4;--yellow:#FFD23F;--yellow-deep:#E0A800;--pink:#FF7FA8;--pink-deep:#D9487A;--green:#6DD44B;--green-deep:#43A027;--purple:#B07CFF;--purple-deep:#7C4BD1;--orange:#FFA23A;--orange-deep:#D97A0F;--teal:#38D6C4;--teal-deep:#199C8D;--red:#FF6B6B;--red-deep:#D33F3F;--ink:#2F4265;--ink-soft:#61789C;--line:#E4EFFB;--card:#FFFFFF;--radius:28px;--shadow:0 12px 26px rgba(35,90,150,.16);--shadow-lg:0 20px 40px rgba(35,90,150,.22);--font: "Arial Rounded MT Bold", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.html-box{display:block}html,body,uni-page-body{height:100%}body,uni-page-body{margin:0;font-family:var(--font);color:var(--ink);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 34%,var(--sky-low) 56%,#E6FAD2 72%,var(--grass) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden;line-height:1.5}body{background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 34%,var(--sky-low) 56%,#E6FAD2 72%,var(--grass) 100%);background-attachment:fixed}.world{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.sun{position:absolute;top:26px;right:6%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6b0,#ffd23f 60%,#ffb300);box-shadow:0 0 0 12px rgba(255,225,120,.35),0 0 60px rgba(255,205,60,.55);animation:sunPulse 5s ease-in-out infinite}@keyframes sunPulse{50%{transform:scale(1.06)}}.rainbow{position:absolute;top:34px;left:-40px;width:min(46vw,520px);opacity:.72;filter:drop-shadow(0 8px 16px rgba(60,130,200,.18))}@media (max-width: 720px){.rainbow{width:70vw;top:10px}.sun{width:66px;height:66px;top:14px}}.rainbow-css{height:min(23vw,260px);background:radial-gradient(circle at 50% 100%,transparent 0 44%,#B388FF 44% 50%,#5AC8FA 50% 56%,#7ED957 56% 62%,#FFE066 62% 68%,#FFB84D 68% 74%,#FF7B7B 74% 80%,transparent 80%)}.cloud{position:absolute;background:#fff;border-radius:100px;filter:drop-shadow(0 10px 16px rgba(90,150,210,.16));opacity:.95}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:60%;height:170%;left:8%;top:-92%}.cloud:after{width:44%;height:140%;right:10%;top:-70%}.c1{width:170px;height:56px;top:9%;left:-220px;animation:drift 46s linear infinite}.c2{width:120px;height:42px;top:26%;left:-220px;animation:drift 62s linear infinite;animation-delay:-14s}.c3{width:210px;height:66px;top:48%;left:-260px;animation:drift 78s linear infinite;animation-delay:-30s;opacity:.7}.c4{width:140px;height:46px;top:64%;left:-220px;animation:drift 54s linear infinite;animation-delay:-42s;opacity:.6}@keyframes drift{to{transform:translate(calc(100vw + 340px))}}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#a6ea7b,#7bd154)}.h1{width:70vw;height:34vh;left:-12vw;bottom:6vh;opacity:.85}.h2{width:60vw;height:26vh;right:-10vw;bottom:4vh;opacity:.9;background:linear-gradient(180deg,#b4ef8c,#8bda63)}.ground{position:absolute;left:-5vw;bottom:-6vh;width:110vw;height:20vh;background:linear-gradient(180deg,var(--grass),var(--grass-deep));border-radius:50% 50% 0 0}.grass-deco{position:absolute;bottom:5vh;font-size:30px;opacity:.9;animation:sway 4s ease-in-out infinite}.g1{left:8%}.g2{left:26%;animation-delay:.6s}.g3{right:22%;animation-delay:1.2s}.g4{right:7%;animation-delay:1.8s}@keyframes sway{50%{transform:translateY(-6px) rotate(6deg)}}.app{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:18px 18px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.logo{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);border:3px solid #fff;border-radius:999px;padding:6px 18px 6px 6px;box-shadow:var(--shadow)}.logo-face{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:linear-gradient(180deg,#ffe066,#ffc226);box-shadow:inset 0 -3px rgba(0,0,0,.1)}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-text b,.logo-text .logo-name{font-size:19px;letter-spacing:.5px}.logo-text small,.logo-text .logo-sub{font-size:11px;color:var(--ink-soft);letter-spacing:.5px}.topbar-right{display:flex;gap:10px}.counter{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:900;background:rgba(255,255,255,.92);border:3px solid #fff;border-radius:999px;padding:8px 16px;box-shadow:var(--shadow);white-space:nowrap}.counter.star{color:#e09200}.counter.medal{color:#d9487a}.hero{text-align:center;padding:14px 0 22px}.brand-title{position:relative;display:inline-block;margin:0;font-size:clamp(44px,10vw,92px);font-weight:900;letter-spacing:.08em;color:#fff;text-shadow:0 9px 0 #1C7BD4,0 16px 26px rgba(20,80,140,.3);z-index:0}.brand-title:before{content:attr(data-text);position:absolute;left:0;top:0;color:transparent;-webkit-text-stroke:14px var(--blue);text-shadow:none;z-index:-1}@media (max-width: 600px){.brand-title:before{-webkit-text-stroke-width:9px}}.brand-sub{margin:14px 0 0;font-size:16px;font-weight:700;color:#2c6fa8;letter-spacing:.06em;text-shadow:0 2px 0 rgba(255,255,255,.7)}.panel{background:var(--card);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);margin-bottom:18px;border:4px solid rgba(255,255,255,.85)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-head h2,.panel-head .ph-title{margin:0;font-size:20px;letter-spacing:.04em}.panel-head h2:before,.panel-head .ph-title:before{content:"✦ ";color:var(--yellow-deep)}.panel-head span,.panel-head .ph-note{font-size:13px;color:var(--ink-soft);font-weight:700}.panel-levels{background:transparent;border-color:transparent;box-shadow:none}.progress-track{height:18px;border-radius:999px;background:#edf5ff;overflow:hidden;box-shadow:inset 0 2px 5px rgba(60,110,170,.14)}.progress-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#7ed957,#ffd23f,#ffa23a);transition:width .5s cubic-bezier(.34,1.4,.64,1);box-shadow:0 0 12px rgba(255,190,60,.6)}.progress-dots{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.p-dot{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;background:#f1f7ff;color:var(--ink-soft);border:2px solid #E4EFFB}.p-dot.done{background:#eafbe2;color:#3e9427;border-color:#bfeba5}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px}.levels-row{perspective:1200px}.game-card{position:relative;text-align:left;cursor:pointer;font-family:inherit;color:inherit;border:4px solid #fff;border-radius:24px;padding:16px 16px 14px;background:linear-gradient(180deg,#fff,#f7fbff 62%,#e8f2fe);box-shadow:inset 0 3px #fff,inset 0 -6px rgba(120,160,205,.14),0 11px 0 var(--tint-deep, #C9DDF3),0 20px 26px rgba(35,90,150,.24);transform:perspective(760px) rotateX(7deg);transform-origin:center bottom;transform-style:preserve-3d;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s ease;overflow:hidden}.game-card:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--tint, #DFF0FF);opacity:.6}.game-card:hover{transform:perspective(760px) rotateX(11deg) translateY(-6px) scale(1.02);box-shadow:inset 0 3px #fff,inset 0 -6px rgba(120,160,205,.14),0 17px 0 var(--tint-deep, #C9DDF3),0 30px 34px rgba(35,90,150,.28)}.game-card:active{transform:perspective(760px) rotateX(2deg) translateY(8px) scale(.985);box-shadow:inset 0 2px #fff,inset 0 -3px rgba(120,160,205,.14),0 2px 0 var(--tint-deep, #C9DDF3),0 7px 11px rgba(35,90,150,.2)}.gc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;position:relative;z-index:1}.gc-emoji{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:var(--tint, #DFF0FF);box-shadow:inset 0 -4px rgba(0,0,0,.06)}.gc-tag{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--tint, #DFF0FF);color:var(--tint-ink, #1E7BD4);letter-spacing:.04em}.game-card h3,.game-card .gc-title{margin:0 0 4px;font-size:19px;letter-spacing:.03em;position:relative;z-index:1}.game-card p,.game-card .gc-desc{margin:0 0 12px;font-size:13px;color:var(--ink-soft);font-weight:700;position:relative;z-index:1}.gc-foot{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;font-size:12px;font-weight:800;color:var(--ink-soft);border-top:2px dashed var(--line);padding-top:10px}.gc-stars{color:#e09200}.gc-badge{position:absolute;right:12px;top:12px;z-index:2;background:linear-gradient(180deg,#ffe066,#ffb300);color:#7a5200;font-size:11px;font-weight:900;padding:3px 10px;border-radius:999px;border:2px solid #fff;box-shadow:0 3px #c88c00}.theme-blue{--tint:#DFF0FF;--tint-ink:#1E7BD4;--tint-deep:#BEDCF7}.theme-green{--tint:#E4FBD8;--tint-ink:#3E9427;--tint-deep:#C3E5AE}.theme-yellow{--tint:#FFF5D6;--tint-ink:#B37F00;--tint-deep:#F1DEA2}.theme-pink{--tint:#FFE6EF;--tint-ink:#D9487A;--tint-deep:#F8C6D8}.theme-purple{--tint:#F0E7FF;--tint-ink:#7C4BD1;--tint-deep:#D9C8F7}.theme-teal{--tint:#DCFBF6;--tint-ink:#149C8D;--tint-deep:#B4EAE1}.theme-orange{--tint:#FFECDA;--tint-ink:#D97A0F;--tint-deep:#F7D6B2}.foot{text-align:center;font-size:12px;font-weight:800;color:#3e7ba8;letter-spacing:.06em}.game-view{background:rgba(255,255,255,.72);border:4px solid #fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:16px;backdrop-filter:blur(6px)}.game-topbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.round-btn{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;font-size:22px;font-weight:900;color:#fff;font-family:inherit;background:linear-gradient(180deg,#ffc93f,#ffa800);box-shadow:0 5px #d98a00,0 10px 16px rgba(200,140,0,.3);transition:transform .12s}.round-btn:active{transform:translateY(4px);box-shadow:0 1px #d98a00}.prompt-pill{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:3px solid var(--line);border-radius:999px;padding:8px 18px 8px 8px;min-height:52px;box-shadow:inset 0 2px 6px rgba(60,110,170,.07)}.prompt-pill span,.prompt-pill .pp-text{font-size:17px;font-weight:900;letter-spacing:.02em}.speak-btn{width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:none;cursor:pointer;font-size:17px;background:linear-gradient(180deg,#8fd6ff,#3fa9f5);color:#fff;box-shadow:0 4px 0 var(--blue-deep);transition:transform .12s}.speak-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--blue-deep)}.level-badge{flex:0 0 auto;display:flex;align-items:center;gap:4px;background:linear-gradient(180deg,#ffe066,#ffc226);color:#7a5200;font-size:17px;font-weight:900;padding:9px 16px;border-radius:999px;border:3px solid #fff;box-shadow:0 5px #d99b00}.level-badge b,.level-badge .badge-num{font-size:19px}.round-dots{display:flex;gap:6px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}.r-dot{width:26px;height:10px;border-radius:999px;background:#d9e7f5;transition:all .25s}.r-dot.now{background:linear-gradient(90deg,#ffd23f,#ffa23a);width:38px;box-shadow:0 0 10px rgba(255,180,50,.7)}.r-dot.done{background:#7ed957}.r-dot.miss{background:#ffb0b0}.stage-wrap{display:flex;flex-direction:column;gap:14px}.stage{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#cdefff,#e6f8ff 58%,#ddf6c4 58%,#c6ef9c);border:4px solid #fff;box-shadow:inset 0 0 0 3px #eaf6ff,var(--shadow);display:flex;align-items:center;justify-content:center;padding:18px}.stage.scene-shift{animation:stageIn .35s ease}@keyframes stageIn{0%{opacity:.2;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.stage-html{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;padding:inherit}.stage-row{position:relative;z-index:1}.round-btn,.speak-btn{display:grid;place-items:center}.game-card .gc-title,.game-card .gc-desc,.empty-stage .es-title,.empty-stage .es-desc,.result-card .rc-title,.result-card .rc-text{display:block}.answer-bar{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;min-height:96px;align-items:center}.option{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;transition:transform .14s ease}.option:hover{transform:translateY(-5px)}.option:active{transform:translateY(2px)}.option:disabled{cursor:default}.option:disabled:hover{transform:none}.option.is-off{cursor:default}.option.is-off:hover{transform:none}.option.wrong{animation:shake .42s;opacity:.45;pointer-events:none}.option.right{animation:pop .45s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1.06)}}.chip{width:104px;height:96px;border-radius:26px;display:grid;place-items:center;font-size:38px;font-weight:900;color:#fff;border:4px solid #fff;box-shadow:0 8px 0 var(--dk, #C08000),0 14px 22px rgba(40,90,140,.22);background:linear-gradient(180deg,var(--l1),var(--l2));text-shadow:0 3px 0 rgba(0,0,0,.16);transition:transform .14s}.chip.c-pink{--l1:#FFA3BE;--l2:#FF6F9C;--dk:#D9487A}.chip.c-yellow{--l1:#FFE066;--l2:#FFC226;--dk:#C88C00}.chip.c-blue{--l1:#8FD6FF;--l2:#3FA9F5;--dk:#1E7BD4}.chip.c-green{--l1:#A8EC80;--l2:#5CC63A;--dk:#3E9427}.chip.c-purple{--l1:#CBA8FF;--l2:#9B6BF5;--dk:#7C4BD1}.chip.c-orange{--l1:#FFC98C;--l2:#FF9A2E;--dk:#D97A0F}.chip.c-teal{--l1:#8CF0E4;--l2:#2FC9B7;--dk:#199C8D}.chip.right{box-shadow:0 8px #3e9427,0 0 0 6px rgba(126,217,87,.55),0 14px 22px rgba(40,140,60,.3)}.chip.wrong{box-shadow:0 8px #999,0 0 0 6px rgba(255,120,120,.45)}.train-row{display:flex;align-items:flex-end;justify-content:center;gap:12px;flex-wrap:wrap;align-self:flex-end;padding-bottom:34px}.engine{position:relative;display:flex;flex-direction:column;align-items:center;gap:-6px;margin-right:6px;filter:drop-shadow(0 8px 10px rgba(30,80,140,.28))}.engine .eng-top{font-size:26px;line-height:1}.engine .eng-body{font-size:56px;line-height:1}.cart{position:relative;width:92px;height:88px;border-radius:22px;border:4px solid #fff;display:grid;place-items:center;box-shadow:0 9px 0 var(--dk),0 16px 22px rgba(30,80,140,.22);background:linear-gradient(180deg,var(--l1),var(--l2))}.cart:after{content:"";position:absolute;bottom:-13px;left:12px;width:17px;height:17px;border-radius:50%;background:#3e5170;box-shadow:46px 0 #3e5170,inset 0 -3px rgba(0,0,0,.25)}.cart-num{width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:32px;font-weight:900;color:var(--dk);box-shadow:inset 0 -3px rgba(0,0,0,.07)}.cart.c-red{--l1:#FFA3B6;--l2:#F2557B;--dk:#C83A5E}.cart.c-green{--l1:#A8EC80;--l2:#5CC63A;--dk:#3E9427}.cart.c-blue{--l1:#8FD6FF;--l2:#3FA9F5;--dk:#1E7BD4}.cart.c-purple{--l1:#CBA8FF;--l2:#9B6BF5;--dk:#7C4BD1}.cart.c-orange{--l1:#FFC98C;--l2:#FF9A2E;--dk:#D97A0F}.cart.c-pink{--l1:#FFB3D4;--l2:#FF7FB0;--dk:#D9487A}.cart.c-teal{--l1:#8CF0E4;--l2:#2FC9B7;--dk:#199C8D}.cart.c-yellow{--l1:#FFE066;--l2:#FFC226;--dk:#C88C00}.cart.right{box-shadow:0 9px #3e9427,0 0 0 6px rgba(126,217,87,.6),0 16px 22px rgba(40,140,60,.3)}.cart.wrong{box-shadow:0 9px #999,0 0 0 6px rgba(255,120,120,.45)}.scene-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.rail{position:absolute;left:0;right:0;bottom:26px;height:12px;background:repeating-linear-gradient(90deg,#b98a54 0,#b98a54 14px,#8d6234 14px,#8d6234 22px);border-radius:6px;box-shadow:0 4px rgba(0,0,0,.12)}.rail:after{content:"";position:absolute;left:0;right:0;top:-14px;height:6px;border-radius:4px;background:repeating-linear-gradient(90deg,#C79A63 0 6px,transparent 6px 30px)}.deco-cloud{position:absolute;background:#fff;border-radius:100px;opacity:.9;height:26px}.deco-cloud.a{width:86px;top:22px;left:6%;animation:drift2 22s ease-in-out infinite}.deco-cloud.b{width:64px;top:44px;right:10%;animation:drift2 28s ease-in-out infinite reverse}@keyframes drift2{50%{transform:translate(24px)}}.deco-tree{position:absolute;bottom:36px;right:6%;font-size:42px}.deco-tree.t2{right:auto;left:5%;font-size:34px;bottom:32px}.deco-rainbow{position:absolute;top:8px;left:50%;transform:translate(-50%);width:180px;height:90px;border-radius:180px 180px 0 0;background:radial-gradient(circle at 50% 100%,transparent 0 44px,#5AC8FA 44px 52px,transparent 52px 52px,#7ED957 52px 62px,transparent 62px 62px,#FFE066 62px 72px,transparent 72px 72px,#FFB84D 72px 82px,transparent 82px 82px,#FF7B7B 82px 92px,transparent 92px);opacity:.8}.deco-sun{position:absolute;top:14px;left:8%;font-size:40px;animation:sunPulse 5s ease-in-out infinite}.seq-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.seq-item{display:flex;flex-direction:column;align-items:center;gap:4px}.seq-bubble{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;color:#fff;background:linear-gradient(180deg,#8fd6ff,#3fa9f5);border:4px solid #fff;box-shadow:0 6px rgba(30,123,212,.45)}.seq-bubble.q{background:linear-gradient(180deg,#ffcf63,#ff9f1c);color:#7a5200;box-shadow:0 6px rgba(200,130,0,.4);animation:bob 1.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-7px)}}.seq-animal{font-size:38px;line-height:1}.board{width:min(100%,560px);background:linear-gradient(180deg,#48547a,#333e60);border-radius:26px;padding:18px;border:5px solid #fff;box-shadow:inset 0 4px 14px rgba(0,0,0,.35),var(--shadow)}.board-top{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border-radius:999px;padding:6px 20px;width:-moz-max-content;width:max-content;margin:0 auto 16px;font-size:22px;font-weight:900;color:#333e60}.sticks{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-end;min-height:110px}.bundle{position:relative;height:86px;display:flex;justify-content:center;gap:1.5px;padding:0 4px;border-radius:6px}.bundle i{width:3px;height:100%;border-radius:3px;background:linear-gradient(180deg,#ffe066,#f0b429);display:block}.bundle:after{content:"";position:absolute;left:-3px;right:-3px;top:32px;height:20px;border-radius:10px;background:linear-gradient(180deg,#ff8fa8,#e24a73);box-shadow:0 3px rgba(0,0,0,.18)}.stick{width:6px;height:86px;border-radius:4px;background:linear-gradient(180deg,#ffe066,#f0b429)}.stick-group{display:flex;gap:3px;align-items:flex-end}.count-panel{background:#fff;border-radius:24px;padding:20px;border:4px solid #EAF6FF;box-shadow:var(--shadow);width:min(100%,540px)}.count-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;place-items:center}.count-grid span{font-size:38px;line-height:1;animation:pop2 .4s backwards}@keyframes pop2{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.compare-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;width:100%}.compare-box{background:#fff;border-radius:22px;border:4px solid #EAF6FF;padding:14px;box-shadow:var(--shadow);min-width:150px}.compare-box .cbox-head{font-size:13px;font-weight:900;color:var(--ink-soft);text-align:center;margin-bottom:8px}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;place-items:center}.compare-grid span{font-size:25px;line-height:1}.cmp-sign{font-size:48px;font-weight:900;color:#b9cbe2}.sign{width:104px;height:96px;border-radius:26px;display:grid;place-items:center;font-size:46px;font-weight:900;color:#fff;border:4px solid #fff;background:linear-gradient(180deg,var(--l1),var(--l2));box-shadow:0 8px 0 var(--dk),0 14px 22px rgba(40,90,140,.22)}.sign.c-blue{--l1:#8FD6FF;--l2:#3FA9F5;--dk:#1E7BD4}.sign.c-pink{--l1:#FFA3BE;--l2:#FF6F9C;--dk:#D9487A}.sign.c-green{--l1:#A8EC80;--l2:#5CC63A;--dk:#3E9427}.sign.right{box-shadow:0 8px #3e9427,0 0 0 6px rgba(126,217,87,.55)}.sign.wrong{box-shadow:0 8px #999,0 0 0 6px rgba(255,120,120,.45)}.pattern-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff;border-radius:24px;padding:20px;border:4px solid #EAF6FF;box-shadow:var(--shadow)}.pattern-cell{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;font-size:38px;background:#f4faff;box-shadow:inset 0 -4px rgba(60,120,190,.08)}.pattern-cell.q{background:linear-gradient(180deg,#ffcf63,#ff9f1c);color:#7a5200;font-weight:900;font-size:34px;box-shadow:0 6px rgba(200,130,0,.35);animation:bob 1.2s ease-in-out infinite}.result-view{display:flex;justify-content:center;padding-top:24px}.result-card{background:#fff;border-radius:var(--radius);border:5px solid #fff;padding:34px 30px;box-shadow:var(--shadow-lg);text-align:center;max-width:520px;width:100%;animation:pop .5s cubic-bezier(.34,1.5,.64,1)}.result-badge{width:110px;height:110px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:60px;background:linear-gradient(180deg,#ffe066,#ffb300);box-shadow:0 10px #c88c00,0 20px 30px rgba(200,140,0,.3)}.result-card h2,.result-card .rc-title{margin:0 0 12px;font-size:30px;letter-spacing:.06em}.result-stars{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;font-size:26px}.result-stars .on{animation:pop2 .5s backwards}.result-stars .off{opacity:.25;filter:grayscale(1)}.result-card p,.result-card .rc-text{margin:0 0 22px;font-size:15px;font-weight:800;color:var(--ink-soft);line-height:1.7}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.primary-btn,.ghost-btn{font-family:inherit;font-weight:900;cursor:pointer;border:none;font-size:17px;letter-spacing:.04em;border-radius:999px;padding:14px 34px;transition:transform .12s}.primary-btn{color:#fff;background:linear-gradient(180deg,#7ed957,#4cb62b);box-shadow:0 7px #378a1e,0 14px 22px rgba(60,150,40,.3)}.primary-btn:active{transform:translateY(5px);box-shadow:0 2px #378a1e}.ghost-btn{color:#2c6fa8;background:#fff;border:3px solid #DCEBFB;box-shadow:0 6px #dcebfb}.ghost-btn:active{transform:translateY(4px);box-shadow:0 2px #dcebfb}.game-footer{display:flex;gap:12px;justify-content:center;margin-top:16px}.game-footer .ghost-btn{padding:10px 26px;font-size:15px}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confetti-bit{position:absolute;width:12px;height:12px;border-radius:3px;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.9}}.toast{position:fixed;left:50%;bottom:8%;transform:translate(-50%) translateY(20px);background:rgba(47,66,101,.94);color:#fff;font-weight:900;font-size:15px;padding:12px 26px;border-radius:999px;z-index:60;opacity:0;transition:all .3s cubic-bezier(.34,1.5,.64,1);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.stage-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 14px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.stage-tabs::-webkit-scrollbar{display:none}.stage-tab{flex:0 0 auto;scroll-snap-align:center;font-family:inherit;cursor:pointer;border:3px solid #fff;border-radius:999px;padding:9px 20px;display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(255,255,255,.8);color:#4e6c93;box-shadow:0 5px #dce9f7,0 10px 18px rgba(35,90,150,.14);transition:transform .14s ease,box-shadow .14s ease}.stage-tab b,.stage-tab .st-name{font-size:16px;letter-spacing:.04em;white-space:nowrap}.stage-tab small,.stage-tab .st-sub{font-size:10px;font-weight:800;opacity:.9;white-space:nowrap;letter-spacing:.02em}.stage-tab:hover{transform:translateY(-2px)}.stage-tab:active{transform:translateY(3px);box-shadow:0 2px #dce9f7}.stage-tab.on{color:#fff;background:linear-gradient(180deg,var(--tc1),var(--tc2));box-shadow:0 5px 0 var(--tdk),0 12px 20px rgba(30,90,150,.28);text-shadow:0 2px 0 rgba(0,0,0,.14)}.empty-stage{grid-column:1/-1;text-align:center;padding:34px 20px;background:rgba(255,255,255,.82);border:4px dashed #CFE3F7;border-radius:24px}.empty-stage .es-emoji{font-size:54px;line-height:1;display:block;animation:sway 3s ease-in-out infinite}.empty-stage h3,.empty-stage .es-title{margin:12px 0 6px;font-size:20px;letter-spacing:.04em}.empty-stage p,.empty-stage .es-desc{margin:0;font-size:13px;font-weight:800;color:var(--ink-soft)}.shape{display:block;flex:0 0 auto;width:var(--sz);height:var(--sz);background:linear-gradient(180deg,var(--sl1, #8FD6FF),var(--sl2, #3FA9F5))}.shape.col-sky{--sl1:#8FD6FF;--sl2:#3FA9F5}.shape.col-grape{--sl1:#CBA8FF;--sl2:#9B6BF5}.shape.col-mint{--sl1:#A8EC80;--sl2:#5CC63A}.shape.col-sun{--sl1:#FFE066;--sl2:#FFC226}.shape.col-peach{--sl1:#FFC98C;--sl2:#FF9A2E}.shape.col-rose{--sl1:#FFA3BE;--sl2:#FF6F9C}.sh-circle{border-radius:50%}.sh-oval{width:calc(var(--sz) * 1.5);height:calc(var(--sz) * .95);border-radius:50%}.sh-semicircle{width:calc(var(--sz) * 1.8);height:calc(var(--sz) * .9);border-radius:50% 50% 0 0/100% 100% 0 0}.sh-rect{width:calc(var(--sz) * 1.4);height:calc(var(--sz) * .9);border-radius:12px}.sh-square{border-radius:12px}.sh-triangle{width:calc(var(--sz) * 1.3);height:var(--sz);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.sh-trapezoid{width:calc(var(--sz) * 1.5);height:calc(var(--sz) * 1.05);-webkit-clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.sh-parallelogram{width:calc(var(--sz) * 1.5);height:calc(var(--sz) * 1.05);-webkit-clip-path:polygon(26% 0,100% 0,74% 100%,0 100%);clip-path:polygon(26% 0,100% 0,74% 100%,0 100%)}.sh-circle,.sh-oval,.sh-semicircle,.sh-rect,.sh-square{border:4px solid #fff;box-shadow:0 7px rgba(30,90,150,.2),inset 0 -7px rgba(0,0,0,.05)}.sh-triangle,.sh-trapezoid,.sh-parallelogram{filter:drop-shadow(0 7px 0 rgba(30,90,150,.22))}.shape-show{position:relative;z-index:1;background:#fff;border-radius:24px;border:4px solid #EAF6FF;box-shadow:var(--shadow);padding:22px 30px;display:grid;place-items:center;min-width:210px;min-height:190px}.shape-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;position:relative;z-index:1}.shape-opt{padding:16px 18px;border-radius:24px;background:#fff;border:4px solid #EAF6FF;box-shadow:0 8px #dce9f7,var(--shadow);display:grid;place-items:center;min-width:118px;min-height:118px}.shape-opt .shape{border-width:3px;box-shadow:none;filter:drop-shadow(0 4px 0 rgba(30,90,150,.2))}.shape-opt.right{background:#f0fbea;border-color:#b7e79c;box-shadow:0 8px #3e9427,0 0 0 6px rgba(126,217,87,.5)}.shape-opt.wrong{background:#fff4f4;border-color:#ffcfcf;box-shadow:0 8px #999,0 0 0 6px rgba(255,120,120,.45)}.chip.text-chip{width:auto;min-width:112px;padding:0 16px;font-size:24px;letter-spacing:.02em;white-space:nowrap;border-radius:24px}.pz-board{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border-radius:26px;padding:16px 18px;border:4px solid #EAF6FF;box-shadow:var(--shadow);position:relative;z-index:1}.pz-board.grid2{display:grid;grid-template-columns:repeat(2,auto);gap:6px}.pz-piece{width:96px;height:96px;display:grid;place-items:center;font-size:104px;line-height:1;background:#eff7ff;border-radius:16px;-webkit-clip-path:var(--clip);clip-path:var(--clip);transform:rotate(var(--rot, 0deg))}.pz-opt{width:96px;height:96px;border-radius:26px;display:grid;place-items:center;font-size:50px;background:#fff;border:4px solid #fff;line-height:1;box-shadow:0 8px #dce9f7,var(--shadow)}.pz-opt.right{box-shadow:0 8px #3e9427,0 0 0 6px rgba(126,217,87,.55)}.pz-opt.wrong{box-shadow:0 8px #999,0 0 0 6px rgba(255,120,120,.45)}.shadow-animal{position:relative;z-index:1;font-size:150px;line-height:1;filter:brightness(0);opacity:.72}.lesson-view{display:flex;flex-direction:column;gap:14px}.lesson-stage{flex:1 1 auto;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fff;border-radius:26px;border:4px solid #EAF6FF;box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden;animation:stageIn .35s ease}.lesson-media{display:flex;align-items:center;justify-content:center;gap:16px;min-height:180px}.lesson-media .sh-square,.lesson-media .sh-rect{box-shadow:none}.lesson-img{max-width:min(92%,640px);max-height:min(320px,46vh);border-radius:18px;-o-object-fit:contain;object-fit:contain}.lesson-emoji{font-size:150px;line-height:1.15}.lesson-num-wrap{flex-direction:row;gap:22px}.lesson-num{font-size:170px;line-height:1;font-weight:900;color:#2c6fa8;text-shadow:0 6px 0 #D6E9FB}.lesson-mini{font-size:88px;line-height:1}.lesson-text{font-size:22px;font-weight:800;color:#3a5a7a;text-align:center;line-height:1.5;max-width:88%}.lesson-controls{display:flex;justify-content:center;gap:16px}.lesson-controls .ghost-btn.is-off{opacity:.4;pointer-events:none}.fish-box{position:relative;width:330px;height:225px;flex:0 0 auto;z-index:1}.fish-part{position:absolute;background:#2e2e38;box-shadow:inset 0 -4px rgba(255,255,255,.08);transition:background .2s}.fish-part.on{filter:drop-shadow(0 0 6px rgba(255,255,255,.98));animation:fishPulse 1s ease-in-out infinite}.fish-part.done{filter:drop-shadow(0 3px 2px rgba(30,60,90,.25));animation:fishPop .4s ease}@keyframes fishPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes fishPop{0%{transform:scale(.6)}55%{transform:scale(1.15)}to{transform:scale(1)}}.fish-opt-wrap,.life-opt-wrap{width:96px;height:104px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.fish-opt-wrap{width:96px;height:73px;background:transparent;border-color:transparent;box-shadow:none}.life-opt-wrap{background:#fff;border:4px solid #EAF6FF;box-shadow:0 8px #dce9f7,var(--shadow)}.fish-opt-wrap i,.life-opt-wrap i{font-style:normal;font-size:14px;font-weight:900;color:#4a6b8a;line-height:1.2}.life-opt-wrap.right{border-color:#b7e79c;box-shadow:0 8px #3e9427,0 0 0 6px rgba(126,217,87,.5)}.life-opt-wrap.wrong{border-color:#ffcfcf;box-shadow:0 8px #999,0 0 0 6px rgba(255,120,120,.45)}.fish-opt-wrap.right,.fish-opt-wrap.wrong{border-color:transparent;box-shadow:none}.fish-ghost{position:fixed;z-index:9999;transform:translate(-50%,-50%) scale(1.15);pointer-events:none;opacity:.9;filter:drop-shadow(0 8px 10px rgba(30,60,90,.35))}.fish-ghost .fish-opt{width:96px;height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.life-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fff;border-radius:26px;border:4px solid #EAF6FF;box-shadow:var(--shadow);padding:20px 34px;min-width:240px;min-height:210px}.life-emoji{font-size:132px;line-height:1.1}.life-img{max-width:300px;max-height:180px;border-radius:16px;-o-object-fit:contain;object-fit:contain}.life-name{font-size:20px;font-weight:900;color:#3a5a7a}.life-opt-wrap{width:104px;height:100px}.num-stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.num-balloon{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;font-size:104px;font-weight:900;color:#fff;text-shadow:0 5px 0 rgba(0,0,0,.15);background:linear-gradient(180deg,#ffc98c,#ff9a2e);border:6px solid #fff;box-shadow:0 12px #d97a0f,0 20px 26px rgba(40,90,140,.22),inset 0 -8px rgba(255,255,255,.25);animation:fishPulse 2.4s ease-in-out infinite}.num-opt{font-size:40px;line-height:1}.size-row{display:flex;align-items:flex-end;justify-content:center;gap:20px;flex-wrap:wrap;position:relative;z-index:1}.size-opt{line-height:1}.size-opt.right{filter:drop-shadow(0 0 12px rgba(126,217,87,.95))}.thick-row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;position:relative;z-index:1}.thick-opt{padding:14px 16px;border-radius:22px;background:#fff;border:4px solid #EAF6FF;box-shadow:0 8px #dce9f7,var(--shadow);display:grid;place-items:center;min-width:132px}.thick-bar{width:96px;border-radius:999px;background:linear-gradient(180deg,var(--sl1, #8FD6FF),var(--sl2, #3FA9F5))}.thick-opt.right{background:#f0fbea;border-color:#b7e79c;box-shadow:0 8px #3e9427,0 0 0 6px rgba(126,217,87,.5)}.thick-opt.wrong{background:#fff4f4;border-color:#ffcfcf;box-shadow:0 8px #999,0 0 0 6px rgba(255,120,120,.45)}.shape-count{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:#fff;border-radius:26px;border:4px solid #EAF6FF;box-shadow:var(--shadow);padding:22px 26px;min-height:180px}.shape-cell{display:grid;place-items:center;width:76px;height:76px;background:#f4faff;border-radius:18px}.eq-board{position:relative;z-index:1;width:min(100%,560px);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#fff;border-radius:26px;border:4px solid #EAF6FF;box-shadow:var(--shadow);padding:22px 26px;min-height:150px}.eq-board.col{flex-direction:column;gap:16px}.eq-line{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.eq-op{font-size:36px;font-weight:900;color:#8aa6c8;line-height:1}.chip.qchip{background:linear-gradient(180deg,#ffcf63,#ff9f1c);box-shadow:0 8px #c88c00;color:#7a5200}.mul-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:30px;line-height:1.5}.gone{opacity:.22;filter:grayscale(1)}.clock-face{font-size:140px;line-height:1}.unit-emoji{font-size:76px;line-height:1}.unit-text{font-size:24px;font-weight:900;color:#333e60;letter-spacing:.02em;text-align:center}@media screen and (max-width: 720px) and (orientation: landscape),screen and (orientation: landscape) and (max-height: 560px),screen and (orientation: portrait) and (max-height: 720px),screen and (orientation: portrait) and (max-width: 560px){.app{padding:12px 12px 40px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.gc-emoji{width:46px;height:46px;font-size:24px;border-radius:15px}.game-card h3,.game-card .gc-title{font-size:16px}.game-card p,.game-card .gc-desc{font-size:12px}.panel{padding:16px}.stage{min-height:240px;padding:12px}.chip{width:82px;height:78px;font-size:30px;border-radius:22px}.sign{width:82px;height:78px;font-size:36px;border-radius:22px}.cart{width:72px;height:70px;border-radius:17px}.cart-num{width:44px;height:44px;font-size:26px}.cart:after{width:13px;height:13px;left:9px;bottom:-10px;box-shadow:36px 0 #3e5170}.engine .eng-body{font-size:42px}.prompt-pill span,.prompt-pill .pp-text{font-size:15px}.seq-bubble{width:50px;height:50px;font-size:22px}.seq-animal{font-size:30px}.count-grid{grid-template-columns:repeat(5,1fr)}.count-grid span{font-size:30px}.pattern-cell{width:58px;height:58px;font-size:30px}.compare-box{min-width:120px}.stage-tab{padding:8px 15px}.stage-tab b,.stage-tab .st-name{font-size:14px}.shape-opt{padding:11px 12px;min-width:92px;min-height:92px;border-radius:20px}.shape-row{gap:10px}.chip.text-chip{min-width:88px;padding:0 12px;font-size:18px}.shape-show{padding:16px 20px;min-width:160px;min-height:150px}.pz-piece{width:70px;height:70px;font-size:76px;border-radius:12px}.pz-opt{width:76px;height:76px;font-size:40px;border-radius:22px}.shadow-animal{font-size:110px}.size-row{gap:12px}.thick-opt{padding:10px 12px;min-width:100px}.thick-bar{width:70px}.empty-stage{padding:26px 16px}.empty-stage .es-emoji{font-size:44px}.shape-count{gap:12px;padding:16px;min-height:140px}.shape-cell{width:58px;height:58px;border-radius:14px}.lesson-stage{min-height:240px;padding:16px 18px;gap:12px}.lesson-emoji{font-size:110px}.lesson-num{font-size:130px}.lesson-mini{font-size:64px}.lesson-text{font-size:18px}.fish-opt-wrap{width:82px;height:63px;border-radius:18px}.life-opt-wrap{width:82px;height:90px;border-radius:18px}.life-opt-wrap i{font-size:12px}.life-card{min-width:200px;min-height:170px;padding:14px 24px}.life-emoji{font-size:100px}.life-name{font-size:17px}.life-img{max-width:240px;max-height:140px}.num-balloon{width:150px;height:150px;font-size:82px;border-width:5px}.num-opt{font-size:32px}.eq-board{padding:16px;gap:10px;min-height:120px}.eq-op{font-size:28px}.mul-row{font-size:22px;gap:5px}.clock-face{font-size:104px}.unit-emoji{font-size:58px}.unit-text{font-size:18px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media screen and (orientation: portrait){html{transform:translate(100vw) rotate(90deg);transform-origin:left top;width:100vh;width:100svh;height:100vw;overflow:hidden}body,uni-page-body{width:100vh;width:100svh;height:100vw;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:none}body{background:none}.world{background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 34%,var(--sky-low) 56%,#E6FAD2 72%,var(--grass) 100%)}}.row-arrow{display:none}@media screen and (orientation: landscape) and (max-height: 560px),screen and (orientation: portrait) and (max-width: 560px){body{overflow:hidden}.app{height:100%;max-width:none;overflow:hidden;padding:6px 12px 8px;display:flex;flex-direction:column;gap:6px}.topbar{margin-bottom:0;gap:8px}.logo{padding:2px 12px 2px 2px;border-width:2px;gap:6px}.logo-face{width:28px;height:28px;font-size:15px}.logo-text b,.logo-text .logo-name{font-size:14px}.logo-text small,.logo-text .logo-sub{display:none}.counter{font-size:12px;padding:3px 10px;border-width:2px;gap:3px}#homeView{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.hero{display:none}.stage-tabs{flex:0 0 auto;gap:6px;padding:1px 1px 4px}.stage-tab{padding:4px 14px;border-width:2px;gap:0}.stage-tab b,.stage-tab .st-name{font-size:13px}.stage-tab small,.stage-tab .st-sub{font-size:9px;line-height:1.1}.panel-progress{order:2;flex:0 0 auto;margin:0;padding:6px 14px;border-radius:16px;border-width:2px;display:flex;align-items:center;gap:12px}.panel-progress .panel-head{display:flex;align-items:center;gap:8px;margin:0;flex:0 0 auto}.panel-progress .panel-head h2,.panel-head .ph-title{font-size:13px;white-space:nowrap}.panel-progress .panel-head span,.panel-head .ph-note{font-size:11px;white-space:nowrap}.panel-progress .progress-track{flex:1 1 auto;height:10px;min-width:60px;margin:0}.panel-progress .progress-dots{display:none}.panel-levels{order:1;flex:1 1 auto;min-height:0;margin:0;padding:8px 12px 6px;border-radius:18px;border-width:2px;display:flex;flex-direction:column}.panel-levels .panel-head{margin-bottom:6px}.panel-levels .panel-head h2,.panel-head .ph-title{font-size:15px}.panel-levels .panel-head span,.panel-head .ph-note{font-size:11px}.levels-row{flex:1 1 auto;min-height:0;display:flex;align-items:stretch;gap:8px}.levels-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:14px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:none}.levels-scroll::-webkit-scrollbar{display:none}.game-grid{display:inline-flex;flex-wrap:nowrap;gap:10px;padding:4px 4px 2px;vertical-align:top}.game-card{flex:0 0 auto;width:200px;scroll-snap-align:center;display:flex;flex-direction:column;padding:10px 12px 8px;border-width:3px;border-radius:20px;transform:perspective(760px) rotateX(5deg);box-shadow:inset 0 3px #fff,inset 0 -5px rgba(120,160,205,.14),0 8px 0 var(--tint-deep, #C9DDF3),0 14px 18px rgba(35,90,150,.22)}.game-card:active{transform:perspective(760px) rotateX(1deg) translateY(7px) scale(.985);box-shadow:inset 0 2px #fff,inset 0 -3px rgba(120,160,205,.14),0 1px 0 var(--tint-deep, #C9DDF3),0 5px 9px rgba(35,90,150,.2)}.game-card .gc-top{margin-bottom:6px}.game-card h3,.game-card .gc-title{font-size:15px;line-height:1.25;margin-bottom:3px}.game-card p,.game-card .gc-desc{font-size:12px;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card .gc-foot{margin-top:auto;padding-top:6px;font-size:11px}.gc-emoji{width:40px;height:40px;font-size:21px;border-radius:13px}.empty-stage{flex:1 1 auto;width:100%;padding:14px 16px}.row-arrow{display:grid;place-items:center;flex:0 0 auto;align-self:center;width:36px;height:36px;padding:0;font-family:inherit;border:2px solid #fff;border-radius:50%;cursor:pointer;font-size:22px;font-weight:900;line-height:1;color:#2c6fa8;background:rgba(255,255,255,.92);box-shadow:0 4px #dce9f7,0 8px 14px rgba(35,90,150,.16);transition:transform .12s,box-shadow .12s}.row-arrow:active{transform:translateY(3px);box-shadow:0 1px #dce9f7}.row-arrow[disabled]{opacity:.32;cursor:default}.row-arrow[disabled]:active{transform:none;box-shadow:0 4px #dce9f7}.row-arrow.is-off{opacity:.32;cursor:default;pointer-events:none}.row-arrow.is-off:active{transform:none;box-shadow:0 4px #dce9f7}.foot{display:none}.game-view{flex:1 1 auto;min-height:0;overflow:hidden;padding:6px 10px;display:flex;flex-direction:column}.game-topbar{margin-bottom:6px;gap:8px}.round-btn{width:34px;height:34px;font-size:17px}.prompt-pill{min-height:0;padding:3px 14px 3px 3px;gap:8px;border-width:2px}.prompt-pill span,.prompt-pill .pp-text{font-size:14px}.speak-btn{width:26px;height:26px;font-size:14px}.level-badge{font-size:13px;padding:4px 12px;border-width:2px;gap:3px}.level-badge b,.level-badge .badge-num{font-size:15px}.round-dots{margin-bottom:6px;gap:4px}.r-dot{width:18px;height:6px}.r-dot.now{width:26px}.stage-wrap{flex:1 1 auto;min-height:0;gap:8px}.stage{flex:1.2 1 auto;min-height:0;padding:6px;border-radius:16px;border-width:3px}.answer-bar{flex:0 0 auto;gap:10px;min-height:0}.game-footer{margin-top:6px;gap:8px}.game-footer .ghost-btn{padding:6px 18px;font-size:13px;border-width:2px}.chip{width:78px;height:64px;font-size:30px;border-radius:20px;border-width:3px}.sign{width:78px;height:64px;font-size:36px;border-radius:20px;border-width:3px}.chip.text-chip{width:auto;height:auto;min-width:78px;min-height:46px;padding:0 12px;font-size:16px}.cart{width:66px;height:62px;border-radius:16px}.cart-num{width:38px;height:38px;font-size:22px}.cart:after{width:11px;height:11px;left:8px;bottom:-9px;box-shadow:32px 0 #3e5170}.train-row{padding-bottom:26px;gap:8px}.engine .eng-top{font-size:18px}.engine .eng-body{font-size:34px}.shape-opt{padding:8px 10px;min-width:76px;min-height:76px;border-radius:16px;border-width:3px}.shape-show{padding:10px 14px;min-width:120px;min-height:104px;border-radius:18px;border-width:3px}.shape-row{gap:10px}.shape-count{gap:10px;padding:10px;min-height:0;border-radius:18px}.shape-cell{width:46px;height:46px;border-radius:12px}.eq-board{padding:8px 12px;gap:8px;min-height:0;border-radius:18px;border-width:3px}.eq-board.col{gap:8px}.eq-line{gap:6px}.eq-op{font-size:24px}.mul-row{font-size:18px;gap:4px}.pz-board{padding:8px 10px;gap:5px;border-radius:18px;border-width:3px}.pz-piece{width:54px;height:54px;font-size:58px;border-radius:10px}.pz-opt{width:58px;height:58px;font-size:30px;border-radius:16px}.shadow-animal{font-size:76px}.seq-row{gap:8px}.seq-bubble{width:40px;height:40px;font-size:19px;border-width:3px}.seq-animal{font-size:24px}.count-panel{padding:10px;border-radius:18px;border-width:3px}.count-grid{gap:4px}.count-grid span{font-size:24px}.compare-row{gap:8px}.compare-box{min-width:96px;padding:6px;border-radius:16px;border-width:3px}.compare-box .cbox-head{font-size:11px;margin-bottom:4px}.compare-grid span{font-size:18px}.cmp-sign{font-size:34px}.pattern-row{padding:8px;gap:8px;border-radius:18px;border-width:3px}.pattern-cell{width:44px;height:44px;font-size:24px;border-radius:14px}.pattern-cell.q{font-size:22px}.board{padding:10px;border-radius:18px;border-width:3px}.board-top{font-size:16px;padding:4px 14px;margin-bottom:6px}.sticks{min-height:58px;gap:10px}.bundle{height:58px}.stick{width:5px;height:58px}.clock-face{font-size:76px}.unit-emoji{font-size:44px}.unit-text{font-size:15px}.result-view{flex:1 1 auto;min-height:0;padding:0;display:flex;align-items:center;justify-content:center}.result-card{padding:12px 20px;border-radius:20px;max-width:520px;border-width:3px}.result-badge{width:54px;height:54px;font-size:28px;margin-bottom:6px;box-shadow:0 5px #c88c00}.result-card h2,.result-card .rc-title{font-size:20px;margin-bottom:6px}.result-stars{margin-bottom:6px;font-size:18px;gap:4px}.result-card p,.result-card .rc-text{margin-bottom:10px;font-size:12px;line-height:1.5}.result-actions{gap:10px}.result-actions .primary-btn,.result-actions .ghost-btn{padding:8px 22px;font-size:14px;border-width:2px}.lesson-view{flex:1 1 auto;min-height:0;overflow:hidden;gap:8px}.lesson-stage{min-height:0;padding:10px 18px;gap:8px;border-radius:18px;border-width:3px}.lesson-media{min-height:0;gap:12px}.lesson-img{max-height:min(190px,40vh)}.lesson-emoji{font-size:84px}.lesson-num{font-size:110px}.lesson-mini{font-size:52px}.lesson-text{font-size:15px;max-width:92%}.lesson-controls{gap:10px}.lesson-controls .ghost-btn,.lesson-controls .primary-btn{padding:7px 18px;font-size:14px;border-width:2px}.fish-box{transform:scale(.9)}.fish-opt-wrap{width:74px;height:59px;border-radius:18px;border-width:3px}.life-opt-wrap{width:74px;height:84px;border-radius:18px;border-width:3px}.life-opt-wrap .shape{transform:scale(.68)}.life-opt-wrap i{font-size:11px}.life-card{min-width:170px;min-height:120px;padding:8px 22px;border-radius:18px;border-width:3px;gap:2px}.life-emoji{font-size:74px}.life-name{font-size:14px}.life-img{max-width:170px;max-height:96px}.num-balloon{width:118px;height:118px;font-size:62px;border-width:4px}.num-opt{font-size:28px}}#app,uni-app,uni-page,uni-page-wrapper,uni-page-body{height:100%;display:block;transform:none!important;filter:none!important;perspective:none!important}uni-page,uni-page-wrapper,uni-page-body{background:transparent!important}uni-page-body{overflow:visible!important}