@font-face{font-family:TML Nunito;src:url(/fonts/nunito/tml-nunito-500.woff) format("woff");font-weight:400 500;font-display:swap}@font-face{font-family:TML Nunito;src:url(/fonts/nunito/tml-nunito-600.woff) format("woff");font-weight:600;font-display:swap}@font-face{font-family:TML Nunito;src:url(/fonts/nunito/tml-nunito-700.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:TML Nunito;src:url(/fonts/nunito/tml-nunito-800.woff) format("woff");font-weight:800 900;font-display:swap}@font-face{font-family:TML Baloo;src:url(/fonts/baloo/tml-baloo.woff) format("woff");font-weight:400 800;font-display:swap}:root,[data-theme=light]{--surface-100: #F5F8FF;--dot: #D3DFF7;--surface-000: #FFFFFF;--surface-200: #E4EAF5;--outline: #1F2A55;--ink: #1F2A55;--ink-muted: #3E4A75;--lab-blue: #0042AA;--lab-blue-strong: #00358A;--on-lab-blue: #FFFFFF;--navy-panel: #1F2A55;--on-navy: #FFFFFF;--on-navy-soft: #A9C3F5;--on-navy-warm: #FFB36B;--on-navy-alert: #FF8A7A;--sky: #DCEAFF;--peach: #FFE4D9;--butter: #FFF2C7;--mint: #D7F2E5;--lilac: #EBE1FA;--rose: #FFE0EA;--highlight: #FFE08A;--on-highlight: #1F2A55;--coral: #F06B4A;--coral-ink: #B23E1F;--gold: #F2C14E;--success: #17655A;--warning: #9A5B00;--danger: #B53628;--focus-ring: #0042AA;--level-1: #E3AA17;--level-1-soft: #FBF0CF;--level-2: #2A7690;--level-2-soft: #D9ECF1;--level-3: #F2602A;--level-3-soft: #FDE3D7;--level-4: #B22421;--level-4-soft: #F6DCDB;--level-5: #233F75;--level-5-soft: #DEE4F0;--level-6: #6C3A7D;--level-6-soft: #ECDFF0;--level-7: #17655A;--level-7-soft: #D8ECE8;--shadow-press: 0 4px 0 #1F2A55;--shadow-sticker: 0 6px 0 #1F2A55;--shadow-pressed: 0 1px 0 #1F2A55}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-100: #141B3A;--dot: #25305E;--surface-000: #1F2952;--surface-200: #2A3566;--outline: #6E7EC0;--ink: #F2F5FF;--ink-muted: #B8C2E0;--lab-blue: #9DBBFF;--lab-blue-strong: #C2D5FF;--on-lab-blue: #141B3A;--navy-panel: #2A3566;--on-navy: #F2F5FF;--on-navy-soft: #A9C3F5;--on-navy-warm: #FFB36B;--on-navy-alert: #FF8A7A;--sky: #22356B;--peach: #4A2C33;--butter: #463C1E;--mint: #173D33;--lilac: #33275A;--rose: #4D2238;--highlight: #E9C55A;--on-highlight: #141B3A;--coral: #FF8A6B;--coral-ink: #FFA98F;--gold: #F5CE68;--success: #7FDCB8;--warning: #F2B65A;--danger: #FF8A7A;--focus-ring: #C2D5FF;--level-1: #F2C14E;--level-1-soft: #3A3016;--level-2: #5FB3CC;--level-2-soft: #16323C;--level-3: #FF8A5C;--level-3-soft: #3F2318;--level-4: #F07A72;--level-4-soft: #3D1A1C;--level-5: #8FA8E0;--level-5-soft: #1B2647;--level-6: #C08AD2;--level-6-soft: #30203A;--level-7: #5DBFA8;--level-7-soft: #15332E;--shadow-press: 0 4px 0 #0A0F24;--shadow-sticker: 0 6px 0 #0A0F24;--shadow-pressed: 0 1px 0 #0A0F24;color-scheme:dark}}[data-theme=dark]{--surface-100: #141B3A;--dot: #25305E;--surface-000: #1F2952;--surface-200: #2A3566;--outline: #6E7EC0;--ink: #F2F5FF;--ink-muted: #B8C2E0;--lab-blue: #9DBBFF;--lab-blue-strong: #C2D5FF;--on-lab-blue: #141B3A;--navy-panel: #2A3566;--on-navy: #F2F5FF;--on-navy-soft: #A9C3F5;--on-navy-warm: #FFB36B;--on-navy-alert: #FF8A7A;--sky: #22356B;--peach: #4A2C33;--butter: #463C1E;--mint: #173D33;--lilac: #33275A;--rose: #4D2238;--highlight: #E9C55A;--on-highlight: #141B3A;--coral: #FF8A6B;--coral-ink: #FFA98F;--gold: #F5CE68;--success: #7FDCB8;--warning: #F2B65A;--danger: #FF8A7A;--focus-ring: #C2D5FF;--level-1: #F2C14E;--level-1-soft: #3A3016;--level-2: #5FB3CC;--level-2-soft: #16323C;--level-3: #FF8A5C;--level-3-soft: #3F2318;--level-4: #F07A72;--level-4-soft: #3D1A1C;--level-5: #8FA8E0;--level-5-soft: #1B2647;--level-6: #C08AD2;--level-6-soft: #30203A;--level-7: #5DBFA8;--level-7-soft: #15332E;--shadow-press: 0 4px 0 #0A0F24;--shadow-sticker: 0 6px 0 #0A0F24;--shadow-pressed: 0 1px 0 #0A0F24;color-scheme:dark}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-20: 80px;--radius-s: 12px;--radius-m: 20px;--radius-l: 28px;--radius-xl: 40px;--radius-door: 140px;--radius-pill: 999px;--content-max: 1200px;--reading-max: 680px;--header-h: 72px;--tabbar-h: 68px;--tap-min: 44px;--stroke: 2.5px;--font-display: "TML Baloo", "Baloo 2", "TML Nunito", "Nunito", system-ui, sans-serif;--font-sans: "TML Nunito", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hanzi: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-hanzi-serif: "Noto Serif SC", "Songti SC", serif;--font-hanzi-fun: "ZCOOL KuaiLe", "Noto Sans SC", sans-serif}.display-xl{font-family:var(--font-display);font-size:62px;line-height:64px;font-weight:800}.display-l{font-family:var(--font-display);font-size:44px;line-height:48px;font-weight:800}.h1{font-family:var(--font-display);font-size:30px;line-height:34px;font-weight:800}.h2{font-family:var(--font-display);font-size:26px;line-height:30px;font-weight:800}.h3{font-family:var(--font-display);font-size:20px;line-height:24px;font-weight:800}.body-l{font-family:var(--font-sans);font-size:19px;line-height:30px;font-weight:500}.body{font-family:var(--font-sans);font-size:17px;line-height:26px;font-weight:600}.body-s{font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:600}.label{font-family:var(--font-sans);font-size:16px;line-height:20px;font-weight:800}.button{font-family:var(--font-display);font-size:18px;line-height:20px;font-weight:700}.caption{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:800}.overline{font-family:var(--font-sans);font-size:13px;line-height:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hanzi-hero{font-family:var(--font-hanzi);font-size:72px;line-height:80px;font-weight:700}.hanzi-l{font-family:var(--font-hanzi);font-size:36px;line-height:44px;font-weight:500}.hanzi-body{font-family:var(--font-hanzi);font-size:20px;line-height:32px;font-weight:400}.pinyin{font-family:var(--font-sans);font-size:16px;line-height:20px;font-weight:700}.hanzi-fun{font-family:var(--font-hanzi-fun);font-size:48px;line-height:56px;font-weight:400}