.chat-container[data-v-6b6f3b36]{display:flex;height:84vh;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);background-color:#fff;border:1px solid #b7b7b7}.session-list[data-v-6b6f3b36]{width:320px;border-right:1px solid #d5d5d5;overflow-y:auto;background-color:#f7f7f7;max-height:800px;margin-top:127px;overflow-y:hidden}.session-list[data-v-6b6f3b36]:hover{overflow-y:auto}.session-header[data-v-6b6f3b36]{padding:10px 20px;background-color:#fff;position:relative}.session-box[data-v-6b6f3b36]{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background-color:#fff;position:fixed;z-index:1000;border-radius:12px 0 0 0}.session-input[data-v-6b6f3b36]{width:280px;border-radius:0!important;margin:12px 20px 0}.session-header h2[data-v-6b6f3b36]{margin:0 0 8px 0;font-size:18px;font-weight:600;color:#1f2d3d}.session-count[data-v-6b6f3b36]{font-size:13px;color:#5e6d82}.session-item[data-v-6b6f3b36]{padding:10px 20px 8px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;position:relative}.session-item[data-v-6b6f3b36]:hover{background-color:#dedede}.session-item.has-new[data-v-6b6f3b36]{background-color:#fff8f8}.session-item.active1[data-v-6b6f3b36]{background-color:#dedede;border-left:3px solid #1890ff}.session-info[data-v-6b6f3b36]{flex:1;max-width:270px;min-width:260px;overflow:hidden}[data-v-6b6f3b36] .el-badge__content.is-fixed{position:absolute;top:10px;right:37px}.session-info h3[data-v-6b6f3b36]{margin:0 0 6px 0;font-size:15px;font-weight:600;color:#1f2d3d}.last-message[data-v-6b6f3b36]{color:#5e6d82;font-size:13px;margin:0;display:flex;justify-content:space-between;align-items:center}.last-message span[data-v-6b6f3b36]:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}.last-message .time[data-v-6b6f3b36]{flex-shrink:0;color:#97a8be;font-size:12px}.unread-badge[data-v-6b6f3b36]{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-left:10px;box-shadow:0 2px 4px rgba(255,77,79,.2)}.empty-sessions[data-v-6b6f3b36]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#97a8be;text-align:center;margin-top:100px}.empty-sessions .empty-icon[data-v-6b6f3b36]{margin-bottom:16px;color:#c0ccda}.chat-area[data-v-6b6f3b36]{flex:1;display:flex;flex-direction:column;background-color:#f8f9fa;width:80%}.chat-header[data-v-6b6f3b36]{justify-content:space-between;padding:16px 24px;background-color:#fff;border-bottom:1px solid #d5d5d5;box-shadow:0 1px 3px rgba(0,0,0,.05)}.chat-header[data-v-6b6f3b36],.chat-user-info[data-v-6b6f3b36]{display:flex;align-items:center}.user-avatar[data-v-6b6f3b36]{margin-right:12px}.user-avatar img[data-v-6b6f3b36]{width:44px;height:44px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.user-details h3[data-v-6b6f3b36]{margin:0 0 4px 0;font-size:16px;font-weight:600;color:#1f2d3d}.user-status[data-v-6b6f3b36]{display:flex;align-items:center;margin:0;font-size:13px;color:#5e6d82}.status-dot[data-v-6b6f3b36]{width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online[data-v-6b6f3b36]{background-color:#1281ef}.status-text[data-v-6b6f3b36]{margin-right:12px}.status-time[data-v-6b6f3b36]{color:#97a8be}.chat-actions[data-v-6b6f3b36]{display:flex;gap:8px}.chat-actions .action-btn[data-v-6b6f3b36]{display:flex;align-items:center;justify-content:center;height:36px;border:none;background:transparent;border-radius:8px;color:#5e6d82;cursor:pointer;transition:all .2s}.chat-actions .action-btn[data-v-6b6f3b36]:hover{background-color:#f5f7fa;color:#1890ff}.no-session-selected[data-v-6b6f3b36]{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f8f9fa}.selection-prompt[data-v-6b6f3b36]{text-align:center;color:#97a8be}.prompt-icon[data-v-6b6f3b36]{margin-bottom:16px;color:#c0ccda}.selection-prompt h3[data-v-6b6f3b36]{margin:0 0 8px 0;font-size:18px;font-weight:500;color:#5e6d82}.selection-prompt p[data-v-6b6f3b36]{margin:0;font-size:14px}.message-list[data-v-6b6f3b36]{flex:1;padding:24px;display:flex;flex-direction:column;background-color:#f8f9fa;overflow-y:auto}.date-divider[data-v-6b6f3b36],.time-divider[data-v-6b6f3b36]{display:flex;align-items:center;justify-content:center;margin:16px 0}.date-divider[data-v-6b6f3b36]{margin:24px 0}.divider-line[data-v-6b6f3b36]{flex:1;height:1px;background-color:#e8e8e8}.divider-text[data-v-6b6f3b36]{padding:0 12px;font-size:12px;color:#97a8be;font-weight:500}.time-divider[data-v-6b6f3b36]{font-size:12px;color:#97a8be;padding:4px 12px;background-color:hsla(0,0%,100%,.7);border-radius:12px;margin:8px auto}.message-item[data-v-6b6f3b36]{margin-bottom:20px;display:flex;flex-direction:column}.message-wrapper[data-v-6b6f3b36]{display:flex}.user-wrapper[data-v-6b6f3b36]{flex-direction:row-reverse;align-self:flex-end}.admin-message[data-v-6b6f3b36]{align-self:flex-start}.avatar-container[data-v-6b6f3b36]{display:flex;align-items:flex-start}.avatar[data-v-6b6f3b36]{width:40px;height:40px;border-radius:12px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.user-wrapper .avatar[data-v-6b6f3b36]{margin-left:12px;margin-right:0}.admin-message .avatar[data-v-6b6f3b36]{margin-right:12px;margin-left:0}.message-content-wrapper[data-v-6b6f3b36]{display:flex;flex-direction:column;max-width:calc(100% - 52px)}.sender-name[data-v-6b6f3b36]{font-size:13px;color:#8492a6;margin-bottom:6px;font-weight:500}.user-wrapper .sender-name[data-v-6b6f3b36]{text-align:right;margin-right:6px}.admin-message .sender-name[data-v-6b6f3b36]{margin-left:6px}.message-content[data-v-6b6f3b36]{padding:12px 16px;border-radius:18px;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:400px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;position:relative}.user-wrapper .message-content[data-v-6b6f3b36]{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border-bottom-right-radius:4px}.admin-message .message-content[data-v-6b6f3b36]{background-color:#fff;border:1px solid #e8e8e8;border-bottom-left-radius:4px;color:#1f2d3d}.message-content p[data-v-6b6f3b36]{margin:0;line-height:1.5}.message-content video[data-v-6b6f3b36]{width:250px;height:140px;border-radius:8px}.message-image[data-v-6b6f3b36]{max-width:200px;max-height:150px;border-radius:8px;transition:transform .2s}.message-time-footer[data-v-6b6f3b36]{margin-top:6px;font-size:12px;color:#97a8be}.user-time[data-v-6b6f3b36]{text-align:right;margin-right:62px}.admin-time[data-v-6b6f3b36]{margin-left:62px}.empty-state[data-v-6b6f3b36]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#97a8be;padding:60px 0;font-size:14px;flex:1}.empty-icon[data-v-6b6f3b36]{margin-bottom:16px;color:#c0ccda}.input-area[data-v-6b6f3b36]{padding:20px}.input-container[data-v-6b6f3b36]{min-height:200px;max-height:300px;resize:vertical}.message-input[data-v-6b6f3b36]{min-height:130px}.message-input img[data-v-6b6f3b36]{border-radius:4px;margin:2px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.input-actions[data-v-6b6f3b36]{padding:0 12px;background-color:#fff}.action-btn[data-v-6b6f3b36]{height:36px;border-radius:8px;margin-right:8px}.send-button[data-v-6b6f3b36]{justify-content:center;gap:6px;width:100px;height:48px;background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:10px;font-size:14px;font-weight:500;transition:all .2s;flex-shrink:0;box-shadow:0 2px 8px rgba(24,144,255,.3)}.send-button[data-v-6b6f3b36]:hover:not(:disabled){background:linear-gradient(135deg,#096dd9,#0050b3);box-shadow:0 4px 12px rgba(24,144,255,.4);transform:translateY(-1px)}.send-button[data-v-6b6f3b36]:active:not(:disabled){transform:translateY(0)}.send-button[data-v-6b6f3b36]:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;box-shadow:none}.message-list[data-v-6b6f3b36]::-webkit-scrollbar,.session-list[data-v-6b6f3b36]::-webkit-scrollbar{width:6px}.message-list[data-v-6b6f3b36]::-webkit-scrollbar-track,.session-list[data-v-6b6f3b36]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-list[data-v-6b6f3b36]::-webkit-scrollbar-thumb,.session-list[data-v-6b6f3b36]::-webkit-scrollbar-thumb{background:#9b9b9b;border-radius:3px}.message-list[data-v-6b6f3b36]::-webkit-scrollbar-thumb:hover,.session-list[data-v-6b6f3b36]::-webkit-scrollbar-thumb:hover{background:#929292;cursor:pointer}.danger-box[data-v-6b6f3b36]{max-width:270px;min-width:270px;overflow:hidden;cursor:pointer;display:flex;flex-direction:row}@media (max-width:768px){.chat-container[data-v-6b6f3b36]{flex-direction:column;height:80vh}.session-list[data-v-6b6f3b36]{width:100%;max-height:200px}.chat-header[data-v-6b6f3b36]{padding:12px 16px}.input-area[data-v-6b6f3b36]{padding:16px}.send-button[data-v-6b6f3b36]{width:80px}}.input-area[data-v-6b6f3b36]{padding:16px 20px;border-top:1px solid #e8e8e8;background-color:#fff;align-items:flex-end;gap:12px}.input-container[data-v-6b6f3b36]{border:1px solid #e0e0e0;max-height:400px;transition:all .2s;display:flex;flex-direction:column}.input-container[data-v-6b6f3b36]:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.input-container.disabled[data-v-6b6f3b36]{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.message-input[data-v-6b6f3b36]{flex:1;min-height:80px;padding:16px;font-size:14px;background:transparent;font-family:inherit;box-sizing:border-box}.message-input[data-v-6b6f3b36]:empty:before{color:#bfbfbf}.input-actions[data-v-6b6f3b36]{gap:4px}.action-btn[data-v-6b6f3b36]{justify-content:center;background:transparent;color:#5e6d82;font-size:13px;font-weight:500}.action-btn[data-v-6b6f3b36]:hover{background-color:#e6f7ff;color:#1890ff}.resize-controls[data-v-6b6f3b36]{align-items:center}.resize-handle[data-v-6b6f3b36]{width:60vw;height:10px;background-color:red;border-radius:6px;cursor:ns-resize;color:#97a8be;transition:all .2s}.resize-handle.top[data-v-6b6f3b36]{background-color:red}.resize-handle.bottom[data-v-6b6f3b36]{background-color:#ff0}.resize-handle[data-v-6b6f3b36]:active{background-color:#d0e8ff}.message-input img[data-v-6b6f3b36]{max-width:200px;max-height:150px;border-radius:6px;margin:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);vertical-align:middle;-o-object-fit:contain;object-fit:contain}.message-input div[style*="position: relative"][data-v-6b6f3b36]{margin:4px;display:inline-block}@media (max-width:768px){.input-area[data-v-6b6f3b36]{padding:12px 16px;flex-direction:column;gap:12px}.input-container[data-v-6b6f3b36]{width:100%}.send-button[data-v-6b6f3b36]{width:100%;height:44px}.input-controls[data-v-6b6f3b36]{flex-direction:column;gap:8px;align-items:flex-start}.resize-controls[data-v-6b6f3b36]{align-self:flex-end}}.input-area[data-v-6b6f3b36]{display:flex;gap:15px;margin-bottom:20px}.input-container[data-v-6b6f3b36]{flex:1;position:relative;border:1px solid #ddd;border-radius:12px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden;min-height:120px;min-width:200px;resize:none}.message-input[data-v-6b6f3b36]{width:100%;height:100%;padding:15px;border:none;outline:none;font-size:16px;line-height:1.5;resize:none;overflow-y:auto;min-height:100px}.message-input[data-v-6b6f3b36]:empty:before{content:attr(placeholder);color:#aaa}.input-controls[data-v-6b6f3b36]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-top:1px solid #eee;background-color:#fff}.input-actions[data-v-6b6f3b36]{display:flex;gap:10px}.action-btn[data-v-6b6f3b36]{display:flex;align-items:center;gap:5px;padding:6px 12px;background-color:#e9ecef;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.action-btn[data-v-6b6f3b36]:hover{background-color:#dee2e6}.resize-controls[data-v-6b6f3b36]{display:flex;gap:5px}.resize-handle[data-v-6b6f3b36]{width:20px;height:20px;background-color:#f9f9f9;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:12px;color:#666}.resize-handle[data-v-6b6f3b36]:hover{background-color:#3498db;color:#fff}.send-button[data-v-6b6f3b36]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 10px rgba(52,152,219,.3)}.send-button[data-v-6b6f3b36]:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(52,152,219,.4)}.send-button[data-v-6b6f3b36]:active{transform:translateY(0)}.resize-handles[data-v-6b6f3b36]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.resize-handle-item[data-v-6b6f3b36]{position:absolute;pointer-events:auto;z-index:10;transition:background-color .2s}.resize-top[data-v-6b6f3b36]{top:0;left:0;width:100%;height:8px;cursor:n-resize}.resize-right[data-v-6b6f3b36]{top:0;right:0;width:8px;height:100%;cursor:e-resize}.resize-bottom[data-v-6b6f3b36]{bottom:0;left:0;width:100%;height:8px;cursor:s-resize}.resize-left[data-v-6b6f3b36]{top:0;left:0;width:8px;height:100%;cursor:w-resize}.resize-corner[data-v-6b6f3b36]{width:12px;height:12px;background-color:rgba(52,152,219,.5);z-index:11}.resize-top-left[data-v-6b6f3b36]{top:0;left:0;cursor:nw-resize}.resize-top-right[data-v-6b6f3b36]{top:0;right:0;cursor:ne-resize}.resize-bottom-left[data-v-6b6f3b36]{bottom:0;left:0;cursor:sw-resize}.resize-bottom-right[data-v-6b6f3b36]{bottom:0;right:0;cursor:se-resize}.demo-info[data-v-6b6f3b36]{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:12px;border-left:4px solid #3498db}.demo-info h3[data-v-6b6f3b36]{margin-bottom:10px;color:#2c3e50}.demo-info ul[data-v-6b6f3b36]{padding-left:20px;line-height:1.6}.demo-info li[data-v-6b6f3b36]{margin-bottom:8px}.code-block[data-v-6b6f3b36]{background-color:#2c3e50;color:#ecf0f1;padding:15px;border-radius:8px;margin-top:15px;font-family:Courier New,monospace;font-size:14px;overflow-x:auto}