.setting-dialog{min-width:720px}.setting-dialog .setting-descriptions .el-descriptions__label{width:200px}.setting-dialog .el-upload--picture-card,.setting-dialog .user-info-avatar-upload .el-upload-list--picture-card .el-list-move,.setting-dialog .user-info-avatar-upload .el-upload-list--picture-card .el-upload-list__item{border-radius:50%;height:60px;width:60px}.setting-dialog .setting-user-name{font-size:16px;font-weight:600}.setting-dialog .add-btn{border:1px dashed gray;border-radius:5px;color:#000;cursor:pointer;opacity:1;padding:1px;text-align:center;transition:opacity .3s,cursor .3s;width:100%}.setting-dialog .add-btn.disabled{cursor:not-allowed;opacity:.5}.setting-dialog .el-input-group{margin-bottom:2px}.setting-dialog .el-icon--close-tip,.setting-dialog .el-upload .el-upload--picture-card:first-child{display:none!important}.menu-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.menu-bar{flex:1 1 0;min-height:0;overflow-y:auto}.menu-bar .chat-list-count{align-items:center;background:#d54941;border-radius:50%;box-shadow:0 8px 24px #969ea633;box-sizing:border-box;color:#fff;display:none;font-size:10px;font-style:normal;font-weight:500;height:18px;justify-content:center;min-width:18px;padding:0;position:absolute;right:-15px;text-align:center;top:-5px}.menu-bar .ticket-process-count{background-color:red;border-radius:50%;height:5px;width:5px}.menu-bar .el-menu-item.is-active{background-color:var(--el-color-primary-light-7);border-radius:8px;margin:0 8px}.menu-bar .el-menu-item{margin:0 8px}.menu-bar .el-menu-item:hover{border-radius:8px;margin:0 8px}.menu-bar .parent-indicator{color:var(--el-color-primary);font-size:12px;margin-left:5px}.menu-bar .child-indicator{color:var(--el-color-success);font-size:12px;margin-left:5px}.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:20px}.menu-level-1{margin:unset!important}.menu-collapse-btn{align-items:center;background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);border-top:1px solid #e6e6e6;cursor:pointer;display:flex;height:60px;justify-content:center}.menu-collapse-btn:hover{background-color:var(--el-menu-hover-bg-color)}.body.menu-expanded{--menu-width:var(--menu-max-width);--main-width:calc(100vw - var(--menu-width));--chatList-main-width:calc(100vw - var(--menu-width) - var(--chatList-left-width) - var(--chatList-right-width))}.body.menu-collapsed{--menu-width:var(--menu-collapsed-width);--main-width:calc(100vw - var(--menu-width));--chatList-main-width:calc(100vw - var(--menu-width) - var(--chatList-left-width) - var(--chatList-right-width))}.layout-breadcrumb-container{background-color:#fff;border-bottom:1px solid #e4e7ed;gap:16px;height:var(--breadcrumb-line-height);line-height:var(--breadcrumb-line-height);padding:0 16px;vertical-align:middle;width:100%}.layout-breadcrumb-container .el-breadcrumb__inner{color:#0006;cursor:pointer;font-weight:100}.layout-breadcrumb-container .el-breadcrumb__inner:hover{cursor:pointer}.layout-breadcrumb-container .el-breadcrumb{height:100%;line-height:var(--breadcrumb-line-height);vertical-align:middle}.layout-breadcrumb-container .el-breadcrumb__item.last-item .el-breadcrumb__inner{color:var(--el-text-color-primary);font-weight:700;text-decoration:none;transition:var(--el-transition-color)}.layout-breadcrumb-container .el-breadcrumb__item.last-item .el-breadcrumb__inner:hover{color:var(--el-text-color-primary);font-weight:700}.layout-breadcrumb-container .breadcrumb-back-btn{background:none;border:none;color:#409eff;cursor:pointer;font-size:16px;height:100%;line-height:var(--breadcrumb-line-height);outline:none;position:relative;top:3px;transition:color .2s}.layout-breadcrumb-container .breadcrumb-back-btn .el-icon{margin-top:2px}.layout-breadcrumb-container .breadcrumb-back-btn:hover{color:#66b1ff}:root{--menu-width:200px;--menu-collapsed-width:64px;--menu-max-width:200px;--header-height:56px;--layout-body-height:calc(100vh - var(--header-height));--monitor-banner-height:40px;--chat-wrapper-height:var(--layout-body-height);--chatList-left-width:250px;--chatList-right-width:320px;--chatList-tool-header-height:50px;--chatList-tool-extra-height:27px;--chatList-tab-height:34px;--chatList-queue-height:30px;--nested-layout-height:40px;--primary-text-color:#69b1ff;--mild-theme-color:#6c7cbf;--mild-theme-color-rgb:108,124,191;--rich-editor-height:300px;--edit-rich-editor-height:300px;--chat-card-item-height:70px;--normal-text-size:12px;--breadcrumb-line-height:54px;--breadcrumb-page-height:calc(var(--layout-body-height) - var(--breadcrumb-line-height) - 32px)}*{box-sizing:border-box}.chat-message-pop-wrapper figure video,.chat-message-pop-wrapper video,.chat-message-reply-container figure,.chat-message-reply-container video{height:10rem;margin:0;-o-object-fit:contain;object-fit:contain;width:20rem}.chat-message-reply-container figure video{width:100%}body,html{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}.el-button{width:-moz-fit-content;width:fit-content}.blue-theme{--border-color:#e4e7ed;--el-color-primary:#0052d9;--el-color-primary-light-1:#d9e1ff;--el-color-primary-light-2:#618dff;--el-color-primary-light-3:#86abff;--el-color-primary-light-4:#b5c7ff;--el-color-primary-light-5:#d9e1ff;--el-color-primary-light-6:#eaefff;--el-color-primary-light-7:#f2f3ff;--el-color-primary-light-8:#0052d9 --el-color-primary-light-9:#fbfcff;--el-color-primary-dark-2:#003cab;--el-color-primary-hover:#d9e1ff;--el-color-primary-active:#003cab;--el-menu-active-color:#0052d9;--el-color-success:#2ba471;--el-tag-text-color:#2ba471;--el-color-success-light-1:#56c08d;--el-color-success-light-2:#92dab2;--el-color-success-light-3:#c6f3d7;--el-color-success-light-4:#e3f9e9;--el-color-success-light-8:#2ba471;--el-color-success-dark-2:#008858;--el-color-success-hover:#008858;--el-color-success-active:#006c45;--el-color-warning:#e37318;--el-color-warning-light-1:#fa9550;--el-color-warning-light-2:#ffb98c;--el-color-warning-light-3:#ffd8c2;--el-color-warning-light-4:#fff1e9;--el-color-warning-light-8:#e37318;--el-color-warning-dark-2:#be5a00;--el-color-warning-hover:#be5a00;--el-color-warning-active:#954500;--el-color-danger:#d54a41;--el-color-danger-light-1:#f6685d;--el-color-danger-light-2:#ff9285;--el-color-danger-light-3:#ffb980;--el-color-danger-light-4:#fff0ed;--el-color-danger-light-8:#d54a41;--el-color-danger-dark-2:#ad352f;--el-color-danger-hover:#ad352f;--el-color-danger-active:#881f1c;--el-color-info:#909399;--base-table-stripe-color:#f3f3f3;--el-button-hover-bg-color:var(--el-color-primary-light-1);--el-button-hover-border-color:var(--el-color-primary-light-2);--el-button-hover-text-color:var(--el-color-primary-dark-2);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-active-text-color:#fff;--base-table-th-font-size:13px;--el-color-info:#e7e7e7}.blue-theme .el-button--info{--el-button-text-color:#000}.blue-theme .el-tag.el-tag--info{--el-tag-text-color:#bab2b2}.blue-theme .el-dialog__headerbtn .el-dialog__close{color:#000}.blue-theme .el-input-group__append,.blue-theme .el-input-group__prepend{color:#979494}.blue-theme .el-button{font-family:PingFang SC}.body.menu-collapsed,.body.menu-expanded{--main-width:calc(100vw - var(--menu-width));--chatList-main-width:calc(100vw - var(--menu-width) - var(--chatList-left-width) - var(--chatList-right-width))}.el-drawer .el-drawer__footer{border-top:1px solid var(--border-color)}.el-drawer .el-drawer__header{border-bottom:1px solid var(--border-color);margin-bottom:0;padding-bottom:16px}.el-dialog .el-dialog__header{font-weight:600;margin-bottom:16px;position:relative}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:-12px}.el-dialog .el-dialog__header:after{background:var(--border-color,#ebeef5);bottom:0;content:"";height:1px;left:-16px;pointer-events:none;position:absolute;right:0;width:calc(100% + 32px);z-index:1}.el-dialog .el-dialog__footer{margin-top:12px;position:relative}.el-dialog .el-dialog__footer:before{background:var(--border-color,#ebeef5);content:"";height:1px;left:-16px;pointer-events:none;position:absolute;right:-16px;top:0;width:calc(100% + 32px);z-index:1}.container{display:flex;flex-direction:column;height:100vh;width:100vw}.active.el-dropdown-menu__item{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.header{border-bottom:2px solid #f0f2f5;box-sizing:border-box;height:var(--header-height);padding:5px;text-align:center}.header .header-right-wrapper{height:32px;line-height:32px;margin-top:5px}.header .header-logo{height:30px;margin-left:14px;margin-top:7px;width:30px}.header .normal-icon{margin-right:10px}.header .normal-icon,.header .normal-icon svg{height:20px;width:20px}.header .config-notify-icon{cursor:pointer;height:20px;margin-right:10px;width:20px}.header .online-time-wrapper{color:#000000e5;font-family:PingFang SC;font-size:14px;font-weight:400;margin-right:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header .online-time-wrapper span{font-weight:400}.header .header-user-name{color:#000000a6;font-size:14px;font-weight:700;margin-right:10px}.header .env-tag{height:100%;line-height:100%;margin-left:26px;vertical-align:middle}.header .user-list{border-radius:20px;display:flex}.header .user-list .el-select__wrapper{background:none;padding:0 8px}.header .user-list .el-select__placeholder{overflow:initial;top:-2px}.header .user-list .online-text{border-radius:4px;cursor:pointer;display:flex;display:-webkit-flex;padding:4px 0;position:relative;transition:background-color .2s}.header .user-list .online-text:hover{background-color:#f5f7fa}.header .user-list .online-text .online-status-pop{bottom:13px;position:absolute;right:-4px}.header .user-list .ticket-status-text{border-radius:4px;cursor:pointer;display:flex;display:-webkit-flex;margin-left:0;padding:4px 0;position:relative;transition:background-color .2s}.header .user-list .ticket-status-text:hover{background-color:#f5f7fa}.header .user-list .ticket-status-text .ticket-status-pop{bottom:14px;position:absolute;right:-2px}.header .user-list .el-dropdown{align-items:center;display:flex;margin-right:12px}.header .user-list .el-dropdown-menu .el-dropdown-item.active{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.header .status-select .el-select__wrapper{box-shadow:none;flex-direction:row;justify-content:flex-end;text-align:right}.header .status-select .el-select__suffix{display:none}.body{display:flex;flex:1;height:100%;width:100vw}.body.menu-expanded{--menu-width:var(--menu-max-width)}.body.menu-collapsed{--menu-width:var(--menu-collapsed-width)}.menu{min-height:0;overflow:hidden;width:var(--menu-width)}.content,.menu{transition:width .3s ease}.content{background:#f1f2f6;flex:1;height:calc(100vh - var(--header-height));overflow:auto;padding:16px;width:calc(100vw - var(--menu-width))}.content-no-padding{padding:0}.footer{background-color:#f0f2f5;padding:10px;text-align:center}.online-status-pop{background-color:gray;border-radius:50%;height:8px;margin-right:2px;transform:translateY(calc(-50% + 14px));width:8px;z-index:99}.online-status-pop-1{background-color:#19be6b;border:2px solid #fff}.online-status-pop-2{background-color:#ed4014;border:2px solid #fff}.online-status-pop-3{background-color:gray;border:2px solid #fff}.ticket-status-pop{background-color:gray;border-radius:50%;height:8px;margin-right:2px;transform:translateY(calc(-50% + 14px));width:8px;z-index:99}.ticket-status-pop-1{background-color:#19be6b;border:2px solid #fff}.ticket-status-pop-2{background-color:#ed4014;border:2px solid #fff}.ticket-status-pop-3{background-color:gray;border:2px solid #fff}.version-left-fixed-data{bottom:4px;color:gray;font-size:14px;left:6px;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none}