.ks-color-link[data-v-32dda8c2],.ks-color-primary[data-v-32dda8c2]{color:#479ffc!important}.ks-color-success[data-v-32dda8c2]{color:#67c23a!important}.ks-color-danger[data-v-32dda8c2],.ks-color-red[data-v-32dda8c2]{color:#fc4949!important}.ks-color-text-secondary[data-v-32dda8c2]{color:#999!important}.ks-color-warning[data-v-32dda8c2]{color:orange!important}.ks-bg-warning[data-v-32dda8c2]{background-color:orange!important}.ks-mw-400[data-v-32dda8c2]{max-width:400px}.container[data-v-32dda8c2]{display:flex;width:100%;height:600px;margin-bottom:20px;border:1px solid #e4e7ed;overflow:hidden}.col1[data-v-32dda8c2]{width:20%;height:100%;background-color:#fff;padding:12px 10px;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;flex-shrink:0}.search-input[data-v-32dda8c2]{width:100%;margin-bottom:16px;--el-input-border-color:#e5e7eb;--el-input-placeholder-color:#9ca3af}.channel-title[data-v-32dda8c2]{display:flex;align-items:center;font-size:16px;color:#374151;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.count[data-v-32dda8c2]{font-size:13px;color:#9ca3af;margin:0 4px}.arrow-icon[data-v-32dda8c2]{font-size:12px;color:#9ca3af;cursor:pointer;transition:transform .2s}.channel-list[data-v-32dda8c2]{display:flex;flex-direction:column;gap:4px}.channel-item[data-v-32dda8c2]{display:flex;align-items:center;font-size:13px;color:#374151;padding:6px 8px;cursor:pointer;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.channel-item[data-v-32dda8c2]:hover{background-color:#f5f7fa}.channel-icon-png[data-v-32dda8c2]{width:18px;height:18px;margin-right:6px;-o-object-fit:contain;object-fit:contain}.channel-name[data-v-32dda8c2]{flex:1;font-size:15px}.customer-list[data-v-32dda8c2]{padding-left:30px;margin:4px 0 8px}.customer-item[data-v-32dda8c2]{font-size:14px;color:#4b5563;padding:4px 8px;border-radius:4px;cursor:pointer}.customer-itemcurr[data-v-32dda8c2]{background-color:#f0f2f5}.customer-item[data-v-32dda8c2]:hover{color:#479ffc}.col2-wrapper[data-v-32dda8c2]{width:25%;height:100%;display:flex;align-items:flex-start;overflow:hidden;flex-shrink:0;transition:width .2s ease}.col2-wrapper-hidden[data-v-32dda8c2]{width:30px}.col2-toggle-btn[data-v-32dda8c2]{padding:8px 6px;cursor:pointer;background-color:#fff;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;height:100%;display:flex;align-items:flex-start;flex-shrink:0;width:30px;box-sizing:border-box}.col2-toggle-btn i[data-v-32dda8c2]{font-size:14px;color:#9ca3af;transition:color .2s}.col2-toggle-btn i[data-v-32dda8c2]:hover{color:#4b5563}.col2-content[data-v-32dda8c2]{width:calc(100% - 30px);height:100%;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.chat-search-input[data-v-32dda8c2]{width:90%;margin:10px;--el-input-border-color:#e5e7eb;--el-input-placeholder-color:#9ca3af}.chat-record-container[data-v-32dda8c2]{flex:1;padding:0 10px 10px;overflow-y:auto}.empty-chat-record[data-v-32dda8c2]{height:100%;display:flex;justify-content:center;align-items:center}.chat-record-list[data-v-32dda8c2]{display:flex;flex-direction:column;gap:4px}.chat-record-item[data-v-32dda8c2]{display:flex;align-items:center;padding:8px 6px;border-radius:4px;cursor:pointer;transition:background-color .2s}.chat-record-item[data-v-32dda8c2]:hover{background-color:#f5f7fa}.chat-record-item.active[data-v-32dda8c2]{background-color:#e8f4ff}.chat-avatar[data-v-32dda8c2]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:8px}.chat-info[data-v-32dda8c2]{flex:1;overflow:hidden}.chat-name[data-v-32dda8c2]{font-size:14px;color:#374151;font-weight:500;margin-bottom:2px}.chat-last-msg[data-v-32dda8c2]{overflow:hidden;text-overflow:ellipsis}.chat-last-msg[data-v-32dda8c2],.chat-time[data-v-32dda8c2]{font-size:12px;color:#9ca3af;white-space:nowrap}.col3[data-v-32dda8c2]{flex:1;height:100%;background-color:#f5f5f5;transition:flex .2s ease;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.col3-expand[data-v-32dda8c2]{flex:1 1 calc(85% - 30px)}.chat-empty[data-v-32dda8c2]{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.chat-content[data-v-32dda8c2]{padding:10px;overflow:hidden}.chat-content[data-v-32dda8c2],.message-list[data-v-32dda8c2]{flex:1;display:flex;flex-direction:column;box-sizing:border-box;height:100%}.message-list[data-v-32dda8c2]{overflow-y:auto;overflow-x:hidden;gap:20px;padding-bottom:10px}.chat-session[data-v-32dda8c2]{display:flex;flex-direction:column;gap:10px}.session-time[data-v-32dda8c2]{align-self:center;font-size:12px;color:#999;background-color:#e5e5e5;padding:2px 8px;border-radius:10px;margin:5px 0}.message-item[data-v-32dda8c2]{display:flex;max-width:70%;align-items:flex-end}.ai-message[data-v-32dda8c2]{align-self:flex-start}.ai-bubble[data-v-32dda8c2]{font-size:14px;background-color:#fff;color:#333;padding:8px 12px;border-radius:10px;border-top-left-radius:0;box-shadow:0 1px 2px rgba(0,0,0,.1)}.customer-message[data-v-32dda8c2]{align-self:flex-end;flex-direction:row;gap:8px}.customer-bubble[data-v-32dda8c2]{background-color:#97e169;font-size:14px;color:#000;padding:8px 12px;border-radius:10px;border-top-right-radius:0;box-shadow:0 1px 2px rgba(0,0,0,.1)}.customer-info[data-v-32dda8c2]{display:flex;flex-direction:column;align-items:center;margin-top:auto}.customer-avatar[data-v-32dda8c2]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-list[data-v-32dda8c2]::-webkit-scrollbar{width:6px}.message-list[data-v-32dda8c2]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-list[data-v-32dda8c2]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.message-list[data-v-32dda8c2]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.type-tabs[data-v-32dda8c2]{display:flex;flex-direction:row}.type-tabs_item[data-v-32dda8c2]{width:40px;height:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px;border:1px solid #e4e7ed;cursor:pointer}.type-tabs_item[data-v-32dda8c2]:first-child{border-radius:5px 0 0 5px}.type-tabs_item[data-v-32dda8c2]:last-child{border-left:0;border-radius:0 5px 5px 0}.type-tabs_itemcurr[data-v-32dda8c2]{background:#479ffc;color:#fff;border-color:#479ffc}