.stage[data-v-c4871810]{flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.svg-wrap[data-v-c4871810]{aspect-ratio:1;width:min(60vh,440px)}.svg-wrap svg[data-v-c4871810]{width:100%;height:100%}.meta[data-v-c4871810]{text-align:center;color:var(--c-muted);min-height:1.2em;margin-top:.875rem;font-size:.8125rem}.meta .ch[data-v-c4871810]{color:var(--c-text);font-size:1.5rem;font-weight:500}.meta .ids[data-v-c4871810]{color:var(--c-accent);font-size:1.125rem}.code-display[data-v-fbadccc1]{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.code-letter[data-v-fbadccc1]{box-sizing:border-box;background:var(--c-panel);border:1px solid var(--c-border);cursor:pointer;width:2.625rem;height:2.625rem;color:var(--c-text);border-radius:.75rem;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .15s;display:flex}.code-letter.coda-root[data-v-fbadccc1]{border-width:2px}.code-letter.pressed[data-v-fbadccc1]{box-shadow:inset .125rem .125rem .3125rem #0000004d}.rule-note[data-v-6848d084]{width:var(--stack-w,18rem);box-sizing:border-box;color:var(--c-muted);text-align:center;max-width:34em;min-height:3.4em;margin:0;padding-inline:.75rem;font-size:.75rem;line-height:1.7}.l2[data-v-6848d084]{display:block}.wubi-card[data-v-51160582]{flex-direction:column;align-items:center;gap:.875rem;padding-block:1rem;display:flex}.wubi-card[data-v-51160582] .stage{padding:0}.wubi-card[data-v-51160582] .svg-wrap{width:min(var(--stack-w,18.75rem) - 3.5rem, 200px);margin:0 auto}.wubi-card[data-v-51160582] .rule-note{width:var(--stack-w,18.75rem)}.pinyin-card[data-v-ec3ae9d2]{flex-direction:column;align-items:center;gap:.875rem;padding-block:1rem;transition:opacity .28s ease-out;display:flex}.pinyin-card.is-faint[data-v-ec3ae9d2],.pinyin-card.is-pending[data-v-ec3ae9d2]{opacity:.55}.pinyin-card.is-active[data-v-ec3ae9d2],.pinyin-card.is-done[data-v-ec3ae9d2]{opacity:1}.pinyin-card[data-v-ec3ae9d2] .stage{padding:0}.pinyin-card[data-v-ec3ae9d2] .svg-wrap{width:min(var(--stack-w,18.75rem) - 3.5rem, 200px);margin:0 auto}.pinyin-keys[data-v-ec3ae9d2]{flex-wrap:wrap;align-items:center;gap:.625rem;min-height:2.625rem;display:flex}.pinyin-key[data-v-ec3ae9d2]{box-sizing:border-box;background:var(--c-panel);border:1px solid var(--c-border);width:2.625rem;height:2.625rem;color:var(--c-text);border-radius:.75rem;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .15s;display:flex}.pinyin-key.lit[data-v-ec3ae9d2]{background:var(--c-panel);border-color:var(--c-border);color:var(--c-text);box-shadow:inset .125rem .125rem .3125rem #0000004d}.pinyin-note[data-v-ec3ae9d2]{width:var(--stack-w,18.75rem);box-sizing:border-box;color:var(--c-muted);text-align:center;min-height:3.4em;margin:0;padding-inline:.75rem;font-size:.75rem;line-height:1.7}.pinyin-note .l2[data-v-ec3ae9d2]{display:block}.kbd-wrap[data-v-2c055d5e]{padding:1.125rem 0;position:relative}.kbd-head[data-v-2c055d5e]{justify-content:flex-start;align-items:center;gap:.625rem;margin-bottom:.75rem;display:flex}.kbd-hide[data-v-2c055d5e]{border-radius:var(--radius-action);cursor:pointer;border:1px solid var(--c-border);background:var(--c-panel);width:1.75rem;height:1.75rem;color:var(--c-text);justify-content:center;align-items:center;padding:0;display:inline-flex}.kbd-hide[data-v-2c055d5e]:hover{color:var(--c-accent);border-color:var(--c-accent)}.kbd[data-v-2c055d5e]{padding-top:.5rem}.kbd-row[data-v-2c055d5e]{justify-content:center;gap:.375rem;margin-bottom:.375rem;display:flex}.key[data-v-2c055d5e]{cursor:pointer;background:var(--c-panel);border:1px solid var(--c-border);width:2.625rem;height:2.625rem;color:var(--c-text);border-radius:.4375rem;justify-content:center;align-items:center;font-size:.9375rem;font-weight:600;transition:all .12s;display:flex}.key.z1[data-v-2c055d5e]{background:#ef45650f}.key.z2[data-v-2c055d5e]{background:#ffd1661a}.key.z3[data-v-2c055d5e]{background:#3dd68c14}.key.z4[data-v-2c055d5e]{background:#3da9fc14}.key.z5[data-v-2c055d5e]{background:#8250df0f}.key[data-v-2c055d5e]:hover{transform:translateY(-1px)}.key.in-code[data-v-2c055d5e]{box-shadow:0 0 0 2px var(--c-accent)}.key.lit[data-v-2c055d5e]{color:#fff}.kbd-wrap.docked{z-index:10;background:var(--c-panel);border-top:var(--hairline-w) solid var(--c-hairline);box-sizing:border-box;margin:0;padding-inline:1rem;transition:transform .28s ease-out;position:fixed;bottom:0;left:0;right:0}.kbd-wrap.docked.collapsed{transform:translateY(calc(100% - 63px))}.compare[data-v-2b4cf1d2]{--stack-w:18.75rem;flex-direction:column;display:flex}.side-label[data-v-2b4cf1d2]{text-align:center;letter-spacing:.04em;color:var(--c-text);margin:0 0 .5rem;padding-top:1rem;font-family:Georgia,Iowan Old Style,Times New Roman,Songti SC,serif;font-size:2.25rem;font-style:italic}.cards[data-v-2b4cf1d2]{grid-template-columns:repeat(2, var(--stack-w));justify-content:center;margin-bottom:1rem;display:grid}@media (width>=75rem){.compare[data-v-2b4cf1d2]{flex-direction:row;justify-content:center;width:75rem;max-width:100%;margin-inline:auto}.side-pinyin[data-v-2b4cf1d2]{border-left:var(--hairline-w) solid var(--c-hairline)}}@media (width<=74.99rem){.compare[data-v-2b4cf1d2]{--stack-w:min(42vw, 18.75rem);gap:1rem}}.hero[data-astro-cid-lcdefpme]{background:var(--c-panel);box-sizing:border-box;flex-direction:column;min-height:calc(100dvh - 8.5rem);display:flex}.hero-divider[data-astro-cid-lcdefpme]{border-top:var(--hairline-w) solid var(--c-hairline)}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme]{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-block:1rem;display:flex}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .kicker[data-astro-cid-lcdefpme]{letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin:0 0 .375rem;font-size:.8125rem;font-weight:600}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .kicker[data-astro-cid-lcdefpme]:before,.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .kicker[data-astro-cid-lcdefpme]:after{content:"—";color:var(--c-border);margin-inline:.625rem}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem;font-weight:700;line-height:1.12}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .accent-serif[data-astro-cid-lcdefpme]{color:var(--c-accent);font-family:Georgia,Iowan Old Style,Times New Roman,Songti SC,serif;font-style:italic;font-weight:500}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .lede[data-astro-cid-lcdefpme]{max-width:34rem;color:var(--c-muted);margin:0 0 1rem;font-size:1rem}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .cta-row[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .btn-primary[data-astro-cid-lcdefpme]{background:var(--c-accent);color:#fff;border:1px solid var(--c-accent);border-radius:var(--radius-action);padding:.4375rem 1.125rem;font-weight:600;display:inline-block}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .btn-primary[data-astro-cid-lcdefpme]:hover{background:#1a5fd0;text-decoration:none}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .btn-ghost[data-astro-cid-lcdefpme]{background:var(--c-panel);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-action);padding:.4375rem 1.125rem;font-weight:600;display:inline-block}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .btn-ghost[data-astro-cid-lcdefpme]:hover{border-color:var(--c-accent);color:var(--c-accent);text-decoration:none}.hero[data-astro-cid-lcdefpme] .hero-copy[data-astro-cid-lcdefpme] .mode-label[data-astro-cid-lcdefpme]{margin:.625rem 0 0;font-size:.8125rem}section[data-astro-cid-lcdefpme]+section[data-astro-cid-lcdefpme]{border-top:var(--hairline-w) solid var(--c-hairline)}section[data-astro-cid-lcdefpme]+section[data-astro-cid-lcdefpme]>.container[data-astro-cid-lcdefpme]{padding-block:2.25rem}section[data-astro-cid-lcdefpme]+section[data-astro-cid-lcdefpme]>.container[data-astro-cid-lcdefpme],section[data-astro-cid-lcdefpme]+section[data-astro-cid-lcdefpme]>.modes-grid[data-astro-cid-lcdefpme]{box-sizing:border-box;border-inline:var(--hairline-w) solid var(--c-hairline)}section[data-astro-cid-lcdefpme]+section[data-astro-cid-lcdefpme]>.container[data-astro-cid-lcdefpme]{padding-inline:1.5rem}h2[data-astro-cid-lcdefpme]{margin:0 0 1rem;font-size:1.3rem}.modes[data-astro-cid-lcdefpme]{display:flex}.modes[data-astro-cid-lcdefpme] .modes-grid[data-astro-cid-lcdefpme]{width:100%;max-width:var(--w-container);grid-template-columns:1fr;margin-inline:auto;display:grid}.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme]{padding:2.25rem 1.5rem}.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{margin:0 0 1rem;font-size:1.3rem}.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin:0 0 .5rem;font-size:1.05rem}.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--c-muted);margin:0 0 .625rem;font-size:.9375rem}.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme] ul[data-astro-cid-lcdefpme]{margin:0;padding-left:1.125rem;font-size:.9375rem;line-height:1.9}@media (width<=47.99rem){.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme]+.mode[data-astro-cid-lcdefpme]{border-top:var(--hairline-w) solid var(--c-hairline)}}@media (width>=48rem){.modes[data-astro-cid-lcdefpme] .modes-grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(3,1fr)}.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme]+.mode[data-astro-cid-lcdefpme]{border-left:var(--hairline-w) solid var(--c-hairline)}.modes[data-astro-cid-lcdefpme] .mode[data-astro-cid-lcdefpme]:last-child{padding-right:0}}.howto[data-astro-cid-lcdefpme] ol[data-astro-cid-lcdefpme]{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.howto[data-astro-cid-lcdefpme] ol[data-astro-cid-lcdefpme]{grid-template-columns:repeat(3,1fr)}}.howto[data-astro-cid-lcdefpme] ol[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin:0 0 .375rem;font-size:1rem}.howto[data-astro-cid-lcdefpme] ol[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--c-muted);margin:0 0 .5rem;font-size:.9375rem}.why-block[data-astro-cid-lcdefpme]+.why-block[data-astro-cid-lcdefpme]{border-top:var(--hairline-w) solid var(--c-hairline);margin-inline:-1.5rem;padding-inline:1.5rem}.why-block[data-astro-cid-lcdefpme]{padding-block:1rem}.why-block[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin:0 0 .375rem;font-size:1.05rem}.why-block[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--c-muted);max-width:42rem;margin:0}.faq-item[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin:0 0 .375rem;font-size:1rem}.faq-item[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--c-muted);margin:0 0 1rem}.sitemap[data-astro-cid-lcdefpme] ul[data-astro-cid-lcdefpme]{margin:0 0 .75rem;padding-left:1.25rem;line-height:1.9}