@font-face{font-family:Fredoka;src:url('/static/fonts/fredoka-latin.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}:root{--sky:#3BA9F5;--sky-dk:#2B8FD6;--grass:#58CC7A;--grass-dk:#46A862;--sun:#FFC940;--sun-dk:#E0A81F;--coral:#FF7A6B;--coral-dk:#E05F50;--grape:#A78BFA;--grape-dk:#8B6BE8;--ink:#3A3550;--ink-soft:#7B7490;--ink-faint:#B4AEC4;--line:#EDEAF4;--surface:#FFFFFF;--surface-2:#F7F5FB;--cream:#FFFCF5;--ok:var(--grass);--warn:var(--sun);--bad:var(--coral);--lift-1:0 3px 0 rgba(58,53,80,.13);--lift-2:0 5px 0 rgba(58,53,80,.15),0 10px 22px rgba(58,53,80,.09);--lift-3:0 8px 0 rgba(58,53,80,.13),0 18px 34px rgba(58,53,80,.12);--r-sm:14px;--r:20px;--r-lg:28px;--r-pill:999px;--font-display:'Fredoka','PingFang SC','Hiragino Sans GB','Microsoft YaHei',system-ui,sans-serif;--font-body:'PingFang SC','Hiragino Sans GB','Noto Sans SC','Microsoft YaHei',system-ui,sans-serif;--gap-xs:6px;--gap-sm:10px;--gap:16px;--gap-lg:24px;--gap-xl:34px;--tap:56px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#262336;--surface-2:#2F2B42;--cream:#1E1B2B;--line:#3A3550;--ink:#F2EFFA;--ink-soft:#B4AEC4;--ink-faint:#7B7490;--lift-1:0 3px 0 rgba(0,0,0,.4);--lift-2:0 5px 0 rgba(0,0,0,.4),0 10px 22px rgba(0,0,0,.3);--lift-3:0 8px 0 rgba(0,0,0,.4),0 18px 34px rgba(0,0,0,.35)}}:root[data-theme=dark]{--surface:#262336;--surface-2:#2F2B42;--cream:#1E1B2B;--line:#3A3550;--ink:#F2EFFA;--ink-soft:#B4AEC4;--ink-faint:#7B7490;--lift-1:0 3px 0 rgba(0,0,0,.4);--lift-2:0 5px 0 rgba(0,0,0,.4),0 10px 22px rgba(0,0,0,.3);--lift-3:0 8px 0 rgba(0,0,0,.4),0 18px 34px rgba(0,0,0,.35)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;transition-duration:NaNs!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);min-height:100%;overflow-x:hidden;user-select:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;color:inherit}.hidden,[hidden]{display:none!important}:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.topbar{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:.2px}.brand .logo-mark{width:34px;height:34px;flex:0 0 auto}.topbar .spacer{flex:1}.stat-pill{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border-radius:var(--r-pill);padding:6px 12px;font-family:var(--font-display);font-size:17px;font-weight:600;white-space:nowrap}.stat-pill .ic{font-size:17px}.stat-pill.sun{background:color-mix(in srgb,var(--sun) 22%,transparent);color:var(--sun-dk)}.stat-pill.streak{background:color-mix(in srgb,var(--coral) 18%,transparent);color:var(--coral-dk)}.kid-chip{display:flex;align-items:center;gap:7px;background:var(--surface-2);border-radius:var(--r-pill);padding:5px 13px 5px 6px;font-weight:600;font-size:16px;max-width:140px;overflow:hidden;white-space:nowrap}.kid-chip .ava{font-size:23px}.icon-btn{background:var(--surface-2);border-radius:var(--r-pill);width:44px;height:44px;font-size:20px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;transition:transform .1s,background .15s}.icon-btn:hover{background:var(--line)}.icon-btn:active{transform:scale(.92)}.wrap{max-width:680px;margin:0 auto;padding:var(--gap);padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.wrap.wide{max-width:1180px}.wrap.play{max-width:860px}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;text-wrap:balance}.page-title{font-size:27px;text-align:center;margin:14px 0 6px}.page-sub{color:var(--ink-soft);text-align:center;font-size:15px;margin-bottom:var(--gap-lg)}.row{display:flex;gap:var(--gap-sm);align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 24px;min-height:var(--tap);border-radius:var(--r-pill);font-family:var(--font-display);font-size:18px;font-weight:600;color:#fff;background:var(--sky);box-shadow:0 4px 0 var(--sky-dk);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sky-dk)}.btn.block{display:flex;width:100%}.btn.green{background:var(--grass);box-shadow:0 4px 0 var(--grass-dk)}.btn.green:active{box-shadow:0 1px 0 var(--grass-dk)}.btn.sun{background:var(--sun);color:#6b4a00;box-shadow:0 4px 0 var(--sun-dk)}.btn.sun:active{box-shadow:0 1px 0 var(--sun-dk)}.btn.coral{background:var(--coral);box-shadow:0 4px 0 var(--coral-dk)}.btn.coral:active{box-shadow:0 1px 0 var(--coral-dk)}.btn.grape{background:var(--grape);box-shadow:0 4px 0 var(--grape-dk)}.btn.grape:active{box-shadow:0 1px 0 var(--grape-dk)}.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line);border:2px solid var(--line)}.btn.ghost:active{box-shadow:0 1px 0 var(--line)}.btn.sm{min-height:44px;padding:0 16px;font-size:15px}.mascot{display:block}.mascot-row{display:flex;align-items:center;gap:var(--gap);background:var(--surface);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--lift-2);margin-bottom:var(--gap-lg)}.mascot-row .mascot{width:74px;height:74px;flex:0 0 auto}.bubble{position:relative;flex:1;background:var(--surface-2);border-radius:var(--r);padding:12px 16px;font-size:17px;line-height:1.45;font-weight:500}.bubble::before{content:'';position:absolute;left:-8px;top:24px;border:8px solid transparent;border-right-color:var(--surface-2);border-left:0}.bubble b{color:var(--sky-dk);font-family:var(--font-display)}.path{position:relative;padding:4px 0 8px}.path::before{content:'';position:absolute;left:43px;top:10px;bottom:10px;width:5px;margin-left:-2.5px;background:var(--line);border-radius:3px;z-index:0}.node{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:7px 0}.node-btn{width:72px;height:72px;flex:0 0 auto;border-radius:var(--r-pill);background:var(--surface);border:4px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:var(--lift-1);font-size:30px;position:relative;transition:transform .12s,border-color .2s}.node-btn:active{transform:scale(.93)}.node.done .node-btn{background:color-mix(in srgb,var(--grass) 15%,var(--surface));border-color:var(--grass)}.node.done .node-btn::after{content:'✓';position:absolute;right:-3px;bottom:-3px;width:25px;height:25px;border-radius:var(--r-pill);background:var(--grass);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid var(--surface)}.node.current .node-btn{border-color:var(--sky);box-shadow:0 0 0 5px color-mix(in srgb,var(--sky) 20%,transparent),var(--lift-1)}.node.current::after{content:'现在学这个';position:absolute;left:86px;top:2px;font-size:11px;font-weight:600;color:#fff;background:var(--sky);padding:2px 9px;border-radius:var(--r-pill);font-family:var(--font-display);box-shadow:var(--lift-1)}.node.current{padding-top:20px}.node-info{flex:1;min-width:0}.node-info .t{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.25}.node-info .d{color:var(--ink-soft);font-size:13px;margin-top:2px}.node-stars{display:inline-flex;gap:1px;font-size:12px;line-height:1;margin-top:4px}.node-stars span{filter:grayscale(1);opacity:.3}.node-stars span.on{filter:none;opacity:1}.seg{display:flex;align-items:center;gap:var(--gap-sm);margin:var(--gap-lg) 0 var(--gap)}.seg::after,.seg::before{content:'';flex:1;height:2px;background:var(--line);border-radius:2px}.seg span{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink-soft);white-space:nowrap;letter-spacing:.5px}.home-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-lg)}.home-aside,.home-main{min-width:0}@media(min-width:768px){.home-grid{grid-template-columns:minmax(290px,330px) 1fr;gap:22px;align-items:start}.home-aside{position:sticky;top:calc(74px + env(safe-area-inset-top,0px));max-height:calc(100vh - 92px);overflow-y:auto;scrollbar-width:thin}}@media(min-width:900px){.home-grid{grid-template-columns:minmax(330px,380px) 1fr;gap:28px}}@media(min-width:1100px){.home-grid{grid-template-columns:400px 1fr;gap:36px}}.today{background:linear-gradient(160deg,color-mix(in srgb,var(--sky) 10%,var(--surface)),var(--surface));border-radius:var(--r-lg);padding:18px;box-shadow:var(--lift-2);margin-bottom:var(--gap-lg);border:2px solid color-mix(in srgb,var(--sky) 18%,transparent)}.today-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);margin-bottom:12px}.today-head h3{font-size:20px}.progress-track{height:14px;background:var(--surface-2);border-radius:var(--r-pill);overflow:hidden}.progress-track>i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--grass),var(--sky));transition:width .5s cubic-bezier(.34,1.3,.64,1)}.task-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.task-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:var(--surface);border-radius:var(--r-sm);padding:11px 13px;font-size:16px;font-weight:600;min-height:var(--tap);border:2px solid var(--line);transition:transform .08s,border-color .15s}.task-item:active{transform:scale(.985)}.task-item.done{background:color-mix(in srgb,var(--grass) 10%,var(--surface));border-color:color-mix(in srgb,var(--grass) 35%,transparent);color:var(--grass-dk)}.task-item.done .ti-txt{text-decoration:line-through;opacity:.75}.task-item .ti-ic{font-size:21px;flex:0 0 auto;width:26px;text-align:center}.task-item .ti-txt{flex:1;min-width:0}.task-item .ti-pg{font-family:var(--font-display);font-size:14px;color:var(--ink-soft);flex:0 0 auto}.task-more{width:100%;margin-top:9px;background:0 0;color:var(--ink-soft);font-size:14px;font-weight:600;min-height:38px;border-radius:var(--r-sm)}.task-more:hover{background:var(--surface-2)}.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-sm);margin-bottom:var(--gap-lg)}.quick{background:var(--surface);border-radius:var(--r);padding:13px 6px;box-shadow:var(--lift-1);border:2px solid var(--line);font-weight:600;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:78px;position:relative;transition:transform .08s}.quick:active{transform:translateY(2px)}.quick .qi{font-size:25px}.quick .dot{position:absolute;top:6px;right:8px;background:var(--coral);color:#fff;border-radius:var(--r-pill);font-size:11px;font-style:normal;padding:2px 7px;font-family:var(--font-display);font-weight:600}.grade-bar{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.grade-bar::-webkit-scrollbar{display:none}.gbtn{background:var(--surface-2);border-radius:var(--r-pill);padding:0 15px;min-height:42px;font-size:14px;font-weight:600;color:var(--ink-soft);white-space:nowrap;flex:0 0 auto;border:2px solid transparent;transition:transform .08s}.gbtn.on{background:var(--grape);color:#fff;border-color:var(--grape-dk)}.gbtn:active{transform:scale(.95)}.game-head{display:flex;align-items:center;gap:11px;margin-bottom:var(--gap)}.progress{flex:1;height:16px;background:var(--surface-2);border-radius:var(--r-pill);overflow:hidden}.progress>i{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--grass),var(--sky));transition:width .35s}.q-count{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.q-card{background:var(--surface);border-radius:var(--r-lg);padding:24px 20px;box-shadow:var(--lift-2);text-align:center;border:2px solid var(--line)}.q-title{font-family:var(--font-display);font-size:25px;font-weight:600;margin-bottom:5px;line-height:1.3}.q-hint{color:var(--ink-soft);font-size:15px;margin-bottom:var(--gap-lg);line-height:1.5}.q-stage{margin:var(--gap) 0 var(--gap-lg);font-size:38px;line-height:1.35;min-height:76px;display:flex;flex-wrap:wrap;gap:var(--gap-sm);align-items:center;justify-content:center}.q-stage:empty{min-height:0;margin:0}.q-stage,.q-stage>*{max-width:100%;word-break:break-word;overflow-wrap:anywhere}.q-stage .ten-frame,.q-stage svg{max-width:100%;height:auto}.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.opts.one{grid-template-columns:1fr}.opts.two{grid-template-columns:repeat(2,1fr)}.opts.three{grid-template-columns:repeat(3,1fr)}.opt{background:var(--surface);border:3px solid var(--line);border-radius:var(--r);padding:18px 12px;min-height:84px;font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--ink);box-shadow:var(--lift-1);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;transition:transform .1s,border-color .15s,background .15s}.opt>span{display:inline-block;max-width:100%;word-break:break-word;overflow-wrap:anywhere}.opt small{display:block;width:100%;font-size:14px;color:var(--ink-soft);font-weight:500;font-family:var(--font-body)}.opt:hover{border-color:var(--ink-faint)}.opt:active{transform:scale(.96)}.opt.right{border-color:var(--grass);background:color-mix(in srgb,var(--grass) 14%,var(--surface));animation:.4s cubic-bezier(.34,1.56,.64,1) pop}.opt.wrong{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,var(--surface));animation:.4s shake}.opt.dim{opacity:.4}@keyframes pop{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.ten-frame{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:var(--ink);padding:5px;border-radius:var(--r-sm);width:max-content;margin:0 auto}.ten-frame div{width:50px;height:50px;background:var(--surface);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:28px}.group-box{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:240px;background:var(--surface-2);border-radius:var(--r);padding:13px;font-size:30px}.vs{font-size:24px;font-weight:700;color:var(--ink-soft);align-self:center;font-family:var(--font-display)}.seq-row{display:flex;gap:6px;flex-wrap:nowrap;justify-content:center;width:100%;align-items:stretch}.seq-box{flex:1 1 0;min-width:0;max-width:130px;background:var(--surface-2);border-radius:var(--r-sm);padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.seq-emo{font-size:15px;line-height:1.25;word-break:break-all;text-align:center}.seq-box b{font-size:21px;font-family:var(--font-display)}.seq-q{font-size:29px;color:var(--ink-faint)}.toast{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%) scale(.72);opacity:0;background:var(--surface);border-radius:var(--r-lg);padding:22px 34px;box-shadow:var(--lift-3);border:3px solid var(--line);font-family:var(--font-display);font-size:25px;font-weight:600;text-align:center;z-index:99;pointer-events:none;transition:.22s cubic-bezier(.34,1.4,.64,1);max-width:86vw}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast.good{border-color:var(--grass)}.toast.bad{border-color:var(--coral)}.toast .em{font-size:50px;display:block;margin-bottom:4px}.toast .cn{font-size:15px;color:var(--ink-soft);margin-top:5px;font-family:var(--font-body);font-weight:500}.confetti{position:fixed;top:-24px;font-size:24px;z-index:98;pointer-events:none;animation:linear forwards fall}@keyframes fall{to{transform:translateY(112vh) rotate(540deg);opacity:.15}}.result{text-align:center;background:var(--surface);border-radius:var(--r-lg);padding:30px 22px;box-shadow:var(--lift-2);border:2px solid var(--line)}.result .mascot{width:104px;height:104px;margin:0 auto 10px}.result h2{font-size:30px;margin-bottom:3px}.result .cn{color:var(--ink-soft);font-size:16px;margin-bottom:var(--gap)}.stars-earn{font-size:38px;letter-spacing:6px;margin:12px 0 6px;min-height:46px}.stars-earn span{display:inline-block;animation:.45s cubic-bezier(.34,1.56,.64,1) backwards star-in}@keyframes star-in{from{transform:scale(0) rotate(-60deg);opacity:0}to{transform:scale(1);opacity:1}}.score-line{font-family:var(--font-display);font-size:19px;font-weight:600}.badge-pop{background:color-mix(in srgb,var(--sun) 18%,var(--surface));border:2px solid color-mix(in srgb,var(--sun) 45%,transparent);border-radius:var(--r);padding:12px 16px;margin:12px auto;max-width:330px;font-weight:600;color:var(--sun-dk)}.panel{background:var(--surface);border-radius:var(--r);padding:18px;box-shadow:var(--lift-1);margin-bottom:var(--gap);border:1px solid var(--line)}.panel h3{font-size:19px;display:flex;align-items:center;gap:8px;margin-bottom:14px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;text-align:center}.stat{background:var(--surface-2);border-radius:var(--r-sm);padding:13px 8px}.stat b{display:block;font-family:var(--font-display);font-size:26px;font-weight:600}.stat span{color:var(--ink-soft);font-size:12px}table{width:100%;border-collapse:collapse;font-size:15px}td,th{padding:9px 6px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--ink-soft);font-weight:600;font-size:12px;letter-spacing:.3px;text-transform:uppercase}td{font-variant-numeric:tabular-nums}.bar{height:10px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;min-width:64px}.bar>i{display:block;height:100%;border-radius:var(--r-pill)}.trend{display:flex;align-items:flex-end;gap:5px;height:108px;padding-top:10px}.trend .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.trend .col i{width:100%;max-width:24px;background:linear-gradient(180deg,var(--sky),var(--grass));border-radius:5px 5px 0 0;display:block;min-height:3px}.trend .col span{font-size:10px;color:var(--ink-soft)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:color-mix(in srgb,var(--sun) 18%,transparent);color:var(--sun-dk);border-radius:var(--r-pill);padding:7px 13px;font-weight:600;font-size:14px}.chip.weak{background:color-mix(in srgb,var(--coral) 14%,transparent);color:var(--coral-dk)}.login-box{max-width:400px;margin:7vh auto 0;background:var(--surface);border-radius:var(--r-lg);padding:32px 26px;box-shadow:var(--lift-2);text-align:center;border:2px solid var(--line)}.login-box .mascot{width:96px;height:96px;margin:0 auto 10px}.login-box h2{font-size:27px;margin-bottom:4px}.login-box p{color:var(--ink-soft);margin:0 0 22px;font-size:15px}.field{text-align:left;margin-bottom:13px}.field label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:var(--ink-soft)}.field input{width:100%;padding:0 15px;min-height:var(--tap);font-size:17px;border-radius:var(--r-sm);border:2px solid var(--line);background:var(--surface-2);outline:0;font-family:inherit;color:var(--ink)}.field input:focus{border-color:var(--sky);background:var(--surface)}.err{color:var(--bad);font-weight:600;min-height:22px;margin:8px 0;font-size:14px}.kid-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.kid-card{background:var(--surface);border-radius:var(--r-lg);padding:20px 16px;width:152px;text-align:center;box-shadow:var(--lift-2);border:2px solid var(--line);transition:transform .14s}.kid-card:hover{transform:translateY(-4px)}.kid-card:active{transform:scale(.97)}.kid-card .ava{font-size:52px}.kid-card .nm{font-family:var(--font-display);font-size:20px;font-weight:600;margin-top:5px}.kid-card .meta{color:var(--ink-soft);font-size:13px;margin-top:3px}.kid-card.add{border:3px dashed var(--line);background:0 0;box-shadow:none;color:var(--ink-soft)}.sent-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:var(--r-sm);border-bottom:1px solid var(--line);transition:background .25s}.sent-row.on{background:color-mix(in srgb,var(--sky) 10%,transparent)}.sent-play{background:var(--sun);color:#6b4a00;border-radius:var(--r-pill);width:46px;height:46px;font-size:20px;flex:0 0 auto;box-shadow:0 3px 0 var(--sun-dk);display:inline-flex;align-items:center;justify-content:center}.sent-play:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sun-dk)}.sent-txt{flex:1;min-width:0}.sent-txt b{display:block;font-size:18px;line-height:1.35;font-family:var(--font-display);font-weight:500}.sent-txt small{color:var(--ink-soft);font-size:14px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px}.lesson{background:var(--surface-2);border-radius:var(--r-sm);min-height:46px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-soft);border:2px solid transparent}.lesson.ok{background:color-mix(in srgb,var(--grass) 16%,transparent);color:var(--grass-dk);border-color:color-mix(in srgb,var(--grass) 35%,transparent)}.lesson.cur{background:var(--sky);color:#fff;border-color:var(--sky-dk)}@media(min-width:768px){:root{--tap:60px}.grade-bar{flex-wrap:wrap;overflow:visible}.topbar{padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.brand{font-size:23px}.brand .logo-mark{width:38px;height:38px}.icon-btn{width:48px;height:48px;font-size:22px}.stat-pill{font-size:18px;padding:7px 14px}.kid-chip{font-size:17px}.mascot-row{padding:20px 24px}.mascot-row .mascot{width:88px;height:88px}.bubble{font-size:19px;padding:14px 20px}.q-card{padding:32px 30px}.q-title{font-size:31px}.q-hint{font-size:17px}.q-stage{font-size:44px;min-height:96px}.opt{font-size:34px;min-height:104px;padding:22px 16px;border-radius:var(--r-lg)}.opt small{font-size:16px}.ten-frame div{width:60px;height:60px;font-size:34px}.task-item{font-size:17px;min-height:60px;padding:13px 16px}.quick{min-height:92px;font-size:14px}.quick .qi{font-size:30px}.node-btn{width:82px;height:82px;font-size:34px}.node-info .t{font-size:20px}.node-info .d{font-size:14px}.path::before{left:48px}.node.current::after{left:98px}.gbtn{font-size:15px;min-height:46px;padding:0 18px}.result{padding:40px 30px}.result .mascot{width:124px;height:124px}.result h2{font-size:35px}.stars-earn{font-size:44px}.toast{font-size:29px;padding:26px 42px}.toast .em{font-size:60px}.sent-txt b{font-size:20px}.sent-play{width:52px;height:52px;font-size:23px}.login-box{max-width:460px;padding:38px 32px}.kid-card{width:180px;padding:24px 18px}.kid-card .ava{font-size:62px}}@media(min-width:900px) and (max-height:820px) and (orientation:landscape){.wrap.play{max-width:1100px}.q-card{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;text-align:center}.q-card .q-title{grid-column:1/-1;margin-bottom:0}.q-card .q-hint{grid-column:1/-1}.q-stage{margin:0;min-height:0}.opts{align-content:center}.q-card .q-stage:empty+.opts{grid-column:1/-1}}@media(min-width:1100px){.path{columns:2;column-gap:32px}.node{break-inside:avoid;-webkit-column-break-inside:avoid;border-bottom:1px solid var(--line);padding:10px 0}.path::before{display:none}.node:last-child{border-bottom:none}}@media(max-width:560px){.topbar{gap:6px;padding:9px 10px;padding-top:calc(9px + env(safe-area-inset-top,0px));flex-wrap:nowrap}.brand span{display:none}.icon-btn{width:40px;height:40px;font-size:18px}.stat-pill{padding:5px 9px;font-size:15px}.stat-pill.coin{display:none}.kid-chip{max-width:96px;font-size:14px;padding:4px 9px 4px 5px}.kid-chip .ava{font-size:19px}.wrap{padding:12px}.page-title{font-size:23px}.q-card{padding:18px 13px}.q-title{font-size:21px}.opt{font-size:26px;padding:15px 8px;min-height:76px}.opts.three{gap:8px}.opts.three .opt{font-size:23px;padding:13px 4px}.q-stage{font-size:31px}.ten-frame div{width:41px;height:41px;font-size:24px}.path::before{left:37px}.node-btn{width:62px;height:62px;font-size:26px}.node{gap:11px;padding:6px 0}.node-info .t{font-size:16px}.node.current::after{left:82px;font-size:10px}.mascot-row{padding:13px}.mascot-row .mascot{width:60px;height:60px}.bubble{font-size:15px;padding:10px 13px}.quick{font-size:12px;padding:11px 3px;min-height:72px}.quick .qi{font-size:22px}.toast{padding:18px 24px;font-size:22px}.toast .em{font-size:44px}}