.flypy-figure{border-radius:calc(var(--radius,.25rem) + .25rem);border:1px solid color-mix(in oklab,var(--ui-border,var(--border,var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#3f3f46))) 60%,transparent);background:color-mix(in oklab,var(--ui-bg,var(--background,var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b))) 80%,var(--ui-border,var(--muted,var(--lightningcss-light,#dcdce2)var(--lightningcss-dark,#353540))));width:100%;margin:1.25rem 0;padding:.85rem;overflow:visible}html.dark .flypy-figure{background:color-mix(in oklab,var(--ui-bg,var(--background,#18181b)) 74%,color-mix(in oklab,var(--ui-border,var(--muted,#353540)) 100%,#fff 6%))}@media (width<=640px){.flypy-figure{padding:.65rem}}.flypy-kind-phonetic{color:var(--ui-text,var(--foreground,var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e4e4e7)))}.flypy-kind-non-phonetic{color:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171)}.flypy-kind-special{color:var(--ui-success)}.flypy-kind-stroke{color:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa)}.flypy-tone-default{color:var(--ui-text,var(--foreground,var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#e4e4e7)))}.flypy-tone-initial{color:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171)}.flypy-tone-final{color:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa)}.flypy-tone-final-green{color:var(--ui-success)}.flypy-tone-orange{color:var(--lightningcss-light,#ea580c)var(--lightningcss-dark,#fb923c)}.flypy-tone-green{color:var(--ui-success)}.flypy-svg-type{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;width:100%;height:auto;font-family:LXGW WenKai,LXGW WenKai Light,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:block;overflow:visible}@media (prefers-color-scheme:dark){.flypy-svg-type{--lightningcss-light: ;--lightningcss-dark:initial}}.flypy-svg-key-fill{fill:color-mix(in oklab,var(--ui-bg,var(--background,var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b))) 58%,transparent)}.flypy-svg-key-stroke{stroke:color-mix(in oklab,var(--ui-border,var(--border,var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#3f3f46))) 74%,transparent)}.flypy-svg-brand-fo{box-sizing:border-box;width:100%;height:100%;overflow:visible}.flypy-svg-brand-fo>*{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important}.flypy-svg-brand-fo button{font-size:.95rem;line-height:1.15}.flypy-svg-download-btn{cursor:pointer;appearance:none;border:1px solid color-mix(in oklab,var(--ui-primary,var(--primary,#2563eb)) 70%,transparent);border-radius:calc(var(--radius,.25rem) + .1rem);background:var(--ui-primary,var(--primary,#2563eb));width:100%;height:100%;color:var(--ui-text-inverted,#fff);text-align:center;letter-spacing:.06em;box-shadow:inset 0 1px 0 oklab(100% 0 5.96046e-8/.18),0 1px 2px color-mix(in oklab,var(--ui-primary,var(--primary,#2563eb)) 35%,transparent);place-items:center;margin:0;font-family:inherit;font-size:clamp(.6rem,2.4cqi,.76rem);font-weight:700;line-height:1.1;display:grid}.flypy-alphabet-outer{margin:1.25rem 0}.flypy-alphabet-wrap{flex-direction:column;gap:1rem;display:flex}.flypy-alphabet-section{border-radius:calc(var(--radius,.25rem) + .12rem);border:1px solid color-mix(in oklab,var(--ui-border,var(--border,var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#3f3f46))) 48%,transparent);background:color-mix(in oklab,var(--ui-bg,var(--background,var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b))) 92%,var(--lightningcss-light,#d4d4d8)var(--lightningcss-dark,#3f3f46));padding:.75rem;overflow:hidden}@media (width>=640px){.flypy-alphabet-section{padding:1rem}}.flypy-alphabet-section.initial{box-shadow:inset 3px 0 var(--lightningcss-light,oklab(57.7099% .191149 .0987651/.55))var(--lightningcss-dark,oklab(71.0627% .153814 .0628211/.55))}.flypy-alphabet-section.final{box-shadow:inset 3px 0 var(--lightningcss-light,oklab(54.615% -.026671 -.213549/.55))var(--lightningcss-dark,oklab(71.374% -.0380177 -.138249/.55))}.flypy-alphabet-section.syllable{box-shadow:inset 3px 0 0 color-mix(in oklab,var(--ui-success) 55%,transparent)}.flypy-alphabet-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.flypy-alphabet-section-title.initial{color:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171)}.flypy-alphabet-section-title.final{color:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa)}.flypy-alphabet-section-title.syllable{color:var(--ui-success)}.flypy-alphabet-grid{gap:var(--flypy-gap);--flypy-gap:clamp(.18rem, .85cqi, .34rem);--flypy-unit:calc(10cqi - var(--flypy-gap)*9/10);--flypy-key-pad:clamp(.24rem, .95cqi, .38rem);flex-wrap:wrap;display:flex;container-type:inline-size}.flypy-key-size{width:var(--flypy-unit);min-width:0;height:var(--flypy-unit);min-height:var(--flypy-unit);max-height:var(--flypy-unit)}.flypy-alphabet-card{box-sizing:border-box;cursor:default;border-radius:calc(var(--radius,.25rem) + .1rem);background:color-mix(in oklab,var(--ui-bg,var(--background,var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181b))) 72%,var(--lightningcss-light,#c9c9d0)var(--lightningcss-dark,#43434e));min-width:0;padding:var(--flypy-key-pad);border:1px solid var(--lightningcss-light,oklab(87.1108% .00152874 -.00523269/.36))var(--lightningcss-dark,oklab(44.1861% .00397652 -.0140657/.36));flex-direction:column;flex:none;font-family:LXGW WenKai,LXGW WenKai Light,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1;transition:border-color .2s ease-out,opacity .2s ease-out;display:flex;position:relative;overflow:visible}.flypy-alphabet-card.dimmed{opacity:.35}.flypy-alphabet-card.active{z-index:1;border-color:var(--lightningcss-light,oklab(71.1815% .00358039 -.0124317/.65))var(--lightningcss-dark,oklab(37.0323% .00323568 -.0114308/.65))}.flypy-alphabet-card-head{padding-inline-end:.14rem;flex-shrink:0;justify-content:flex-end;align-items:flex-start;width:100%;margin:0;padding-top:.12rem;line-height:1;display:flex}.flypy-alphabet-card-category{text-align:right;white-space:nowrap;opacity:.7;font-size:10px;font-weight:500;line-height:1}.flypy-alphabet-card-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.flypy-alphabet-card-pinyin-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.flypy-alphabet-card-pinyin{text-align:center;font-weight:600}.flypy-alphabet-card-pinyin.initial{font-size:clamp(.88rem,4.4cqi,1.14rem)}.flypy-alphabet-card-pinyin.final{font-size:clamp(.8rem,4cqi,1.04rem)}.flypy-alphabet-card-pinyin.syllable{font-size:clamp(.72rem,3.6cqi,.94rem)}.flypy-alphabet-card-footer{flex-shrink:0;justify-content:center;align-items:flex-end;min-height:clamp(.62rem,2.4cqi,.78rem);display:flex;position:relative}.flypy-alphabet-card-hanzi{text-align:center;color:var(--ui-text-muted,var(--muted-foreground,var(--lightningcss-light,#71717a)var(--lightningcss-dark,#a1a1aa)));font-size:clamp(.54rem,2.35cqi,.68rem);line-height:1}.flypy-small-key{fill:var(--ui-primary,var(--primary,#2563eb))}.flypy-small-pinyin{fill:var(--ui-text-muted,var(--muted-foreground,var(--lightningcss-light,#71717a)var(--lightningcss-dark,#a1a1aa)))}.flypy-group-initial-0{color:var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#f87171)}.flypy-group-initial-1{color:var(--lightningcss-light,#ea580c)var(--lightningcss-dark,#fb923c)}.flypy-group-initial-2{color:var(--lightningcss-light,#ca8a04)var(--lightningcss-dark,#facc15)}.flypy-group-initial-3{color:var(--lightningcss-light,#65a30d)var(--lightningcss-dark,#a3e635)}.flypy-group-initial-4{color:var(--ui-success)}.flypy-group-initial-5{color:var(--lightningcss-light,#0d9488)var(--lightningcss-dark,#2dd4bf)}.flypy-group-initial-6{color:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa)}.flypy-group-initial-7{color:var(--lightningcss-light,#7c3aed)var(--lightningcss-dark,#a78bfa)}.flypy-group-final-0{color:var(--lightningcss-light,#0284c7)var(--lightningcss-dark,#38bdf8)}.flypy-group-final-1{color:var(--lightningcss-light,#4f46e5)var(--lightningcss-dark,#818cf8)}.flypy-group-final-2{color:var(--lightningcss-light,#9333ea)var(--lightningcss-dark,#c084fc)}.flypy-group-final-3{color:var(--lightningcss-light,#1d4ed8)var(--lightningcss-dark,#60a5fa)}.flypy-group-final-4{color:var(--lightningcss-light,#0891b2)var(--lightningcss-dark,#22d3ee)}