.wubi-kb-panel[data-v-83571c96]{width:100%}.wubi-kb-scroll[data-v-83571c96]{overflow-x:visible;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}.wubi-kb[data-v-83571c96]{margin-inline:0;width:100%;--key-gap:clamp(.14rem,.28vw,.28rem);--key-size:clamp(2.15rem,calc(10% - var(--key-gap)*9/10),4.5rem);--key-tall:var(--key-size)}.wubi-kb__row[data-v-83571c96]{display:flex;flex-wrap:nowrap;gap:var(--key-gap);justify-content:flex-start;margin-bottom:var(--key-gap);width:100%}.wubi-kb__row--1[data-v-83571c96]{padding-left:calc(var(--key-size)*.5 + var(--key-gap)*.5)}.wubi-kb__row--2[data-v-83571c96]{padding-left:calc(var(--key-size)*1.25 + var(--key-gap)*1.25)}.wubi-key[data-v-83571c96]{aspect-ratio:1/1;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.35rem;box-sizing:border-box;display:flex;flex:0 0 var(--key-size);flex-direction:column;height:var(--key-tall);justify-content:space-between;padding:clamp(.12rem,calc(var(--key-size)*.08),.2rem);width:var(--key-size)}.wubi-key__radicals[data-v-83571c96]{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;gap:.05rem .08rem;line-height:1.12;min-height:0;overflow:hidden}.wubi-key__rad[data-v-83571c96]{color:#475569;font-size:clamp(.55rem,calc(var(--key-size)*.3),.92rem)}.wubi-key__foot[data-v-83571c96]{align-items:flex-end;display:flex;flex-shrink:0;gap:.1rem;justify-content:space-between;min-height:calc(var(--key-size)*.44);padding-top:.04rem}.wubi-key__l1[data-v-83571c96]{color:#0f172a;font-size:clamp(1.12rem,calc(var(--key-size)*.52),1.85rem);font-weight:800;letter-spacing:-.02em;line-height:1}.wubi-key__letter[data-v-83571c96]{color:#64748b;font-family:ui-monospace,monospace;font-size:clamp(.5rem,calc(var(--key-size)*.22),.72rem);font-weight:600}.wubi-key--g[data-v-83571c96]{border-bottom:3px solid #f59e0b}.wubi-key--f[data-v-83571c96]{border-bottom:3px solid #10b981}.wubi-key--d[data-v-83571c96]{border-bottom:3px solid #0ea5e9}.wubi-key--s[data-v-83571c96]{border-bottom:3px solid #f43f5e}.wubi-key--h[data-v-83571c96]{border-bottom:3px solid #8b5cf6}.wubi-key--plain[data-v-83571c96]{border-bottom:3px solid #94a3b8}.wubi-zone-dot[data-v-83571c96]{border-radius:9999px;display:inline-block;height:.5rem;width:.5rem}.wubi-zone-dot--g[data-v-83571c96]{background:#f59e0b}.wubi-zone-dot--f[data-v-83571c96]{background:#10b981}.wubi-zone-dot--d[data-v-83571c96]{background:#0ea5e9}.wubi-zone-dot--s[data-v-83571c96]{background:#f43f5e}.wubi-zone-dot--h[data-v-83571c96]{background:#8b5cf6}.dark{background:#1e293bf2;border-color:#475569a6}.dark{color:#cbd5e1}.dark{color:#f8fafc}.dark{color:#94a3b8}.dark{background:#f59e0b1f;border-bottom-color:#fbbf24d9}.dark{background:#10b9811f;border-bottom-color:#34d399d9}.dark{background:#0ea5e91f;border-bottom-color:#38bdf8d9}.dark{background:#f43f5e1f;border-bottom-color:#fb7185d9}.dark{background:#8b5cf61f;border-bottom-color:#a78bfad9}.dark{background:#33415580;border-bottom-color:#94a3b88c}@media (max-width:767px){.wubi-kb-scroll[data-v-83571c96]{overflow-x:auto}.wubi-kb[data-v-83571c96]{--key-gap:.08rem;--key-size:clamp(2rem,calc(10vw - .25rem - var(--key-gap)*9/10),2.7rem);--key-tall:calc(var(--key-size)*1.6)}.wubi-kb[data-v-83571c96],.wubi-kb__row[data-v-83571c96]{min-width:100%;width:-moz-max-content;width:max-content}.wubi-key[data-v-83571c96]{aspect-ratio:auto;border:none;border-radius:.2rem;display:grid;grid-template-rows:minmax(0,1fr) auto;height:var(--key-tall);justify-content:stretch;min-height:var(--key-tall);row-gap:.05rem}.wubi-key__radicals[data-v-83571c96]{flex:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.wubi-key__foot[data-v-83571c96]{min-height:calc(var(--key-size)*.38)}.wubi-key__rad[data-v-83571c96]{font-size:clamp(.38rem,calc(var(--key-size)*.2),.58rem);line-height:1.05}.wubi-key__l1[data-v-83571c96]{font-size:clamp(.9rem,calc(var(--key-size)*.44),1.2rem)}.wubi-key__letter[data-v-83571c96]{font-size:clamp(.45rem,calc(var(--key-size)*.2),.58rem)}.wubi-key--g[data-v-83571c96]{border-bottom:2px solid #f59e0b}.wubi-key--f[data-v-83571c96]{border-bottom:2px solid #10b981}.wubi-key--d[data-v-83571c96]{border-bottom:2px solid #0ea5e9}.wubi-key--s[data-v-83571c96]{border-bottom:2px solid #f43f5e}.wubi-key--h[data-v-83571c96]{border-bottom:2px solid #8b5cf6}.wubi-key--plain[data-v-83571c96]{border-bottom:2px solid #94a3b8}}