.keyboard-body[data-v-4df47823]{height:220px;display:flex;flex-direction:column;gap:12px;width:100%;padding:8px 5px 18px;box-sizing:border-box;z-index:9999;background-color:#f8f9fa;box-shadow:0 -4px 16px #0000001f;border-radius:12px 12px 0 0}.key-row[data-v-4df47823]{display:flex;justify-content:center;gap:8px;height:54px;flex-wrap:nowrap}.key-button[data-v-4df47823]{flex:1;max-width:54px;height:100%;border-radius:8px;background-color:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;-webkit-user-select:none;user-select:none}.key-button[data-v-4df47823]:not([is-function-key=true]):hover{background-color:#f0f7ff;border-color:#b3d1ff;transform:translateY(-1px);box-shadow:0 3px 6px #00000014}.key-button[data-v-4df47823]:not([is-function-key=true]):active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.key-button[is-function-key=true][data-v-4df47823]{max-width:none;flex:none;background-color:#f0f2f5;color:#4e5969;font-size:14px;font-weight:500}.key-button[is-function-key=true][data-v-4df47823]:hover{background-color:#e5e6eb;border-color:#d0d3d9;transform:translateY(-1px);box-shadow:0 3px 6px #00000014}.key-button[is-function-key=true][data-v-4df47823]:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.show-keyboard-btn[data-v-4df47823]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:99;margin:0;width:50px;height:30px}.show-keyboard-btn .key-button[data-v-4df47823]{background-color:#f0f2f5;border-color:#d0d3d9;box-shadow:0 3px 8px #0000001a;transition:all .2s ease}.key-button span[data-v-4df47823]{-webkit-user-select:none;user-select:none}.key-button.disabled[data-v-4df47823]{opacity:.5;cursor:not-allowed;background-color:#f5f5f5!important;border-color:#e0e0e0!important;color:#999!important;transform:none!important;box-shadow:none!important}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:60px;--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);box-sizing:border-box;list-style:none;margin:0;padding-left:0;position:relative}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));white-space:nowrap}.el-menu:not(.el-menu--collapse) .el-sub-menu__title{padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-menu--horizontal{border-right:none;display:flex;flex-wrap:nowrap;height:var(--el-menu-horizontal-height)}.el-menu--horizontal.el-menu--popup-container{height:unset}.el-menu--horizontal.el-menu{border-bottom:1px solid var(--el-menu-border-color)}.el-menu--horizontal>.el-menu-item{align-items:center;border-bottom:2px solid transparent;color:var(--el-menu-text-color);display:inline-flex;height:100%;justify-content:center;margin:0}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:none}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{border-bottom:2px solid transparent;color:var(--el-menu-text-color);height:100%}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-menu-bg-color)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{align-items:center;background-color:var(--el-menu-bg-color);color:var(--el-menu-text-color);display:flex;height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);padding:0 10px}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-menu-item.is-active:hover,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title:hover{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-active-color,var(--el-menu-hover-text-color));outline:none}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{border:none;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:5px 0;z-index:100}.el-menu .el-icon{flex-shrink:0}.el-menu-item{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:none}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-menu-item [class^=el-icon]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{align-items:center;box-sizing:border-box;display:inline-flex;height:100%;left:0;padding:0 var(--el-menu-base-level-padding);position:absolute;top:0;width:100%}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:none}.el-sub-menu__title.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title{padding-right:var(--el-menu-base-level-padding)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu .el-icon{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;margin-right:0;margin-top:-6px;position:absolute;right:var(--el-menu-base-level-padding);top:50%;transition:transform var(--el-transition-duration);width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{color:var(--el-text-color-secondary);font-size:12px;line-height:normal;padding:7px 0 7px var(--el-menu-base-level-padding)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{opacity:0;transition:var(--el-transition-duration-fast)}.server-selector-root[data-v-d22eeb29]{display:flex;flex-direction:column;height:100%;padding:0;box-sizing:border-box}.server-selector-root .recent-servers[data-v-d22eeb29]{height:80px;padding:10px;border:1px solid #e8e8e8;border-radius:4px;width:100%;box-sizing:border-box;background-color:#fff}.server-selector-root .section-title[data-v-d22eeb29]{margin:0 0 10px;font-size:14px;font-weight:500;color:#303133}.server-selector-root .recent-list[data-v-d22eeb29]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.server-selector-root .no-recent[data-v-d22eeb29]{font-size:13px;padding:4px 0;color:#909399}.server-selector-root .server-list-outer[data-v-d22eeb29]{flex:1;overflow:hidden;border:1px solid #e8e8e8;border-radius:4px;padding:8px;box-sizing:border-box;display:flex;flex-direction:column;background-color:#fff;margin-bottom:12px}.server-selector-root .card-header[data-v-d22eeb29]{display:flex;align-items:center;font-weight:500;color:#1890ff;margin-bottom:8px}.server-selector-root .server-title-container[data-v-d22eeb29]{height:50px;padding:10px 0;margin:0;border-bottom:1px solid #e8e8e8;visibility:visible;overflow:visible}.server-selector-root .server-title-text[data-v-d22eeb29]{color:#303133!important;font-weight:600!important;font-size:16px!important;line-height:1.5!important;display:inline-block!important;min-width:100px!important}.server-selector-root .server-list-container[data-v-d22eeb29]{flex:1;overflow-y:auto;overflow-x:hidden;max-height:none}.server-selector-root .server-list-container[data-v-d22eeb29]::-webkit-scrollbar{width:6px}.server-selector-root .server-list-container[data-v-d22eeb29]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}.server-selector-root .server-list-container[data-v-d22eeb29]::-webkit-scrollbar-track{background-color:#f5f7fa}.server-selector-root .loading[data-v-d22eeb29]{text-align:center;padding:20px;color:#1890ff;font-size:14px}.server-selector-root .no-match[data-v-d22eeb29]{text-align:center;padding:20px;color:#909399;font-size:14px}.server-selector-root .server-menu[data-v-d22eeb29]{min-height:auto;border:none}.server-selector-root .server-region[data-v-d22eeb29]{flex:1;background-color:#f5f7fa!important;font-weight:500;color:#606266!important}.server-selector-root .server-item.active[data-v-d22eeb29]{background-color:#e8f4ff!important;color:#1890ff!important}.server-selector-root .keyboard-body[data-v-d22eeb29]{height:220px;display:flex;flex-direction:column;gap:12px;width:100%;padding:8px 20px 18px;box-sizing:border-box;z-index:9999;background-color:#f8f9fa;box-shadow:0 -4px 16px #0000001f;border-radius:12px 12px 0 0}.server-selector-root .key-row[data-v-d22eeb29]{display:flex;justify-content:center;gap:8px;height:54px;flex-wrap:nowrap}.server-selector-root .key-button[data-v-d22eeb29]{flex:1;max-width:54px;height:100%;border-radius:8px;background-color:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;-webkit-user-select:none;user-select:none}.server-selector-root .key-button[is-function-key=true][data-v-d22eeb29]{max-width:none;flex:none;background-color:#f0f2f5;color:#4e5969;font-size:14px}.server-selector-root .key-button[data-v-d22eeb29]:not([is-function-key=true]):hover{background-color:#f0f7ff;border-color:#b3d1ff;transform:translateY(-1px);box-shadow:0 3px 6px #00000014}.server-selector-root .key-button[data-v-d22eeb29]:not([is-function-key=true]):active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.server-selector-root .key-button.disabled[data-v-d22eeb29]{opacity:.5;cursor:not-allowed;background-color:#f5f5f5!important;border-color:#e0e0e0!important;color:#999!important;transform:none!important;box-shadow:none!important}.server-selector-root .recent-servers[data-v-d22eeb29]{height:auto;min-height:80px;padding:10px;border:1px solid #e8e8e8;border-radius:4px;width:100%;box-sizing:border-box;background-color:#fff}.server-selector-root .recent-list-container[data-v-d22eeb29]{overflow:hidden;position:relative;height:45px}.server-selector-root .recent-list[data-v-d22eeb29]{display:flex;flex-wrap:nowrap;gap:8px;padding:2px 0 5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#dcdfe6 transparent;height:40px}.server-selector-root .recent-list[data-v-d22eeb29]::-webkit-scrollbar{height:4px}.server-selector-root .recent-list[data-v-d22eeb29]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:2px}.server-selector-root .recent-list[data-v-d22eeb29]::-webkit-scrollbar-track{background:transparent}.server-selector-root .recent-item[data-v-d22eeb29]{padding:4px 12px;background:#f5f7fa;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.server-selector-root .recent-item[data-v-d22eeb29]:hover{background:#e8f4ff;color:#1890ff}.server-selector-root .close-icon[data-v-d22eeb29]{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;font-size:12px;color:#909399;cursor:pointer;transition:all .2s}.server-selector-root .close-icon[data-v-d22eeb29]:hover{background:#ff4d4f;color:#fff}.server-selector-root .recent-more[data-v-d22eeb29]{padding:4px 10px;background:#f0f2f5;border-radius:16px;font-size:13px;cursor:pointer;color:#606266;white-space:nowrap;transition:all .2s}.server-selector-root .recent-more[data-v-d22eeb29]:hover{background:#e5e6eb;color:#1890ff}.filter.active[data-v-d22eeb29]{border:1px solid #ff0000;color:red}.filter[data-v-d22eeb29]{width:90px;height:30px;border:1px solid #ddd;border-radius:2px;background-color:#fff;color:#333;font-size:14px;display:flex;justify-content:center;line-height:1;align-items:center}