.mascot-wrap[data-v-9474a739]{position:fixed;right:14px;bottom:14px;z-index:999;pointer-events:none}.mascot__canvas[data-v-9474a739]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;pointer-events:none}.mascot[data-v-9474a739]{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto;animation:mascot-float-9474a739 3.2s ease-in-out infinite}.mascot__emoji[data-v-9474a739]{font-size:54px;line-height:1;border:none;background:transparent;cursor:pointer;filter:drop-shadow(0 4px 10px rgba(45,42,38,.18));transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.mascot__emoji[data-v-9474a739]:hover{transform:scale(1.08)}.mascot__bubble[data-v-9474a739]{background:#fff;border:2.5px solid var(--stroke-strong);border-radius:14px;padding:7px 12px;font-size:14px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-sticker-sm);white-space:nowrap;animation:bubble-pop-9474a739 .18s ease}.mascot__bubble[data-v-9474a739]:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff;border-bottom:none}@keyframes mascot-float-9474a739{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bubble-pop-9474a739{0%{opacity:0;transform:translateY(4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mascot--happy .mascot__emoji[data-v-9474a739]{animation:mascot-hop-9474a739 .5s ease}.mascot--sad .mascot__emoji[data-v-9474a739]{animation:mascot-shake-9474a739 .5s ease}.mascot--win .mascot__emoji[data-v-9474a739]{animation:mascot-win-9474a739 .9s ease}@keyframes mascot-hop-9474a739{0%,to{transform:scale(1)}40%{transform:scale(1.22) translateY(-6px)}}@keyframes mascot-shake-9474a739{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes mascot-win-9474a739{0%{transform:scale(1)}30%{transform:scale(1.4) rotate(-8deg) translateY(-10px)}60%{transform:scale(.95) rotate(6deg)}to{transform:scale(1)}}@media (max-width: 767px){.mascot-wrap[data-v-9474a739]{right:10px;bottom:84px}.mascot__emoji[data-v-9474a739]{font-size:46px}}.reward-burst[data-v-70dbe993]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:960;pointer-events:none;overflow:hidden}.rb__star[data-v-70dbe993]{position:absolute;transform:translate(-50%,-50%);animation-name:rb-fly-70dbe993;animation-timing-function:cubic-bezier(.16,.84,.44,1);animation-fill-mode:forwards;will-change:transform,opacity}@keyframes rb-fly-70dbe993{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.15) rotate(var(--rot))}}@media (prefers-reduced-motion: reduce){.rb__star[data-v-70dbe993]{animation:none;opacity:0}}.site-header[data-v-598809af]{position:sticky;top:0;z-index:10;background:#f8f6f1eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header__inner[data-v-598809af]{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}.site-header__logo[data-v-598809af]{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;font-weight:700;flex-shrink:0}.site-header__logo-img[data-v-598809af]{width:36px;height:36px;border-radius:12px;object-fit:contain;background:#fff;border:2px solid var(--stroke-strong);box-shadow:var(--shadow-sticker-sm)}.site-header__logo-text[data-v-598809af]{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.site-header__nav[data-v-598809af]{display:flex;gap:6px}.nav-link[data-v-598809af]{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--radius-pill);font-weight:700;font-size:15px;color:var(--sub);transition:color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease}.nav-link__icon[data-v-598809af]{font-size:16px;line-height:1}.nav-link[data-v-598809af]:hover{color:var(--ink);background:var(--soundBg)}.nav-link.router-link-active[data-v-598809af]{color:#fff;background:var(--nav-accent, var(--candy));box-shadow:var(--shadow-sticker-sm);transform:translateY(-1px)}.site-header__actions[data-v-598809af]{display:flex;align-items:center;gap:8px;flex-shrink:0}.site-header__hud[data-v-598809af]{display:flex;align-items:center;gap:6px}.hud-chip[data-v-598809af]{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--stroke-strong);box-shadow:var(--shadow-sticker-sm);white-space:nowrap}.hud-chip--link[data-v-598809af]{color:var(--sproutD)}.hud-chip--link[data-v-598809af]:hover{transform:translateY(-1px)}.site-header__sound[data-v-598809af]{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:transparent;border:none;border-radius:10px;cursor:pointer}.site-header__sound[data-v-598809af]:hover{background:var(--tealBg)}.site-header__burger[data-v-598809af]{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0 11px;background:transparent;border:none;border-radius:10px;cursor:pointer}.site-header__burger-bar[data-v-598809af]{display:block;width:100%;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.site-header__burger-bar.is-open[data-v-598809af]:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header__burger-bar.is-open[data-v-598809af]:nth-child(2){opacity:0}.site-header__burger-bar.is-open[data-v-598809af]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header__drawer[data-v-598809af]{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:2px;padding:8px 16px 16px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-pop);max-height:calc(100vh - 60px);overflow-y:auto;animation:drawer-in-598809af .16s ease}@keyframes drawer-in-598809af{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-link.nav-link--drawer[data-v-598809af]{width:100%;text-align:left;padding:12px 14px;font-size:16px;border-radius:12px}.nav-link.nav-link--drawer .nav-link__icon[data-v-598809af]{font-size:20px}.site-header__backdrop[data-v-598809af]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#1f3a5f59}.site-main[data-v-598809af]{flex:1;width:100%}.tabbar[data-v-598809af]{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:2px solid var(--stroke-strong);box-shadow:0 -4px 0 var(--stroke-strong);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar__item[data-v-598809af]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:12px;color:var(--sub);font-size:11px;font-weight:700;transition:color .12s ease,transform .12s ease}.tabbar__icon[data-v-598809af]{font-size:24px;line-height:1;transition:transform .12s ease}.tabbar__item.router-link-active[data-v-598809af]{color:var(--ink)}.tabbar__item.router-link-active .tabbar__icon[data-v-598809af]{transform:translateY(-2px) scale(1.18)}.site-footer[data-v-598809af]{margin-top:48px;border-top:1px solid var(--line);background:var(--surface)}.site-footer__inner[data-v-598809af]{padding-top:24px;padding-bottom:28px;text-align:center}.site-footer__links[data-v-598809af]{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-bottom:12px}.site-footer__links a[data-v-598809af]{color:var(--sub);font-size:14px}.site-footer__links a[data-v-598809af]:hover{color:var(--tealD)}.site-footer__copy[data-v-598809af]{color:var(--sub);font-size:13px;margin:0}.site-footer__beian[data-v-598809af]{margin:8px 0 0;font-size:12px}.site-footer__beian a[data-v-598809af]{color:var(--sub)}.site-footer__beian a[data-v-598809af]:hover{color:var(--tealD)}@media (max-width: 1023px){.site-header__nav[data-v-598809af]{display:none}.site-header__burger[data-v-598809af]{display:flex}}@media (max-width: 767px){.site-header__inner[data-v-598809af]{height:54px}.site-header__hud[data-v-598809af]{display:none}.site-header__logo[data-v-598809af]{font-size:18px}.site-header__logo-img[data-v-598809af]{width:32px;height:32px}.tabbar[data-v-598809af]{display:flex}.site-main[data-v-598809af]{padding-bottom:72px}.site-footer[data-v-598809af]{margin-bottom:72px}}:root{--bg: #f8f6f1;--surface: #ffffff;--ink: #1f3a5f;--sub: #6b7a8c;--line: rgba(31, 58, 95, .1);--sound: #2f6fed;--soundD: #2456c7;--soundBg: #eaf1fe;--soundBg2: #d7e5fd;--amber: #f0a020;--amberD: #d68a14;--amberBg: #fdf3dd;--sprout: #2fa464;--sproutD: #23854f;--sproutBg: #e6f5ec;--coral: #e85d4a;--coralD: #cf4736;--coralBg: #fdeae6;--sky: #5b9be8;--purple: #8f7fd0;--purpleD: #7562bd;--purpleBg: #efecfa;--candy: #ff6b9d;--candyD: #f04a86;--candyBg: #ffe7f0;--mango: #ffb020;--mangoD: #f09a00;--mangoBg: #fff1d6;--lime: #7ecb4f;--limeD: #64b52e;--limeBg: #eef9e2;--grape: #9b6bf0;--grapeD: #7e4de0;--grapeBg: #f0ebfd;--sky2: #4d9ff2;--sky2D: #2f83e0;--sky2Bg: #e6f2fd;--stroke: #2a4a75;--stroke-strong: #1f3a5f;--teal: var(--sound);--tealD: var(--soundD);--tealBg: var(--soundBg);--tealBg2: var(--soundBg2);--orange: var(--amber);--orangeD: var(--amberD);--orangeBg: var(--amberBg);--green: var(--sprout);--red: var(--coral);--gold: var(--amber);--font-display: "Fredoka", "Nunito", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-ipa: Georgia, "Times New Roman", serif;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 100px;--shadow-soft: 0 2px 8px rgba(31, 58, 95, .08);--shadow-card: 0 1px 2px rgba(31, 58, 95, .06), 0 6px 20px rgba(31, 58, 95, .07);--shadow-pop: 0 12px 32px rgba(31, 58, 95, .14);--shadow-sticker-sm: 0 3px 0 var(--stroke-strong);--shadow-sticker: 0 5px 0 var(--stroke-strong);--shadow-sticker-lg: 0 7px 0 var(--stroke-strong);--rainbow: linear-gradient(90deg, #ff6b9d 0%, #ffb020 22%, #7ecb4f 50%, #4d9ff2 75%, #9b6bf0 100%);--content-max: 1040px;--content-max-wide: 1200px}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+2192,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,a,[role=button],input,select,textarea{touch-action:manipulation}#app{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--sound);outline-offset:2px;border-radius:4px}img{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.25;margin:0}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 16px}@media (min-width: 640px){.container{padding:0 20px}}@media (min-width: 1280px){.container{padding:0 24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:16px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--teal);color:#fff;box-shadow:var(--shadow-soft)}.btn--primary:hover:not(:disabled){background:var(--tealD);transform:translateY(-1px)}.btn--orange{background:var(--orange);color:#fff;box-shadow:var(--shadow-soft)}.btn--orange:hover:not(:disabled){background:var(--orangeD);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}.btn--ghost:hover:not(:disabled){transform:translateY(-1px);border-color:var(--teal);color:var(--tealD)}.btn--lg{padding:16px 30px;font-size:18px}.btn--sm{padding:8px 16px;font-size:14px}.btn--sticker{border:3px solid var(--stroke-strong);box-shadow:var(--shadow-sticker)}.btn--sticker:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sticker-lg)}.btn--sticker:active:not(:disabled){transform:translateY(3px) scale(.99);box-shadow:0 0 0 var(--stroke-strong)}.btn--sticker-candy{background:var(--candy)}.btn--sticker-candy:hover:not(:disabled){background:var(--candyD)}.btn--sticker-mango{background:var(--mango)}.btn--sticker-mango:hover:not(:disabled){background:var(--mangoD)}.btn--sticker-lime{background:var(--lime)}.btn--sticker-lime:hover:not(:disabled){background:var(--limeD)}.btn--sticker-grape{background:var(--grape)}.btn--sticker-grape:hover:not(:disabled){background:var(--grapeD)}.card{background:var(--surface);border-radius:var(--radius-lg);border:2.5px solid var(--stroke-strong);box-shadow:var(--shadow-sticker-sm)}.sticker{border:3px solid var(--stroke-strong);box-shadow:var(--shadow-sticker)}.sticker--tilt{transform:rotate(-1.2deg)}.sticker--tilt-r{transform:rotate(1.2deg)}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}80%{transform:scale(.96)}to{transform:scale(1)}}.bounce-in{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes star-burst{0%{opacity:0;transform:translateY(6px) scale(.4)}50%{opacity:1;transform:translateY(-2px) scale(1.15)}to{opacity:0;transform:translateY(-14px) scale(1)}}.star-burst{animation:star-burst .9s ease-out both}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.floaty{animation:floaty 2.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.bounce-in,.star-burst,.floaty{animation:none}}.group-vowel{--card-accent: var(--amber);--card-accent-dark: var(--amberD);--card-soft: var(--amberBg);--card-pulse: 240, 160, 32}.group-consonant{--card-accent: var(--sound);--card-accent-dark: var(--soundD);--card-soft: var(--soundBg);--card-pulse: 47, 111, 237}.ipa{font-family:var(--font-ipa)}.text-sub{color:var(--sub)}.section-title{font-size:24px;margin-bottom:8px}.section-lead{color:var(--sub);margin:0 0 24px}@media (min-width: 768px){.section-title{font-size:28px}}@media (min-width: 1024px){.section-title{font-size:32px}}@keyframes sonic-ripple{0%{transform:scale(.85);opacity:.55}70%,to{transform:scale(1.35);opacity:0}}.sonic-ripple{position:relative}.sonic-ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--sound);pointer-events:none;animation:sonic-ripple 2.4s ease-out infinite}@media (prefers-reduced-motion: reduce){.sonic-ripple:after{animation:none;opacity:0}}