.transmit-container[data-v-41b4c9d6]{width:100%;height:calc(100vh - 80px);background-color:#f0f2f5;margin-top:80px;position:relative}.transmit-layout[data-v-41b4c9d6]{display:flex;width:100%;height:100%}.transmit-sidebar[data-v-41b4c9d6]{width:300px;min-height:100%;background-color:#f8f9fa;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header[data-v-41b4c9d6]{padding:16px;background-color:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.sidebar-content[data-v-41b4c9d6]{min-height:0}.loading-container[data-v-41b4c9d6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;width:100%;gap:12px}.loading-spinner[data-v-41b4c9d6]{animation:spin-41b4c9d6 1s linear infinite;width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #1890ff;border-radius:50%}.loading-text[data-v-41b4c9d6]{color:#666;font-size:14px;margin:0}@keyframes spin-41b4c9d6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-options[data-v-41b4c9d6]{margin-top:8px;display:flex;flex-direction:column;gap:4px;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar-content[data-v-41b4c9d6]{flex:1;overflow-y:auto}.user-list-header[data-v-41b4c9d6]{padding:8px 16px;background-color:#f0f0f0;font-size:12px;font-weight:600;color:#666;display:flex;justify-content:space-between;align-items:center}.user-item[data-v-41b4c9d6]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s}.user-item[data-v-41b4c9d6]:hover{background-color:#f0f0f0}.user-info[data-v-41b4c9d6]{flex:1;min-width:0}.user-name[data-v-41b4c9d6]{font-size:14px;font-weight:500;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status[data-v-41b4c9d6]{font-size:12px;color:#999;margin:4px 0 0 0}.room-item[data-v-41b4c9d6]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.room-item[data-v-41b4c9d6]:hover{background-color:#f0f0f0}.room-item.active[data-v-41b4c9d6]{background-color:#e6f4ff;border-right:2px solid #1890ff}.room-avatar-wrapper[data-v-41b4c9d6]{position:relative;flex-shrink:0}.group-badge[data-v-41b4c9d6]{position:absolute;bottom:-4px;right:-4px;background-color:#fff;padding:2px;border-radius:50%}.group-badge i[data-v-41b4c9d6]{display:flex;align-items:center;justify-content:center;width:12px;height:12px;background-color:#1890ff;color:#fff;font-size:8px;border-radius:50%}.room-info[data-v-41b4c9d6]{flex:1;min-width:0}.room-header[data-v-41b4c9d6]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.room-name[data-v-41b4c9d6]{font-size:14px;font-weight:600;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-time[data-v-41b4c9d6]{font-size:11px;color:#999;flex-shrink:0}.room-message[data-v-41b4c9d6]{font-size:12px;color:#999;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state[data-v-41b4c9d6]{padding:32px 16px;text-align:center;color:#999;font-size:14px}.transmit-main[data-v-41b4c9d6]{flex:1;display:flex;flex-direction:column;background-color:#f0f2f5;overflow:hidden}.chat-window[data-v-41b4c9d6]{display:flex;flex-direction:column;height:100%}.chat-header[data-v-41b4c9d6]{height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.header-left[data-v-41b4c9d6]{display:flex;align-items:center;gap:12px}.header-info[data-v-41b4c9d6]{display:flex;flex-direction:column}.header-title[data-v-41b4c9d6]{font-size:16px;font-weight:600;color:#333;margin:0;line-height:1.2}.header-subtitle[data-v-41b4c9d6]{font-size:11px;color:#999;margin:4px 0 0 0}.header-right[data-v-41b4c9d6]{display:flex;align-items:center;gap:8px}.chat-messages[data-v-41b4c9d6]{flex:1;padding:16px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:300px;max-height:calc(100vh - 220px)}.message-wrapper[data-v-41b4c9d6]{display:flex;gap:8px;max-width:80%}.message-wrapper.sent[data-v-41b4c9d6]{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.received[data-v-41b4c9d6]{align-self:flex-start}.message-avatar[data-v-41b4c9d6]{flex-shrink:0;width:32px;height:32px;opacity:1;transition:opacity .3s ease-in-out;border-radius:50%;overflow:hidden}.message-avatar img[data-v-41b4c9d6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.message-content[data-v-41b4c9d6]{display:flex;flex-direction:column;gap:4px}.message-sender-name[data-v-41b4c9d6]{font-size:12px;color:#666;margin-bottom:2px}.message-wrapper.sent .message-content[data-v-41b4c9d6]{align-items:flex-end}.message-wrapper.received .message-content[data-v-41b4c9d6]{align-items:flex-start}.message-bubble[data-v-41b4c9d6]{padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.5;word-wrap:break-word;max-width:100%}.message-bubble.sent[data-v-41b4c9d6]{background-color:#1890ff;color:#fff;border-top-right-radius:0}.message-bubble.received[data-v-41b4c9d6]{background-color:#fff;color:#333;border:1px solid #e8e8e8;border-top-left-radius:0}.file-message[data-v-41b4c9d6]{display:flex;align-items:center;gap:8px}.file-message i[data-v-41b4c9d6]{font-size:18px}.file-info[data-v-41b4c9d6]{min-width:0}.file-name[data-v-41b4c9d6]{font-size:12px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-tip[data-v-41b4c9d6]{font-size:10px;opacity:.7;margin:2px 0 0 0}.message-meta[data-v-41b4c9d6]{display:flex;align-items:center;gap:4px}.message-time[data-v-41b4c9d6]{font-size:10px;color:#999}.message-read[data-v-41b4c9d6]{color:#1890ff;font-size:12px}.message-sent[data-v-41b4c9d6]{color:#ccc;font-size:12px}.empty-messages[data-v-41b4c9d6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ccc}.empty-messages i[data-v-41b4c9d6]{font-size:48px;margin-bottom:8px}.empty-messages p[data-v-41b4c9d6]{font-size:14px;margin:0}.chat-input[data-v-41b4c9d6]{padding:12px 16px;background-color:#fff;border-top:1px solid #e8e8e8;transition:background-color .2s;flex-shrink:0}.chat-input.dragging[data-v-41b4c9d6]{background-color:#e6f4ff;border:2px solid #1890ff}.input-area[data-v-41b4c9d6]{display:flex;align-items:flex-end;gap:8px;margin-top:12px}.input-area .el-textarea[data-v-41b4c9d6]{flex:1}.drag-overlay[data-v-41b4c9d6]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(24,144,255,.1);display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-content[data-v-41b4c9d6]{background-color:#fff;padding:12px 20px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;border:1px solid #1890ff}.drag-content i[data-v-41b4c9d6]{font-size:20px;color:#1890ff;animation:bounce-41b4c9d6 .5s infinite}.drag-content span[data-v-41b4c9d6]{font-size:14px;font-weight:500;color:#1890ff}@keyframes bounce-41b4c9d6{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.member-list[data-v-41b4c9d6]{max-height:300px;overflow-y:auto}.member-item[data-v-41b4c9d6]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.member-info[data-v-41b4c9d6]{display:flex;align-items:center;gap:8px}.mb-4[data-v-41b4c9d6]{margin-bottom:16px}.hidden[data-v-41b4c9d6]{display:none}[data-v-41b4c9d6]::-webkit-scrollbar{width:4px}[data-v-41b4c9d6]::-webkit-scrollbar-track{background:transparent}[data-v-41b4c9d6]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}[data-v-41b4c9d6]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}