.app-container{max-width:var(--content-max);margin:0 auto;min-height:100dvh;background:var(--bg-page);position:relative}:root{--model-stage: #edf4f4;--model-red: #b93d42;--model-dark: #263640;--model-brass: #d9ad60;--model-steel: #93a5ad;--model-glass: #a6dce4;--model-wood: #85725e;--model-ground: #d5e2df;--brand-surface-strong: rgba(255, 255, 255, .96);--brand-surface-card: rgba(255, 255, 255, .86);--brand-surface-badge: rgba(255, 255, 255, .82);--brand-surface-button: rgba(255, 255, 255, .78);--brand-surface-soft: rgba(255, 255, 255, .7);--color-primary-bg: rgba(107, 124, 255, .1);--color-transparent: transparent;--color-primary: #6B7CFF;--color-primary-hover: #5568D3;--color-primary-light: #8A96FF;--color-accent: #FFD93D;--color-success: #4CD964;--color-success-hover: #43A047;--color-warning: #FF6B6B;--color-success-bg: rgba(76, 217, 100, .1);--color-warning-bg: rgba(255, 107, 107, .1);--color-pink: #FFB6C1;--color-sky: #87CEEB;--color-orange: #FF9800;--color-orange-hover: #F57C00;--game-board: #E7B96B;--game-board-edge: #9B642E;--game-grid: rgba(51, 51, 51, .58);--game-stone-black: #202124;--game-stone-white: #FAFAFA;--game-sky: #DDF3FF;--game-track: #87CEEB;--game-red: #E94848;--game-jungle: #B7D99A;--game-path: #7BAE62;--game-event: #FFF0B8;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-disabled: #767676;--bg-page: #FFF8F0;--bg-card: #FFFFFF;--bg-muted: #F5F5F7;--text-on-primary: #FFFFFF;--text-on-primary-muted: rgba(255, 255, 255, .9);--border-light: #E8E8EC;--border-muted: #F0F0F2;--focus-ring: rgba(107, 124, 255, .32);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 4px 16px rgba(107, 124, 255, .08);--shadow-hover: 0 8px 24px rgba(107, 124, 255, .15);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04);--shadow-text: 0 2px 10px rgba(10, 56, 108, .34);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 24px;--text-xl: 32px;--font-normal: 400;--font-medium: 500;--font-bold: 700;--font-sans: "PingFang SC", "Noto Sans SC", system-ui, -apple-system, sans-serif;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .3s;--mascot-outline: rgba(255, 255, 255, .95);--mascot-outline-soft: rgba(255, 255, 255, .65);--mascot-glow: rgba(255, 217, 61, .35);--duration-mascot-float: 3.2s;--duration-mascot-breathe: 2.4s;--duration-mascot-celebrate: .9s;--gradient-primary: linear-gradient(135deg, #6B7CFF 0%, #8A96FF 100%);--gradient-warm: linear-gradient(135deg, #FFF3E0 0%, #FFF8E1 100%);--gradient-success: linear-gradient(135deg, #4CD964 0%, #5BDB73 100%);--gradient-adventure: linear-gradient(120deg, #FFF8CF 0%, #FFF0D8 55%, #FFE4E4 100%);--gradient-fruit-quest: linear-gradient(145deg, #FFFDF2 0%, #FFF4DC 100%);--fruit-border: rgba(255, 152, 0, .35);--overlay-dark: rgba(50, 50, 50, .72);--lb-veil: rgba(20, 20, 20, .92);--lb-btn-bg: rgba(255, 255, 255, .22);--shadow-fruit-pulse: 0 8px 24px rgba(255, 152, 0, .28);--paw-banner-fallback: #36B7EA;--paw-banner-overlay: linear-gradient(90deg, rgba(6, 67, 126, .72) 0%, rgba(6, 67, 126, .35) 35%, rgba(6, 67, 126, 0) 62%);--paw-banner-overlay-mobile: linear-gradient(180deg, rgba(6, 67, 126, .76) 0%, rgba(6, 67, 126, .28) 52%, rgba(6, 67, 126, 0) 78%);--paw-badge-bg: rgba(0, 91, 173, .72);--paw-badge-border: rgba(255, 255, 255, .42);--subject-english: #6B7CFF;--subject-chinese: #FF7043;--subject-math: #26A69A;--subject-extracurricular: #7E57C2;--touch-target: 44px;--content-max: 960px;--nav-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;scroll-behavior:smooth}body,#app{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}button:disabled{cursor:not-allowed}a{color:var(--color-primary);text-decoration:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-pill)}