.akeyboard-keyboard.dark{--keyboardBgColor: #303030;--btnBgColor: #000;--btnBgHoverColor: var(--primary, #3f6ed3);--btnColor: #fff;--btnHoveColor: #fff;--btnTipsColor: #e96767}.akeyboard-keyboard.light{--keyboardBgColor: #e4e4e4;--btnBgColor: #fff;--btnBgHoverColor: var(--primary, #3f6ed3);--btnColor: #000;--btnHoveColor: #fff;--btnTipsColor: #aaa}.akeyboard-keyboard{--keyWidth: 50px;height:400px;width:910px;background:var(--keyboardBgColor);border-radius:5px;padding:6px 5px 5px;box-sizing:border-box;font-size:16px;z-index:1000000;position:relative;color:var(--btnColor);font-family:BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji",Segoe UI Symbol,"Noto Color Emoji";display:none;-webkit-user-select:none;user-select:none}.akeyboard-keyboard-fixed-bottom-center{position:fixed!important;bottom:0;left:calc(50% - 450px)}.akeyboard-move{position:absolute;top:calc(95% - 420px);left:calc(50% - 450px)}.akeyboard-keyboard-inner-keys,.akeyboard-keyboard-space{text-align:center;position:relative;margin:0 auto}.output-zone{display:flex;height:0;border-radius:4px;margin:0 6px 6px;box-sizing:border-box;background-color:var(--btnBgColor);justify-content:space-between;overflow:hidden;transition:height .24s ease-in-out}.zh{font-size:12px}.output-zone .zh-pinyin-letter{font-size:30px;line-height:28px;font-weight:700;color:var(--btnTipsColor);margin-left:16px;flex:1;overflow:hidden;text-overflow:ellipsis}.output-zh{padding:0;margin:0;width:calc(100% - 60px)}.output-zh>li{padding:0 12px;cursor:pointer;float:left;list-style:none}.hide{display:none}.output-zh>li:active,.output-zh>li:hover{color:var(--btnHoveColor);background-color:var(--btnBgHoverColor)}.output-zone-op{height:40px;line-height:40px}.output-zone-op>span{display:inline-block;height:100%;padding:0 8px;font-size:24px;cursor:pointer}.output-zone-op>.zhkeyboard:active{background-color:var(--btnBgHoverColor)}.output-zone-op .unclick{color:#585656;cursor:not-allowed}.keyboard-op{height:44px;line-height:44px;font-size:20px;cursor:move;background-color:var(--btnBgColor);display:flex;justify-content:space-between;margin:0 6px;border-radius:5px}.keyboard-op>.slide-down{font-weight:700;color:var(--btnTipsColor);cursor:pointer;padding:0 20px;border-left:3px solid var(--keyboardBgColor)}.keyboard-op>.slide-down:hover,.slide-down:active{background-color:var(--btnBgHoverColor);color:var(--btnHoveColor)}.akeyboard-keyboard-keys{height:var(--keyWidth);width:var(--keyWidth);border-radius:5px;background:var(--btnBgColor);display:inline-block;line-height:var(--keyWidth);text-align:center;box-sizing:border-box;margin:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.akeyboard-keyboard-keys:hover,.akeyboard-keyboard-keys:active{background:var(--btnBgHoverColor);color:var(--btnHoveColor)}.input-cut{width:120px}.input-cut>.en{font-weight:600;font-size:18px}.keyboard-feature-keys-active{background-color:var(--btnBgHoverColor);color:#fff}.akeyboard-keyboard-keys-Delete,.akeyboard-keyboard-keys-Tab{width:80px}.akeyboard-keyboard-keys-Caps{width:86px}.akeyboard-keyboard-keys-Enter{width:102px}.akeyboard-keyboard-keys-Shift{width:120px}.akeyboard-keyboard-keys-Space{width:450px}