.header-service[data-v-453aa343]{display:flex;height:100%}.header-left[data-v-453aa343]{width:400px;display:flex;align-items:center;gap:34px}.header-left .info .info-name[data-v-453aa343]{font-weight:400;font-size:33px;color:#131313}.header-left .info .info-status[data-v-453aa343]{font-weight:400;font-size:23px;color:#747475}.header-center[data-v-453aa343]{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.header-center .header-people[data-v-453aa343]{font-weight:700;font-size:33px;color:#090909}.header-center .header-people span[data-v-453aa343]{font-size:16px;color:#6e6f70}.header-center .header-today[data-v-453aa343]{font-weight:400;font-size:23px;color:#6e6f70}.header-right[data-v-453aa343]{width:25%;display:flex;align-items:center;justify-content:flex-end;gap:12px}.header-icon-btn[data-v-453aa343]{width:32px;height:32px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s}.header-icon-btn img[data-v-453aa343]{width:20px;height:20px}.header-icon-btn[data-v-453aa343]:hover{opacity:.7}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{border:none;background-color:transparent;opacity:0}.resize-observer[data-v-b329ee4c],.resize-observer[data-v-b329ee4c] object{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;display:block;overflow:hidden}.cus-recycle-scroller[data-v-aedac4d4]{height:100%;width:100%}.loading[data-v-aedac4d4],.no-data[data-v-aedac4d4],.no-more[data-v-aedac4d4]{padding:16px 0;text-align:center;color:#909399;font-size:13px}.loading[data-v-aedac4d4] .el-empty__description,.no-data[data-v-aedac4d4] .el-empty__description{font-size:13px;color:#a8abb2}.no-more[data-v-aedac4d4] .el-divider__text{font-size:12px;color:#c0c4cc}.message-item[data-v-28bf46be]{display:flex;padding:12px 20px;gap:12px;border-radius:12px;border-bottom:1px solid #eeefef;height:95px;align-items:center;box-sizing:border-box;cursor:pointer;transition:background-color .2s}.message-item[data-v-28bf46be]:hover{background-color:#e8eff1}.message-item__avatar[data-v-28bf46be]{position:relative;width:43px;height:43px;border-radius:50%;overflow:visible;flex-shrink:0}.message-item__avatar img[data-v-28bf46be]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-item__badge[data-v-28bf46be]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#f56c6c;color:#fff;border-radius:9px;font-size:11px;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #fff}.message-item__body[data-v-28bf46be]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.message-item__header[data-v-28bf46be]{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#1d2129;gap:8px}.message-item__name[data-v-28bf46be]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-tag[data-v-28bf46be]{background:#dbf5e7;border-radius:10px;border:0 solid #23b56b;width:78px;height:32px;display:flex;align-items:center;justify-content:center;color:#23b56b}.message-item__desc[data-v-28bf46be]{margin:0;color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;max-width:120px}.message-item__meta[data-v-28bf46be]{display:flex;justify-content:space-between;color:#a0a3ad;font-size:12px;gap:8px}.message-item[data-v-004cc234]{display:flex;padding:12px 20px;gap:12px;border-radius:12px;border-bottom:1px solid #eeefef;height:95px;align-items:center;box-sizing:border-box;cursor:pointer;transition:background-color .2s}.message-item[data-v-004cc234]:hover{background-color:#e8eff1}.message-item--history[data-v-004cc234]{cursor:not-allowed;background-color:#f5f7fa}.message-item__avatar[data-v-004cc234]{position:relative;width:43px;height:43px;border-radius:50%;overflow:visible;flex-shrink:0}.message-item__avatar img[data-v-004cc234]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-item__body[data-v-004cc234]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.message-item__header[data-v-004cc234]{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#1d2129;gap:8px}.message-item__name[data-v-004cc234]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.end-tag[data-v-004cc234]{background:#edf2ff;border-radius:10px;border:1px solid #d3ddff;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;line-height:20px;width:78px;height:32px}.message-item__meta[data-v-004cc234]{display:flex;justify-content:space-between;color:#a0a3ad;font-size:12px;gap:8px}.message-item[data-v-f596a34c]{display:flex;padding:12px 20px;gap:12px;border-radius:12px;border-bottom:1px solid #eeefef;height:95px;align-items:center;box-sizing:border-box;cursor:pointer;transition:background-color .2s}.message-item[data-v-f596a34c]:hover{background-color:#e8eff1}.message-item__avatar[data-v-f596a34c]{position:relative;width:43px;height:43px;border-radius:50%;overflow:visible;flex-shrink:0}.message-item__avatar img[data-v-f596a34c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-item__waiting[data-v-f596a34c]{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:4px;padding:2px 6px;background:#e6a23c;color:#fff;border-radius:4px;font-size:11px;white-space:nowrap}.message-item__body[data-v-f596a34c]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.message-item__header[data-v-f596a34c]{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#1d2129;gap:8px}.message-item__name[data-v-f596a34c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-tag[data-v-f596a34c]{background:#e6a23c;border-radius:10px;border:1px solid #d3ddff;width:78px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;line-height:20px}.message-item__meta[data-v-f596a34c]{display:flex;justify-content:space-between;color:#a0a3ad;font-size:12px;gap:8px}.message-item__footer[data-v-f596a34c]{margin-top:8px;display:flex;gap:12px}.pending-btn[data-v-f596a34c]{flex:1;border-radius:3px;font-size:14px}.pending-btn--accept[data-v-f596a34c]{background-color:#24b34b;border-color:#24b34b}.pending-btn--reject[data-v-f596a34c]{background-color:#f44336;border-color:#f44336}.message-box[data-v-1dab0c2d]{width:100%;padding:20px;box-sizing:border-box}.search-box[data-v-1dab0c2d]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-box[data-v-1dab0c2d] .el-input{flex:1}.search-box[data-v-1dab0c2d] .el-input__inner{border-radius:22px;height:38px;border-color:#e4e7ed}.search-box[data-v-1dab0c2d] .el-button{border-radius:50%}.message-tabs[data-v-1dab0c2d]{position:relative;display:flex;border-bottom:1px solid #e4e7ed;padding-bottom:6px}.message-tab[data-v-1dab0c2d]{flex:1;text-align:center;color:#606266;font-size:15px;cursor:pointer;padding-bottom:4px}.message-tab.is-active[data-v-1dab0c2d]{color:#0767e7;font-weight:600}.message-tab__indicator[data-v-1dab0c2d]{position:absolute;bottom:-1px;left:0;height:3px;background:#0767e7;border-radius:2px;transition:transform .2s ease}.message-list[data-v-1dab0c2d]{height:calc(100vh - 255px);box-shadow:inset 0 0 0 1px #f0f2f5;box-sizing:border-box}.message-scroller[data-v-1dab0c2d]{height:100%}.message-end[data-v-1dab0c2d],.message-loading[data-v-1dab0c2d]{text-align:center;color:#909399;font-size:13px;padding:8px 0}.message-loading__icon[data-v-1dab0c2d]{margin-right:8px;font-size:14px}.cus-chat-box-header[data-v-c4d9b6ca]{width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 24px;box-sizing:border-box}.cus-chat-box-header .chat-header-left-box[data-v-c4d9b6ca]{display:flex;align-items:center;gap:10px}.cus-chat-box-header .chat-header-left-box .user-info-cus .user-name[data-v-c4d9b6ca]{font-weight:400;font-size:23px;color:#3a3a3a}.cus-chat-box-header .chat-header-left-box .user-info-cus .user-remark[data-v-c4d9b6ca]{font-weight:400;font-size:20px;color:#a8a8a8;display:flex;align-items:center;gap:5px;cursor:pointer}.cus-chat-box-header .chat-header-left-box .user-info-cus .user-remark[data-v-c4d9b6ca]:hover{color:#307fff;text-decoration:underline}.cus-chat-box-header .chat-header-bar[data-v-c4d9b6ca]{flex:1;display:flex;align-items:center}.cus-chat-box-header .chat-header-left[data-v-c4d9b6ca]{display:flex;align-items:center;gap:12px}.cus-chat-box-header .visitor-icon[data-v-c4d9b6ca]{width:36px;height:36px;border-radius:50%;background:#ecf5ff;display:flex;align-items:center;justify-content:center;font-size:18px}.cus-chat-box-header .visitor-text[data-v-c4d9b6ca]{display:flex;flex-direction:column}.cus-chat-box-header .visitor-title[data-v-c4d9b6ca]{font-size:18px;font-weight:500;color:#1d2129;line-height:1.4}.cus-chat-box-header .visitor-subtitle[data-v-c4d9b6ca]{font-size:13px;color:#909399;margin-top:2px}.btn-chat-box[data-v-162e59a3]{height:52px;background:#d8e4f9;display:flex;align-items:center}.btn-chat-box .btn-chat-box-item[data-v-162e59a3]{display:flex;align-items:center;gap:10px;padding:0 20px;box-sizing:border-box;cursor:pointer;margin-right:123px}.btn-chat-box .btn-chat-box-item img[data-v-162e59a3]{width:23px;height:23px;-o-object-fit:contain;object-fit:contain}.btn-chat-box .btn-chat-box-item span[data-v-162e59a3]{font-weight:400;font-size:23px;color:#0780e7}.btn-chat-box .btn-chat-box-item .btn-chat-box-icon[data-v-162e59a3]{font-size:23px;color:#0780e7}.cus-chat-box[data-v-1d0bc943]{width:100%;height:100%}.cus-chat-box-container[data-v-1d0bc943]{flex:1;height:calc(100vh - 267px)}.chat-empty-wrapper[data-v-1d0bc943]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-empty-icon[data-v-1d0bc943]{font-size:40px;color:#409eff}.cs-layout[data-v-e483cd90]{height:100vh;display:flex;flex-direction:column;background:#f5f7fb;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#333}.cs-header[data-v-e483cd90]{height:135px;padding:20px;box-sizing:border-box;background:#fff;box-shadow:0 3px 5px 0 rgba(233,234,234,.76);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);z-index:2}.cs-main[data-v-e483cd90]{flex:1;display:flex}.cs-sidebar[data-v-e483cd90]{width:400px;background:#f8fbfe;display:flex;flex-direction:column}.cs-chat-area[data-v-e483cd90]{flex:1;min-width:300px;display:flex;flex-direction:column}.cs-visitor[data-v-e483cd90]{width:400px;display:flex;flex-direction:column}