.keyboard-container[data-v-f40ab12a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:20px}.keyboard-main[data-v-f40ab12a]{gap:8px}.keyboard-main[data-v-f40ab12a],.keyboard-right[data-v-f40ab12a],.numpad[data-v-f40ab12a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.numpad[data-v-f40ab12a]{gap:8px}.keyboard-row[data-v-f40ab12a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.key[data-v-f40ab12a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;background:#f5f5f5;border:2px solid #d9d9d9;border-radius:6px;font-size:14px;font-weight:500;color:#333;cursor:default;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.key.active[data-v-f40ab12a]{background:#1890ff;color:#fff;border-color:#1890ff;-webkit-box-shadow:0 0 10px rgba(24,144,255,.5);box-shadow:0 0 10px rgba(24,144,255,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.function-key[data-v-f40ab12a]{width:45px;height:35px;font-size:12px;background:#fafafa}.key[data-key=Backspace][data-v-f40ab12a]{width:80px}.key[data-key=Tab][data-v-f40ab12a]{width:70px}.key[data-key=CapsLock][data-v-f40ab12a]{width:80px}.key[data-key=Enter][data-v-f40ab12a]{width:90px}.key[data-key=ShiftLeft][data-v-f40ab12a],.key[data-key=ShiftRight][data-v-f40ab12a]{width:95px}.alt-key[data-v-f40ab12a],.ctrl-key[data-v-f40ab12a],.menu-key[data-v-f40ab12a],.win-key[data-v-f40ab12a]{width:60px}.space-key[data-v-f40ab12a]{width:240px}.numpad-key[data-v-f40ab12a]{width:50px;height:50px;font-size:14px}.numpad-zero[data-v-f40ab12a]{width:106px}.numpad-enter[data-v-f40ab12a]{height:106px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.key-history[data-v-f40ab12a]{max-height:200px;overflow-y:auto;padding:8px 0}@media (max-width:1400px){.key[data-v-f40ab12a]{width:45px;height:45px;font-size:13px}.space-key[data-v-f40ab12a]{width:240px}.numpad-key[data-v-f40ab12a]{width:45px;height:45px}.numpad-zero[data-v-f40ab12a]{width:96px}.numpad-enter[data-v-f40ab12a]{height:96px}}@media (max-width:1200px){.keyboard-container[data-v-f40ab12a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.keyboard-right[data-v-f40ab12a]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px;margin-top:20px}}@media (max-width:768px){.key[data-v-f40ab12a]{font-size:12px}.function-key[data-v-f40ab12a],.key[data-v-f40ab12a]{width:35px;height:35px}.space-key[data-v-f40ab12a]{width:120px}.alt-key[data-v-f40ab12a],.ctrl-key[data-v-f40ab12a],.menu-key[data-v-f40ab12a],.win-key[data-v-f40ab12a]{width:45px}.numpad-key[data-v-f40ab12a]{width:35px;height:35px}.numpad-zero[data-v-f40ab12a]{width:76px}.numpad-enter[data-v-f40ab12a]{height:76px}}