.chat-page{position:relative}.chat-page .chat-list-box{display:flex;flex-direction:column;background:var(--im-background);position:relative;will-change:width}.chat-page .chat-list-box .chat-list-header{height:50px;display:flex;align-items:center;padding:0 8px}.chat-page .chat-list-box .chat-list-loading{height:50px;background-color:#eee}.chat-page .chat-list-box .chat-list-loading .el-icon-loading{font-size:24px;color:var(--im-text-color-light)}.chat-page .chat-list-box .chat-list-loading .el-loading-text{color:var(--im-text-color-light)}.chat-page .chat-list-box .chat-list-loading .chat-loading-box{height:100%}.chat-page .chat-list-box .chat-list-container{flex:1;position:relative;overflow:hidden}.chat-page .chat-list-box .main-list-view{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94)}.chat-page .chat-list-box .main-list-view.sliding-out{transform:translate3d(-100%,0,0);opacity:0}.chat-page .chat-list-box .main-list-view .chat-list-items{height:100%}.chat-page .chat-list-box .agent-list-view{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;transform:translate3d(100%,0,0);opacity:0;backface-visibility:hidden;will-change:transform,opacity;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94);box-shadow:-4px 0 12px transparent;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.chat-page .chat-list-box .agent-list-view.active{transform:translateZ(0);opacity:1;box-shadow:-4px 0 12px rgba(0,0,0,.08)}.chat-page .chat-list-box .agent-list-view .back-header{height:50px;display:flex;align-items:center;padding:0 5px;background:var(--im-background);border-bottom:1px solid #ebeef5;color:#303133;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease;transform:translateZ(0)}.chat-page .chat-list-box .agent-list-view .back-header:hover{background:#f5f7fa}.chat-page .chat-list-box .agent-list-view .back-header:active{background:#e8ecf1}.chat-page .chat-list-box .agent-list-view .back-header i{font-size:16px;margin-right:8px;color:#606266}.chat-page .chat-list-box .agent-list-view .back-header .parent-chat-name{font-size:15px;font-weight:500;color:#303133;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.chat-page .chat-list-box .agent-list-view .agent-chat-items{flex:1;background:var(--im-background)}.chat-page .chat-list-box .agent-list-view .agent-chat-items.hide-scrollbar ::v-deep .el-scrollbar__bar{opacity:0!important}.chat-page .chat-list-box .agent-list-view .agent-chat-item{border-left:3px solid transparent;padding-left:5px!important}.chat-page .chat-list-box .agent-list-view .agent-chat-item.active{border-left-color:#409eff;padding-left:5px!important}.chat-page .chat-list-box .agent-list-view .empty-agent-guide{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.chat-page .chat-list-box .agent-list-view .empty-agent-guide .empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.chat-page .chat-list-box .agent-list-view .empty-agent-guide .empty-text{font-size:14px;color:#909399;margin-bottom:20px}.chat-page .chat-list-box .agent-list-view .empty-agent-guide .add-agent-btn{min-width:140px}.chat-page .chat-list-box .chat-list-items{flex:1}.chat-page .chat-list-box .chat-list-items.hide-scrollbar ::v-deep .el-scrollbar__bar{opacity:0!important}.chat-page .chat-list-box .chat-list-items ::v-deep .terminal-chat{background:linear-gradient(135deg,#667eea,#764ba2);border-left:3px solid #667eea}.chat-page .chat-list-box .chat-list-items ::v-deep .terminal-chat .chat-item-wrapper{background:hsla(0,0%,100%,.95)}.chat-page .chat-list-box .chat-list-items ::v-deep .terminal-chat:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.chat-page .chat-list-box .chat-list-items ::v-deep .terminal-chat:before{content:"🖥️";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.7}.chat-page .chat-list-box .chat-list-items ::v-deep .normal-chat{background:#fff}.chat-page .chat-list-box .chat-list-items ::v-deep .normal-chat:hover{background:#f5f7fa}.chat-page .chat-list-box .chat-list-items ::v-deep .terminal-chat.active{border-left:3px solid #ffc107;box-shadow:inset 0 0 8px rgba(255,193,7,.2)}.chat-page .chat-list-box .sidebar-resizer{position:absolute;top:0;right:0;bottom:0;width:8px;z-index:1000;cursor:col-resize;display:flex;align-items:center;justify-content:center}.chat-page .chat-list-box .sidebar-resizer .resizer-line{width:2px;height:100%;background-color:transparent;transition:background-color .2s ease}.chat-page .chat-list-box .sidebar-resizer.resizer-hovered .resizer-line{background-color:#409eff}.chat-page .chat-list-box .sidebar-resizer.resizer-dragging .resizer-line{background-color:#409eff;transition:none}.chat-page .chat-box{position:relative;will-change:width;transform:translateZ(0);backface-visibility:hidden}.chat-page .chat-box.disable-pointer-events{pointer-events:none}.chat-page .chat-box.disable-pointer-events .sidebar-resizer{pointer-events:auto}.chat-page .drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:transparent;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-item.active{background-color:#e3f2fd!important;border-left:3px solid #409eff!important;padding-left:7px!important;box-shadow:inset 0 0 8px rgba(64,158,255,.15)!important}
/*# sourceMappingURL=chunk-3c5b7def.06397962.css.map */