.gwubi-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.gwubi-stats .g-stat{min-width:76px}.gwubi-stage{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(100%,560px);min-height:176px;margin:0 auto 14px;padding:10px 14px 18px;display:flex;position:relative}.gwubi-clock{background:var(--bg-soft);border-radius:3px;width:100%;height:5px;overflow:hidden}.gwubi-clock-fill{background:var(--brand);width:0;height:100%;transition:width .1s linear;display:block}.gwubi-clock.is-low .gwubi-clock-fill{background:#d92b2b}.gwubi-tip{color:var(--text-3);margin:2px 0 0;font-size:13px}.gwubi-prompt{text-align:center;word-break:break-all;justify-content:center;align-items:center;min-height:62px;margin:0;font-weight:800;line-height:1.25;display:flex}.gwubi-prompt.is-zigen{font-size:60px}.gwubi-prompt.is-jianma{color:var(--brand-dark);font-size:60px}.gwubi-prompt.is-koujue{letter-spacing:1px;font-size:24px}.gwubi-feedback{min-height:1.5em;color:var(--text-3);text-align:center;margin:0;font-size:14px}.gwubi-feedback.is-ok{color:#2a7d2a;font-weight:700}.gwubi-feedback.is-bad{color:#b8421e;font-weight:700}.gwubi-over{gap:4px;padding:10px 14px;overflow:auto}.gwubi-ovlist{flex-direction:column;align-items:center;gap:3px;max-width:94%;display:flex}.gwubi-ovnote{color:var(--text-2);margin:0;font-size:12.5px;line-height:1.55}.gwubi-stage>.gwubi-over{background:#fffaf1f7;border-radius:10px}.gwubi-ovbtns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.g-ui .gwubi-ovbtns .g-btn{min-height:36px;padding:0 14px;font-size:14px}.gwubi-stage>.gwubi-over{justify-content:safe center}.gwubi-stage:has(>.gwubi-over:not([hidden]) .gwubi-ovbtns){min-height:250px}.gwubi-kb{--gwubi-u:calc((100% - 45px) / 10);width:min(100%,560px);margin:0 auto}.gwubi-row{gap:5px;margin-bottom:5px;display:flex}.gwubi-row-2{padding-left:calc(var(--gwubi-u) * .4 + 2px)}.gwubi-row-3{padding-left:calc(var(--gwubi-u) * 1.8 + 9px)}.gwubi-key{width:var(--gwubi-u);min-width:0;font:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-top-width:3px;border-radius:7px;flex-direction:column;flex:none;align-items:center;gap:1px;padding:5px 2px 6px;display:flex;overflow:hidden}.gwubi-key-letter{font-size:15px;font-weight:800;line-height:1.1}.gwubi-key-lead{color:var(--text-2);font-size:11px;line-height:1.1}.gwubi-key-roots{color:var(--text-3);word-break:break-all;text-align:center;font-size:9.5px;line-height:1.15}.gwubi-key.is-zone1,.gwubi-legend-item.is-zone1{border-top-color:#e0562b}.gwubi-key.is-zone2,.gwubi-legend-item.is-zone2{border-top-color:#3d7bd9}.gwubi-key.is-zone3,.gwubi-legend-item.is-zone3{border-top-color:#3fae5a}.gwubi-key.is-zone4,.gwubi-legend-item.is-zone4{border-top-color:#b8860b}.gwubi-key.is-zone5,.gwubi-legend-item.is-zone5{border-top-color:#9b59b6}.gwubi-key.is-ok{background:#ddf1dc;border-color:#9cc99a}.gwubi-key.is-bad{background:#fadbd8;border-color:#e0a79f}.gwubi-key.is-answer{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.gwubi-kb.is-bare .gwubi-key-lead,.gwubi-kb.is-bare .gwubi-key-roots{display:none}.gwubi-kb.is-bare .gwubi-key{padding:10px 2px}.gwubi-legend{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.gwubi-legend-item{color:var(--text-2);background:var(--bg-soft);border-top:3px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px}@media (max-width:720px){.gwubi-stats .g-stat{min-width:62px;padding:4px 7px}.gwubi-stats .g-stat-val{font-size:16px}.gwubi-stage{min-height:152px;padding:8px 10px 14px}.gwubi-prompt{min-height:52px}.gwubi-prompt.is-zigen,.gwubi-prompt.is-jianma{font-size:48px}.gwubi-prompt.is-koujue{letter-spacing:0;font-size:18px}.gwubi-feedback{font-size:12.5px}.gwubi-kb{--gwubi-u:calc((100% - 27px) / 10)}.gwubi-row{gap:3px;margin-bottom:3px}.gwubi-row-2{padding-left:calc(var(--gwubi-u) * .4 + 1px)}.gwubi-row-3{padding-left:calc(var(--gwubi-u) * 1.8 + 5px)}.gwubi-key{border-radius:5px;padding:4px 1px 5px}.gwubi-key-letter{font-size:12.5px}.gwubi-key-lead{font-size:9.5px}.gwubi-key-roots{font-size:8px}.gwubi-legend-item{padding:2px 6px;font-size:11px}.gwubi-ovnote{font-size:11.5px}}@media (orientation:landscape) and (max-height:520px){.gwubi-body{grid-template:"stats kb""stage kb""status legend"". ."1fr/minmax(0,1fr) minmax(0,1.2fr);align-items:start;column-gap:14px;display:grid}.gwubi-body>.gwubi-stats{flex-wrap:nowrap;grid-area:stats;gap:4px;margin:0 0 8px}.gwubi-body>.gwubi-stats .g-stat{flex:1 1 0;min-width:0;padding:2px 3px}.gwubi-body>.gwubi-stats .g-stat-val{font-size:15px}.gwubi-body>.gwubi-stage{grid-area:stage;width:auto;min-height:150px;margin:0;padding:8px 10px 12px}.gwubi-body .gwubi-prompt{min-height:52px}.gwubi-body .gwubi-prompt.is-zigen,.gwubi-body .gwubi-prompt.is-jianma{font-size:46px}.gwubi-body .gwubi-prompt.is-koujue{letter-spacing:0;font-size:18px}.gwubi-body>.g-status{grid-area:status;margin:6px 0 0;font-size:14px}.gwubi-body>.gwubi-kb{--gwubi-u:calc((100% - 27px) / 10);grid-area:kb;width:auto;margin:0}.gwubi-body .gwubi-row{gap:3px;margin-bottom:3px}.gwubi-body .gwubi-row-2{padding-left:calc(var(--gwubi-u) * .4 + 1px)}.gwubi-body .gwubi-row-3{padding-left:calc(var(--gwubi-u) * 1.8 + 5px)}.gwubi-body .gwubi-key{border-radius:6px;padding:5px 1px 6px}.gwubi-body .gwubi-key-letter{font-size:14px}.gwubi-body .gwubi-key-lead{font-size:10px}.gwubi-body .gwubi-key-roots{font-size:8.5px}.gwubi-body>.gwubi-legend{grid-area:legend;gap:4px;margin-top:6px}.gwubi-body .gwubi-legend-item{padding:2px 6px;font-size:11px}}.gwubi-stage{background:#fffaf1;border:2px solid #2b2420;box-shadow:inset 0 -4px #efe3cf,0 4px #d8c7ab,0 8px 14px #2b24201a}.gwubi-clock{background:#ece2d2;box-shadow:inset 0 1px #2b24201f}.gwubi-feedback.is-ok{color:#2f8a45}.gwubi-feedback.is-bad{color:#c8322a}.gwubi-key{--z:#cdbfa8;--d:#e0cfb3;box-shadow:inset 0 4px 0 var(--z), inset 0 -4px 0 var(--d), 0 2px 0 #2b242033;background:#fffaf1;border:2px solid #2b2420;padding-top:7px;padding-bottom:9px;transition:transform 60ms,box-shadow 60ms,background .1s;position:relative}.gwubi-key:before{content:"";pointer-events:none;background:#fffffff2;border-radius:2px;width:8px;height:3px;position:absolute;top:7px;left:5px;transform:rotate(-14deg)}.gwubi-key:hover{background:#fff3df}.gwubi-key:active{box-shadow:inset 0 4px 0 var(--z), inset 0 -2px 0 var(--d);transform:translateY(2px)}.gwubi-key.is-zone1{--z:#e0562b}.gwubi-key.is-zone2{--z:#3d7bd9}.gwubi-key.is-zone3{--z:#3fae5a}.gwubi-key.is-zone4{--z:#d49a1a}.gwubi-key.is-zone5{--z:#9b59b6}.gwubi-key,.gwubi-key[class*=is-zone]{border-top:2px solid #2b2420}.gwubi-key.is-ok{--d:#37864a;background:#4fae5f;border-color:#2b2420;animation:.2s ease-out gwubi-pop}.gwubi-key.is-bad{--d:#a8291f;background:#e0483a;border-color:#2b2420;animation:.24s ease-out gwubi-shake}.gwubi-key.is-answer{--d:#b8411c;box-shadow:inset 0 4px 0 var(--z), inset 0 -4px 0 var(--d), 0 0 0 3px #e0562b33;background:#ffbf85;border-color:#2b2420}.gwubi-key.is-ok .gwubi-key-letter,.gwubi-key.is-ok .gwubi-key-lead,.gwubi-key.is-ok .gwubi-key-roots,.gwubi-key.is-bad .gwubi-key-letter,.gwubi-key.is-bad .gwubi-key-lead,.gwubi-key.is-bad .gwubi-key-roots{color:#fff}@keyframes gwubi-pop{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gwubi-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.gwubi-legend-item{color:#5c5047;box-shadow:inset 0 3px 0 var(--z,#cdbfa8), inset 0 -2px 0 #e0cfb3;background:#fffaf1;border:1.5px solid #2b2420;padding-top:5px}.gwubi-legend-item.is-zone1{--z:#e0562b;border-top-color:#2b2420}.gwubi-legend-item.is-zone2{--z:#3d7bd9;border-top-color:#2b2420}.gwubi-legend-item.is-zone3{--z:#3fae5a;border-top-color:#2b2420}.gwubi-legend-item.is-zone4{--z:#d49a1a;border-top-color:#2b2420}.gwubi-legend-item.is-zone5{--z:#9b59b6;border-top-color:#2b2420}@media (max-width:720px){.gwubi-key{box-shadow:inset 0 3px 0 var(--z), inset 0 -3px 0 var(--d), 0 1.5px 0 #2b242033;border-width:1.5px;padding-top:5px;padding-bottom:7px}.gwubi-key,.gwubi-key[class*=is-zone]{border-top-width:1.5px}.gwubi-key:before{width:6px;height:2px;top:5px;left:3px}}@media (orientation:landscape) and (max-height:520px){.gwubi-body .gwubi-key{padding-top:6px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){.gwubi-key{transition:none}.gwubi-key.is-ok,.gwubi-key.is-bad{animation:none}}.gwubi[data-gz]>.gwubi-body{zoom:var(--gz);padding-left:var(--gzpad);padding-right:var(--gzpad)}.gwubi-prompt.is-danzi{font-size:64px}.gwubi-dz{justify-content:center;align-items:center;gap:10px;display:flex}.gwubi-dz-code{gap:6px;display:flex}.gwubi-dz-slot{color:#2b2420;background:#fbf5ea;border:2px dashed #cdbfa8;border-radius:8px;justify-content:center;align-items:center;width:38px;height:42px;font-size:22px;font-weight:800;line-height:1;display:inline-flex}.gwubi-dz-slot.is-on{background:#fffdf8;border:2px solid #2b2420;box-shadow:inset 0 -3px #e0cfb3}.gwubi-dz-code.is-ok .gwubi-dz-slot.is-on{color:#fff;background:#4fae5f;box-shadow:inset 0 -3px #37864a}.gwubi-dz-code.is-bad .gwubi-dz-slot.is-on{color:#fff;background:#e0483a;box-shadow:inset 0 -3px #a8291f}.gwubi-dz-code.is-bad{animation:.24s ease-out gwubi-shake}.g-ui .gwubi-dz .g-btn{min-height:38px;padding:0 12px;font-size:14px}@media (max-width:720px){.gwubi-prompt.is-danzi{font-size:50px}.gwubi-dz{gap:6px}.gwubi-dz-slot{width:32px;height:36px;font-size:19px}.g-ui .gwubi-dz .g-btn{min-height:34px;padding:0 9px;font-size:13px}}@media (orientation:landscape) and (max-height:520px){.gwubi-body .gwubi-prompt.is-danzi{min-height:46px;font-size:44px}.gwubi-dz-slot{width:30px;height:32px;font-size:17px}}@media (prefers-reduced-motion:reduce){.gwubi-dz-code.is-bad{animation:none}}@media (max-width:720px){.gwubi-over .g-overlay-title{font-size:20px}.gwubi-over .g-overlay-sub{margin-bottom:2px;font-size:13.5px;line-height:1.6}}