.kbs-stage-wrap{position:relative}.kbs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.kbs-caption{color:#7A8C7E;font-size:14px;font-weight:600}.kbs-menu-wrap{position:relative}.kbs-menu-btn{display:flex;align-items:center;gap:4px;padding:5px 11px;border-radius:8px;color:#426452;font-size:14px;font-weight:700;cursor:pointer}.kbs-menu,.kbs-menu-btn{border:1px solid var(--ds-line,#e1e8e0);background:#FFF}.kbs-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:40;width:150px;border-radius:12px;box-shadow:0 12px 28px rgba(16,45,33,.16);padding:7px;display:grid;grid-gap:2px;gap:2px}.kbs-menu-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;font-size:15px;font-weight:600;color:#33513F;cursor:pointer}.kbs-menu-item:hover{background:var(--ds-brand-50,#EFF7F1)}.kbs-stage{display:block;width:min(100%,720px);margin:0 auto;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kbs-key-bg{fill:#FFF;stroke:#D9E2DA;stroke-width:1.2;transition:fill .18s,stroke .18s,transform .12s}.kbs-key-hit{cursor:pointer}.kbs-key-dim .kbs-key-bg{fill:#F5F8F4;stroke:#E3E9E2}.kbs-label-dim .kbs-upper{fill:#8CA093}.kbs-label-dim .kbs-lower{fill:#A9B8AD}.kbs-key-home .kbs-key-bg{fill:#DCEFE4;stroke:#9CCDB4;stroke-width:1.6}.kbs-key-target .kbs-key-bg{fill:url(#kbs-target-grad);stroke:#0B4A3A;stroke-width:1.6}.kbs-key-correct .kbs-key-bg{fill:#2E9E77;stroke:#17694F}.kbs-key-wrong .kbs-key-bg{fill:#C0492F;stroke:#8E3320;animation:kbs-shake .22s ease}.kbs-upper{font-family:Arial,Microsoft YaHei,sans-serif;font-size:21px;font-weight:800;fill:#23352C}.kbs-lower{font-family:Arial,sans-serif;font-size:15px;font-weight:700;fill:#8CA093}.kbs-punct{font-size:19px}.kbs-space-label{font-size:15px;font-weight:700;fill:#8CA093}.kbs-label-correct .kbs-lower,.kbs-label-correct .kbs-upper,.kbs-label-target .kbs-lower,.kbs-label-target .kbs-upper,.kbs-label-wrong .kbs-upper{fill:#FFF}.kbs-label-home .kbs-upper{fill:#0F5543}.kbs-bump{fill:#9DB4A6}.kbs-label-correct .kbs-bump,.kbs-label-target .kbs-bump{fill:#E8F6EE}.kbs-label-home .kbs-bump{fill:#0F5543}.kbs-target-ring{fill:none;stroke:#17715A;stroke-width:2.4;opacity:.85;animation:kbs-pulse 1.5s ease-in-out infinite}@keyframes kbs-pulse{0%,to{opacity:.85}50%{opacity:.3}}@keyframes kbs-shake{0%,to{transform:translateX(0)}30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}.kbs-trail{fill:none;stroke:#17715A;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:2 6;opacity:.68;animation:kbs-trail-move 1s linear infinite}@keyframes kbs-trail-move{to{stroke-dashoffset:-8}}.kbs-palm{fill:url(#kbs-skin);opacity:.34;stroke:#C99F7D;stroke-width:1.1}.kbs-palm-group .kbs-crease{opacity:.3}.kbs-finger{opacity:.36;transition:transform .3s cubic-bezier(.34,.12,.22,1),opacity .18s}.kbs-finger-shape{fill:url(#kbs-skin);stroke:#C99F7D;stroke-width:1}.kbs-nail{fill:#FCEEE1;opacity:.92}.kbs-crease{stroke:#C99F7D;stroke-width:1;fill:none;opacity:.45}.kbs-web{opacity:.35}.kbs-finger.active{opacity:.97}.kbs-finger.active .kbs-finger-shape{filter:url(#kbs-glow);stroke:#0F5543;stroke-width:1.2}.kbs-finger.pressing .kbs-finger-shape{filter:none;fill:#E8C19E}.kbs-tip-ring{fill:none;stroke:#17715A;stroke-width:3;opacity:.9}