@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-400-normal.PpnXBOrz.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-400-normal.bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-vietnamese-400-normal.CRcqvyg1.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-400-normal.BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-latin-800-normal.BpHZASpI.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-800-normal.Cwp5p0gU.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-vietnamese-800-normal.D4LFh2W4.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-800-normal.CA0HL1e4.woff)format("woff")}:root{color-scheme:light dark;--color-bg:#eaf1f8;--color-bg-deep:#dfe8f2;--color-surface:#fff;--color-text:#1c2540;--color-heading:#071640;--color-muted:#566074;--color-border:#e3e9f1;--color-panel-border:transparent;--color-border-strong:#8792a6;--color-accent:#0b7871;--color-accent-hover:#09625c;--color-accent-contrast:#fff;--color-accent-tint:#dcf0ed;--color-nav-active:#e3ebf7;--color-amber:#c47a1f;--color-amber-tint:#fdf0d8;--color-indigo:#1e2a5a;--color-outline:#1e2a5a;--color-gold:#c9962b;--color-gold-strong:#a67c1e;--color-gold-text:#80600f;--color-gold-soft:#ead9b0;--color-seal:#b23a2e;--color-on-seal:#fff7f0;--color-success:#166b43;--color-success-tint:#e1f1e8;--color-danger:#a8322a;--color-danger-tint:#f9e4e1;--color-warning:#855711;--color-warning-tint:#f8ecd5;--color-cat-flashcard:#0a6b4f;--color-cat-flashcard-tint:#dcf3e4;--color-cat-typing:#1f5f9e;--color-cat-typing-tint:#dcf0fe;--color-cat-quiz:#8a5300;--color-cat-quiz-tint:#fef3dc;--color-cat-chain:#a3303f;--color-cat-chain-tint:#fde6e6;--color-cat-guess:#6a43ad;--color-cat-guess-tint:#efe6fd;--color-cat-reading:#8a5a10;--color-cat-reading-tint:#feefcd;--color-cat-radical:#7a3e6b;--color-cat-radical-tint:#f6e4ef;--color-focus:#b4530a;--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;--font-hanzi:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--radius:.75rem;--radius-card:1rem;--radius-pill:999px;--shadow-card:0 1px 2px #0f235008, 0 4px 14px #0f23500a;--shadow-raised:0 2px 6px #0f235012, 0 10px 24px #0f235014;--tap-min:44px;--content-max:72rem;--prose-max:44rem}@media (prefers-color-scheme:dark){:root{--color-bg:#121829;--color-bg-deep:#0d1221;--color-surface:#1b2238;--color-text:#eceff6;--color-heading:#f3f5fb;--color-muted:#a8b0c3;--color-border:#2b3450;--color-panel-border:#2b3450;--color-border-strong:#7c86a3;--color-accent:#5cc8b8;--color-accent-hover:#7dd6c9;--color-accent-contrast:#082420;--color-accent-tint:#173a3a;--color-nav-active:#26304f;--color-amber:#e0a050;--color-amber-tint:#3a2c16;--color-indigo:#c9cfe8;--color-outline:#c9cfe8;--color-gold:#d9ae52;--color-gold-strong:#d9ae52;--color-gold-text:#e2bd6c;--color-gold-soft:#4a3f26;--color-seal:#e8776a;--color-on-seal:#1a0b08;--color-success:#6acf9a;--color-success-tint:#17332a;--color-danger:#f29288;--color-danger-tint:#3a1f22;--color-warning:#e6b866;--color-warning-tint:#3a2f1c;--color-cat-flashcard:#5ee0b0;--color-cat-flashcard-tint:#183a30;--color-cat-typing:#8cc4f5;--color-cat-typing-tint:#1a3048;--color-cat-quiz:#f0b25a;--color-cat-quiz-tint:#3a2c16;--color-cat-chain:#f29bb0;--color-cat-chain-tint:#3d1f2a;--color-cat-guess:#c3a6f5;--color-cat-guess-tint:#2e2448;--color-cat-reading:#e2bd6c;--color-cat-reading-tint:#3a3020;--color-cat-radical:#e0a3cf;--color-cat-radical-tint:#3a2236;--color-focus:#f3a35c;--shadow-card:0 1px 2px #00000040, 0 4px 14px #0000002e;--shadow-raised:0 2px 4px #00000059, 0 12px 32px #0000004d}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--color-bg)}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-ui);overflow-wrap:anywhere;flex-direction:column;margin:0;font-size:1rem;line-height:1.6;display:flex}:lang(zh-Hans){font-family:var(--font-hanzi)}a{color:var(--color-accent);text-underline-offset:.18em}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:16px}@media (width>=600px){.container{padding-inline:24px}}main{flex:1;padding-block-end:var(--space-6)}main:focus{outline:none}.page-body{padding-block-start:var(--space-4)}h1,h2,h3{color:var(--color-heading);text-wrap:balance;font-weight:800;line-height:1.25}h1{letter-spacing:-.02em;margin-block:0 var(--space-3);font-size:clamp(1.75rem,1.2rem + 2.4vw,2.6rem);font-weight:800}h2{letter-spacing:-.01em;font-size:clamp(1.3rem,1.1rem + .8vw,1.6rem)}.lead{color:var(--color-muted);margin-block:0 var(--space-4);max-width:var(--prose-max);font-size:1.15rem}.skip-link{z-index:10;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-accent-contrast);border-radius:var(--radius);position:absolute;top:-100px;left:16px}.skip-link:focus{top:var(--space-2)}.hero__card{gap:var(--space-4);padding:var(--space-4) var(--space-3);border:1px solid var(--color-panel-border);border-radius:var(--radius-card);background:radial-gradient(120% 90% at 100% 0%, var(--color-accent-tint) 0%, transparent 55%), var(--color-surface);box-shadow:var(--shadow-card);display:grid;position:relative;overflow:hidden}.hero__card h1{max-width:19ch;font-size:clamp(1.9rem,1.3rem + 2.4vw,2.9rem);line-height:1.12}.hero__card .lead{margin-block-end:0}@media (width>=600px){.hero__card{padding:var(--space-5)}}.seal{width:1.45em;height:1.45em;color:var(--color-on-seal);background:var(--color-seal);box-shadow:inset 0 0 0 2px var(--color-seal), inset 0 0 0 3px var(--color-on-seal);border-radius:3px;flex:none;place-items:center;font-size:.8em;font-weight:700;line-height:1;display:inline-grid;transform:rotate(-4deg)}.cta-list{gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cta{justify-content:center;align-items:center;gap:var(--space-2);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);min-height:48px;color:var(--color-text);font:inherit;text-align:center;cursor:pointer;padding:.6rem 1.4rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.cta:hover{color:var(--color-text);border-color:var(--color-accent);background:var(--color-accent-tint)}.cta--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.cta--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-accent-contrast)}.cta--wide{width:100%}.cta .icon{font-size:1.15em}.chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{border-radius:var(--radius-pill);background:var(--chip-bg,var(--color-bg-deep));min-height:30px;color:var(--chip-fg,var(--color-text));align-items:center;padding:.2rem .8rem;font-size:.875rem;line-height:1.35;display:inline-flex}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.card--link{transition:transform .15s,box-shadow .15s;position:relative}.card--link:hover{box-shadow:var(--shadow-raised), 0 0 0 2px var(--cat,var(--color-accent));transform:translateY(-2px)}.card__link{color:var(--color-text);text-decoration:none}.card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card__link:focus-visible{outline:none}.card__link:focus-visible:after{outline:3px solid var(--color-focus);outline-offset:2px}.card--link:hover .card__link{color:var(--color-text)}.card__go{background:var(--cat-tint,var(--color-accent-tint));width:2.25rem;height:2.25rem;color:var(--cat,var(--color-accent));border-radius:50%;place-items:center;display:grid}.panel{padding:var(--space-3);border:1px solid var(--color-panel-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}@media (width>=600px){.panel{padding:var(--space-4)}}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.panel-head h2{align-items:center;gap:.6rem;margin:0;font-size:clamp(1.2rem,1.1rem + .5vw,1.4rem);display:flex}.panel-head__icon{background:var(--color-amber-tint);width:2.25rem;height:2.25rem;color:var(--color-amber);border-radius:10px;flex:none;place-items:center;font-size:1.25rem;display:grid}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.section-head h2{margin:0}.section-head h2:before{content:"";background:var(--color-gold);border-radius:2px;width:2.5rem;height:3px;margin-block-end:.6rem;display:block}.more-link{min-height:var(--tap-min);align-items:center;gap:.35rem;font-weight:700;text-decoration:none;display:inline-flex}.more-link:hover{text-decoration:underline}.cat-flashcard{--cat:var(--color-cat-flashcard);--cat-tint:var(--color-cat-flashcard-tint)}.cat-typing{--cat:var(--color-cat-typing);--cat-tint:var(--color-cat-typing-tint)}.cat-reading{--cat:var(--color-cat-reading);--cat-tint:var(--color-cat-reading-tint)}.cat-radical{--cat:var(--color-cat-radical);--cat-tint:var(--color-cat-radical-tint)}.cat-quiz{--cat:var(--color-cat-quiz);--cat-tint:var(--color-cat-quiz-tint)}.cat-chain{--cat:var(--color-cat-chain);--cat-tint:var(--color-cat-chain-tint)}.cat-guess{--cat:var(--color-cat-guess);--cat-tint:var(--color-cat-guess-tint)}.tzg{--tzg-line:var(--color-gold-soft);aspect-ratio:1;border:1.5px solid var(--tzg-line);background-image:linear-gradient(to bottom right, transparent calc(50% - .6px), var(--tzg-line) 50%, transparent calc(50% + .6px)), linear-gradient(to top right, transparent calc(50% - .6px), var(--tzg-line) 50%, transparent calc(50% + .6px)), repeating-linear-gradient(to right, var(--tzg-line) 0 5px, transparent 5px 10px), repeating-linear-gradient(to bottom, var(--tzg-line) 0 5px, transparent 5px 10px);background-position:50%,50%,50%,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 1px,1px 100%;place-items:center;line-height:1;display:inline-grid}.game-cards{gap:var(--space-3);margin:0 0 var(--space-5);padding:0;list-style:none;display:grid}@media (width>=720px){.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-card{gap:var(--space-3);padding:var(--space-3);grid-template-rows:auto 1fr auto;display:grid}.game-card__head{gap:var(--space-3);grid-template-columns:88px minmax(0,1fr);align-items:center;display:grid}.game-card h2{margin:0;font-size:1.25rem}.game-card h2 a{color:var(--color-text);text-decoration:none}.game-card h2 a:hover{color:var(--cat);text-decoration:underline}.game-card p{margin:var(--space-1) 0 0;color:var(--color-muted)}.game-card .chip{--chip-bg:var(--cat-tint);--chip-fg:var(--cat)}.game-layout{gap:var(--space-4);margin-block-end:var(--space-4);display:grid}@media (width>=960px){.game-layout{grid-template-columns:minmax(0,44rem) 16rem;align-items:start}}.prose{max-width:var(--prose-max);font-size:1.0625rem;line-height:1.7}.prose h2{margin-block:var(--space-5) var(--space-3);padding-block-start:var(--space-3);position:relative}.prose h2:before{content:"";background:var(--color-gold);border-radius:2px;width:2.5rem;height:3px;position:absolute;inset-block-start:0;inset-inline-start:0}.prose h3{margin-block:var(--space-4) var(--space-2);font-size:1.15rem}.prose ul,.prose ol{padding-inline-start:1.4rem}.prose li+li{margin-block-start:var(--space-1)}.prose li::marker{color:var(--color-gold-text)}.prose table{border-collapse:collapse;width:100%;margin-block:var(--space-3);font-size:.975rem}.prose th,.prose td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:start;vertical-align:top}.prose th{background:var(--color-bg-deep);font-weight:600}.prose blockquote{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-gold);background:var(--color-surface);color:var(--color-muted)}.context-links,.page-section{max-width:var(--prose-max);margin-block-start:var(--space-5)}.context-links ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.context-links a{padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);text-decoration:none}.context-links a:hover{border-color:var(--color-accent)}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.tap-target{min-height:var(--tap-min);min-width:var(--tap-min);align-items:center;display:inline-flex}.icon{vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card--link:hover{transform:none}}.breadcrumb[data-astro-cid-ezvlwyc3] ol[data-astro-cid-ezvlwyc3]{align-items:center;gap:0 var(--space-2);margin:var(--space-3) 0 0;color:var(--color-muted);flex-wrap:wrap;padding:0;font-size:.925rem;list-style:none;display:flex}.breadcrumb[data-astro-cid-ezvlwyc3] li[data-astro-cid-ezvlwyc3]+li[data-astro-cid-ezvlwyc3]:before{content:"›";color:var(--color-gold-text);margin-inline-end:var(--space-2)}.breadcrumb[data-astro-cid-ezvlwyc3] a[data-astro-cid-ezvlwyc3]{min-height:32px;color:var(--color-muted);align-items:center;display:inline-flex}.breadcrumb[data-astro-cid-ezvlwyc3] a[data-astro-cid-ezvlwyc3]:hover{color:var(--color-accent)}.breadcrumb[data-astro-cid-ezvlwyc3] [data-astro-cid-ezvlwyc3][aria-current=page]{color:var(--color-text)}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:.95rem}.site-footer__inner[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.site-footer__name[data-astro-cid-jo6i4kqk]{gap:var(--space-1);margin:0;display:grid}.site-footer__brand[data-astro-cid-jo6i4kqk]{color:var(--color-indigo);align-items:center;gap:.4rem;font-size:1.15rem;font-weight:700;display:inline-flex}.site-footer__nav[data-astro-cid-jo6i4kqk]{gap:0 var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer__nav[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--color-text)}.site-header[data-astro-cid-nen7h5rs]{padding-block:12px 0}.site-header__inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);border:1px solid var(--color-panel-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:64px;box-shadow:var(--shadow-card);padding-inline:12px;display:flex}@media (width>=600px){.site-header__inner[data-astro-cid-nen7h5rs]{padding-inline:20px}}.site-header__brand[data-astro-cid-nen7h5rs]{color:var(--color-heading);letter-spacing:-.02em;gap:.5rem;font-size:1.6rem;font-weight:800;text-decoration:none}.site-header__brand[data-astro-cid-nen7h5rs] .seal[data-astro-cid-nen7h5rs]{border-radius:6px;width:1.35em;height:1.35em;font-size:.95em;transform:rotate(-3deg)}.site-header__brand[data-astro-cid-nen7h5rs]:hover{color:var(--color-indigo)}.site-nav[data-astro-cid-nen7h5rs]{margin-inline-start:auto}.site-header__account[data-astro-cid-nen7h5rs]{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-contrast);gap:.4rem;padding-inline:.9rem;font-weight:700;text-decoration:none}.site-header__account[data-astro-cid-nen7h5rs]:hover{background:var(--color-accent-hover);color:var(--color-accent-contrast)}@media (width<=599px){.site-header__account[data-astro-cid-nen7h5rs]{justify-content:center;padding-inline:0}.site-header__account-text[data-astro-cid-nen7h5rs]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site-nav__list[data-astro-cid-nen7h5rs]{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav__link[data-astro-cid-nen7h5rs]{min-height:var(--tap-min);border-radius:var(--radius-pill);color:var(--color-text);align-items:center;padding-inline:.9rem;text-decoration:none;display:inline-flex}.site-nav__link[data-astro-cid-nen7h5rs]:hover{color:var(--color-text);background:var(--color-bg)}.site-nav__link[data-astro-cid-nen7h5rs][aria-current]{background:var(--color-nav-active);color:var(--color-heading);font-weight:800}.site-nav__toggle[data-astro-cid-nen7h5rs]{display:none}@media (width<=959px){.site-nav--collapsible[data-astro-cid-nen7h5rs] .site-nav__toggle[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;font-weight:700;display:inline-flex}.site-nav--collapsible[data-astro-cid-nen7h5rs] .site-nav__list[data-astro-cid-nen7h5rs][popover]{min-width:min(16rem,100vw - 32px);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-raised);flex-direction:column;margin:0;inset:84px 16px auto auto}.site-nav--collapsible[data-astro-cid-nen7h5rs] .site-nav__list[data-astro-cid-nen7h5rs][popover]:not(:popover-open){display:none}.site-nav--collapsible[data-astro-cid-nen7h5rs] .site-nav__list[data-astro-cid-nen7h5rs][popover]:popover-open{display:flex}.site-nav--collapsible[data-astro-cid-nen7h5rs] .site-nav__list[data-astro-cid-nen7h5rs][popover] .site-nav__link[data-astro-cid-nen7h5rs]{width:100%;padding-inline:var(--space-3)}}@media (width>=960px){.site-nav__list[data-astro-cid-nen7h5rs][popover]{width:auto;height:auto;color:inherit;background:0 0;border:0;margin:0;padding:0;display:flex;position:static;inset:auto;overflow:visible}}.mascot[data-astro-cid-nc4tnjkm]{width:100%;height:auto;display:block;overflow:visible}.mascot__shadow[data-astro-cid-nc4tnjkm]{fill:#1018281f}.mascot__block[data-astro-cid-nc4tnjkm]{fill:#c6402f}.mascot__depth[data-astro-cid-nc4tnjkm]{fill:#8a271c}.mascot__shine[data-astro-cid-nc4tnjkm]{fill:none;stroke:#ffffff59;stroke-width:5px;stroke-linecap:round}.mascot__frame[data-astro-cid-nc4tnjkm]{fill:none;stroke:#fff4ec;stroke-width:4px}.mascot__dark[data-astro-cid-nc4tnjkm]{fill:#8a271c}.mascot__arm[data-astro-cid-nc4tnjkm]{fill:none;stroke:#8a271c;stroke-width:9px;stroke-linecap:round}.mascot__hand[data-astro-cid-nc4tnjkm]{fill:#c6402f;stroke:#8a271c;stroke-width:4px}.mascot__eye[data-astro-cid-nc4tnjkm]{fill:#fff;stroke:#8a271c;stroke-width:2.5px}.mascot__pupil[data-astro-cid-nc4tnjkm]{fill:#1b2236}.mascot__glint[data-astro-cid-nc4tnjkm]{fill:#fff}.mascot__cheek[data-astro-cid-nc4tnjkm]{fill:#f29b8c}.mascot__mouth[data-astro-cid-nc4tnjkm]{fill:none;stroke:#fff4ec;stroke-width:3.5px;stroke-linecap:round}.mascot__glyph[data-astro-cid-nc4tnjkm]{fill:#fff4ec;font-family:var(--font-hanzi);font-size:64px;font-weight:700}.mascot__wave[data-astro-cid-nc4tnjkm]{transform-origin:168px 112px;animation:2.4s ease-in-out .6s 2 mascot-wave}@keyframes mascot-wave{0%,40%,to{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.mascot__wave[data-astro-cid-nc4tnjkm]{animation:none}}