.chat-wrapper[data-v-6bae377f]{position:relative;height:88vh;min-height:600px;width:100%}.chat-container[data-v-6bae377f]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f5f5;overflow:hidden}.chat-header[data-v-6bae377f]{background:#fff;padding:16px 24px;border-bottom:1px solid #e8e8e8;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}.agent-info[data-v-6bae377f],.chat-header[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.agent-info[data-v-6bae377f]{gap:12px}.agent-details[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.agent-name[data-v-6bae377f]{font-weight:500;font-size:16px;color:#333}.agent-status[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:12px;margin-top:2px;margin-top:4px}.chat-actions[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.chat-body[data-v-6bae377f]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:0}.contact-list[data-v-6bae377f]{width:300px;background:#fff;border-right:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.refresh-btn-absolute[data-v-6bae377f]{position:absolute!important;top:8px!important;right:12px!important;z-index:10!important;padding:4px 8px!important;color:#1890ff!important;background:transparent!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important;font-size:12px!important}.refresh-btn-absolute[data-v-6bae377f]:hover{color:#40a9ff!important;background:rgba(24,144,255,.04)!important}.refresh-btn-absolute .anticon[data-v-6bae377f]{color:#1890ff!important;margin-right:4px!important}.refresh-btn-absolute:hover .anticon[data-v-6bae377f]{color:#40a9ff!important}.contact-list .ant-tabs[data-v-6bae377f]{height:100%}.contact-list .contact-tabs[data-v-6bae377f]{background:#fff}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-bar{margin:0;border-bottom:1px solid #f0f0f0;background:#fff;position:relative}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-nav-container{height:44px;line-height:44px}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-tab{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;margin:0;padding:0 20px;background:transparent;border:none;border-radius:0;color:#666;font-weight:500;font-size:14px;-webkit-transition:all .2s;transition:all .2s;position:relative;height:44px;line-height:44px}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-tab:hover{color:#1890ff;background:rgba(24,144,255,.04)}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-tab-active{background:transparent;color:#1890ff;font-weight:600}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-tab-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1890ff;z-index:10}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-ink-bar{display:block!important;background:#1890ff!important;height:2px!important;bottom:0!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-nav-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#f0f0f0;z-index:1}.tab-title[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;position:relative;width:100%;height:100%}.tab-underline[data-v-6bae377f]{position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.tab-underline.active[data-v-6bae377f]{background:#1890ff}.tab-badge[data-v-6bae377f]{position:relative;top:-1px}.tab-badge[data-v-6bae377f] .ant-badge-count{background:#ff4d4f;border-color:#ff4d4f;font-size:10px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:8px;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-content{background:#fff;height:calc(100% - 44px)}.contact-list .contact-tabs[data-v-6bae377f] .ant-tabs-tabpane{height:100%}.contact-header[data-v-6bae377f]{padding:8px 16px;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fafafa}.contact-items[data-v-6bae377f]{height:100%;overflow-y:auto;padding:0}.contact-item[data-v-6bae377f]{padding:12px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid #f0f0f0;-webkit-transition:background-color .2s;transition:background-color .2s}.contact-item[data-v-6bae377f]:hover{background:#f5f5f5}.contact-item.active[data-v-6bae377f]{background:#e6f7ff;border-right:3px solid #1890ff}.contact-info[data-v-6bae377f]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.contact-name[data-v-6bae377f]{font-weight:500;font-size:14px;color:#333;margin-bottom:4px}.last-message[data-v-6bae377f]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-meta[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:4px}.message-time[data-v-6bae377f]{font-size:11px;color:#ccc}.chat-area[data-v-6bae377f]{-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.chat-area[data-v-6bae377f],.no-contact[data-v-6bae377f]{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.no-contact[data-v-6bae377f]{-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.chat-content[data-v-6bae377f],.message-area[data-v-6bae377f]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0}.message-area[data-v-6bae377f]{padding:16px;overflow-y:auto;gap:16px}.message-item[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.message-item.is-agent[data-v-6bae377f]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-content[data-v-6bae377f]{max-width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;min-width:0}.message-item.is-agent .message-content[data-v-6bae377f]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.message-header[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#999}.message-item.is-agent .message-header[data-v-6bae377f]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sender-name[data-v-6bae377f]{font-weight:500}.message-body[data-v-6bae377f]{background:#f0f0f0;padding:8px 12px;border-radius:8px;word-break:break-word;display:inline-block;max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-item.is-agent .message-body[data-v-6bae377f]{background:#1890ff;color:#fff}.text-message[data-v-6bae377f]{line-height:1.4}.image-message[data-v-6bae377f]{padding:4px}.image-message img[data-v-6bae377f]{display:block;border:1px solid #e8e8e8;-webkit-transition:all .3s ease;transition:all .3s ease}.image-message img[data-v-6bae377f]:hover{border-color:#1890ff;-webkit-box-shadow:0 2px 8px rgba(24,144,255,.2);box-shadow:0 2px 8px rgba(24,144,255,.2)}.image-message-preview[data-v-6bae377f]{color:#1890ff;font-size:12px}.image-message-preview .anticon[data-v-6bae377f]{font-size:12px}.other-message[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.input-area[data-v-6bae377f]{border-top:1px solid #e8e8e8;background:#fff;-ms-flex-negative:0;flex-shrink:0}.input-toolbar[data-v-6bae377f]{padding:8px 16px;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.input-box[data-v-6bae377f]{padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.input-box .ant-input[data-v-6bae377f]{-webkit-box-flex:1;-ms-flex:1;flex:1}.send-button[data-v-6bae377f]{height:40px;-ms-flex-item-align:end;align-self:flex-end}.contact-items[data-v-6bae377f]::-webkit-scrollbar,.message-area[data-v-6bae377f]::-webkit-scrollbar{width:6px}.contact-items[data-v-6bae377f]::-webkit-scrollbar-track,.message-area[data-v-6bae377f]::-webkit-scrollbar-track{background:#f1f1f1}.contact-items[data-v-6bae377f]::-webkit-scrollbar-thumb,.message-area[data-v-6bae377f]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.contact-items[data-v-6bae377f]::-webkit-scrollbar-thumb:hover,.message-area[data-v-6bae377f]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.load-more-hint[data-v-6bae377f]{text-align:center;padding:12px;border-bottom:1px solid #f0f0f0;background:#fafafa}.loading-hint[data-v-6bae377f]{text-align:center;padding:20px;color:#666;background:#fafafa}.loading-more-hint[data-v-6bae377f]{text-align:center;padding:12px;color:#666;background:#f8f8f8;border-bottom:1px solid #f0f0f0}.load-more-hint .ant-btn[data-v-6bae377f]{color:#1890ff;font-size:12px}.search-container[data-v-6bae377f]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.search-input-wrapper[data-v-6bae377f]{padding:12px;border-bottom:1px solid #f0f0f0}.search-input-wrapper .ant-input[data-v-6bae377f]{border-radius:6px}.search-results[data-v-6bae377f]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.search-loading[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 20px;color:#666}.search-result-item[data-v-6bae377f]{border-left:3px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease}.search-result-item[data-v-6bae377f]:hover{border-left-color:#1890ff;background-color:#f6f8ff}.search-result-item.active[data-v-6bae377f]{border-left-color:#1890ff;background-color:#e6f7ff}.search-meta[data-v-6bae377f]{color:#999;font-size:12px}.no-search-results[data-v-6bae377f]{padding:40px 20px;text-align:center}.search-tips[data-v-6bae377f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:40px 20px}.tips-content[data-v-6bae377f]{text-align:center;max-width:300px}.search-examples[data-v-6bae377f]{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.example-tag[data-v-6bae377f]{display:inline-block;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.example-tag[data-v-6bae377f]:hover{background:#e6f7ff;color:#1890ff}.load-more-hint .ant-btn[data-v-6bae377f]:hover{color:#40a9ff}