.chat-page[data-v-03c96eac]{width:100%;min-height:calc(100vh - 64px);background:#f0f2f5;padding:24px;display:flex;justify-content:center;align-items:flex-start}.chat-container[data-v-03c96eac]{width:100%;max-width:1400px;height:calc(100vh - 112px);background:#fff;border-radius:12px;box-shadow:0 12px 48px rgba(0,0,0,.05);display:flex;overflow:hidden;border:1px solid rgba(0,0,0,.02)}.chat-sidebar[data-v-03c96eac]{width:320px;border-right:1px solid #efefef;display:flex;flex-direction:column}.sidebar-header[data-v-03c96eac]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2f5}.header-main[data-v-03c96eac]{display:flex;flex-direction:column;gap:4px}.ws-status-badge[data-v-03c96eac]{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#fa8c16;background:#fff7e6;padding:2px 8px;border-radius:10px;width:-moz-fit-content;width:fit-content;transition:all .3s}.ws-status-badge.connected[data-v-03c96eac]{color:#52c41a;background:#f6ffed}.status-dot[data-v-03c96eac]{width:6px;height:6px;border-radius:50%;background:#fa8c16;box-shadow:0 0 5px #fa8c16}.ws-status-badge.connected .status-dot[data-v-03c96eac]{background:#52c41a;box-shadow:0 0 5px #52c41a}.sidebar-header h3[data-v-03c96eac]{font-size:18px;color:#1a1a1a}.search-box[data-v-03c96eac]{padding:12px 20px}.room-list-wrapper[data-v-03c96eac]{flex:1;overflow-y:auto}.room-item[data-v-03c96eac]{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.room-item[data-v-03c96eac]:hover{background:#f9f9f9}.room-item.active[data-v-03c96eac]{background:#e6f7ff}.room-avatar[data-v-03c96eac]{position:relative}.online-status[data-v-03c96eac]{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#52c41a;border-radius:50%;border:2px solid #fff}.room-info[data-v-03c96eac]{flex:1;min-width:0}.room-top[data-v-03c96eac]{display:flex;justify-content:space-between;margin-bottom:4px}.room-name[data-v-03c96eac]{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-time[data-v-03c96eac]{font-size:12px;color:#999}.room-bottom[data-v-03c96eac]{display:flex;justify-content:space-between;font-size:13px}.room-last-msg[data-v-03c96eac]{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.typing-indicator[data-v-03c96eac]{color:#1890ff;font-style:italic}.chat-main[data-v-03c96eac]{flex:1;display:flex;flex-direction:column;background:#fff;position:relative}.chat-header[data-v-03c96eac]{padding:12px 24px;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center}.header-info[data-v-03c96eac]{display:flex;align-items:center;gap:12px}.header-text h4[data-v-03c96eac]{font-size:16px;margin:0}.header-text p[data-v-03c96eac]{font-size:12px;color:#999;margin:0}.ws-status[data-v-03c96eac]{display:flex;align-items:center;gap:6px;font-size:11px;color:#faad14;margin-top:2px}.ws-status.connected[data-v-03c96eac]{color:#52c41a}.ws-status .status-dot[data-v-03c96eac]{width:6px;height:6px;background:currentColor;border-radius:50%}.ws-status:not(.connected) .status-dot[data-v-03c96eac]{animation:pulse-ws-03c96eac 1.5s infinite}@keyframes pulse-ws-03c96eac{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.message-list[data-v-03c96eac]{flex:1;padding:24px;overflow-y:auto;background:#fafafa;display:flex;flex-direction:column;gap:16px}.load-more[data-v-03c96eac]{text-align:center;margin-bottom:10px}.message-wrapper[data-v-03c96eac]{display:flex;flex-direction:column}.message-time-sep[data-v-03c96eac]{text-align:center;font-size:12px;color:#bfbfbf;margin:16px 0}.message-content-row[data-v-03c96eac]{display:flex;gap:10px;max-width:80%}.message-mine[data-v-03c96eac]{align-items:flex-end}.message-mine .message-content-row[data-v-03c96eac]{flex-direction:row-reverse}.msg-sender-name[data-v-03c96eac]{font-size:12px;color:#8c8c8c}.msg-bubble[data-v-03c96eac]{padding:10px 14px;padding-bottom:18px;border-radius:8px;font-size:14px;line-height:1.5;position:relative;min-width:60px;word-break:break-all}.msg-bubble-container[data-v-03c96eac]{display:flex;flex-direction:column;gap:4px;position:relative}.msg-status-outer[data-v-03c96eac]{position:absolute;bottom:0;right:-24px;display:flex;align-items:center}.read-icon[data-v-03c96eac]{color:#52c41a;font-size:16px}.sent-icon[data-v-03c96eac]{color:#bfbfbf;font-size:16px}.message-mine .msg-bubble[data-v-03c96eac]{background:#1890ff;color:#fff;border-top-right-radius:2px}.message-wrapper:not(.message-mine) .msg-bubble[data-v-03c96eac]{background:#fff;color:#333;border:1px solid #f0f0f0;border-top-left-radius:2px}.msg-status[data-v-03c96eac]{display:none}.msg-bubble.msg-type-file[data-v-03c96eac],.msg-bubble.msg-type-image[data-v-03c96eac]{padding:4px;background:transparent!important;border:none!important;box-shadow:none!important}.msg-bubble.msg-type-image .msg-status[data-v-03c96eac]{background:rgba(0,0,0,.2);padding:2px 4px;border-radius:4px;bottom:4px;right:4px}.message-wrapper:not(.message-mine) .msg-bubble.msg-type-image .msg-status[data-v-03c96eac]{display:none}.msg-image[data-v-03c96eac]{max-width:240px;max-height:320px;border-radius:6px;cursor:pointer;display:block}.msg-file[data-v-03c96eac]{display:flex;align-items:center;gap:10px;background:#fff;padding:10px;border-radius:4px;border:1px solid #d9d9d9;cursor:pointer;color:#333}.file-info[data-v-03c96eac]{flex:1;min-width:0}.file-name[data-v-03c96eac]{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-action[data-v-03c96eac]{font-size:11px;color:#1890ff}.chat-input-area[data-v-03c96eac]{padding:16px 24px;border-top:1px solid #f5f5f5;display:flex;flex-direction:column;gap:10px}.input-toolbar[data-v-03c96eac]{display:flex;gap:4px}.input-box[data-v-03c96eac]{display:flex;gap:12px;align-items:flex-end}.chat-empty[data-v-03c96eac]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#999}.emoji-picker[data-v-03c96eac]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:8px;max-height:200px;overflow-y:auto}.emoji-item[data-v-03c96eac]{font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s;padding:4px;border-radius:4px}.emoji-item[data-v-03c96eac]:hover{background:#f5f5f5;transform:scale(1.2)}.emoji-picker[data-v-03c96eac]::-webkit-scrollbar{width:4px}.emoji-picker[data-v-03c96eac]::-webkit-scrollbar-thumb{background:#dadada;border-radius:2px}.user-search-modal[data-v-03c96eac]{padding:10px 0}.search-results-list[data-v-03c96eac]{margin-top:20px;min-height:200px;max-height:400px;overflow-y:auto}.search-loading[data-v-03c96eac],.search-no-results[data-v-03c96eac]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#999}.search-loading p[data-v-03c96eac],.search-no-results p[data-v-03c96eac]{margin-top:10px}.search-result-item[data-v-03c96eac]{display:flex;align-items:center;padding:12px;border-bottom:1px solid #f5f5f5;gap:12px}.search-result-item[data-v-03c96eac]:last-child{border-bottom:none}.result-info[data-v-03c96eac]{flex:1}.result-name[data-v-03c96eac]{font-weight:600;color:#333}.result-id[data-v-03c96eac]{font-size:12px;color:#999}.message-list[data-v-03c96eac]::-webkit-scrollbar,.room-list-wrapper[data-v-03c96eac]::-webkit-scrollbar{width:6px}.message-list[data-v-03c96eac]::-webkit-scrollbar-thumb,.room-list-wrapper[data-v-03c96eac]::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:3px}.message-list[data-v-03c96eac]::-webkit-scrollbar-track,.room-list-wrapper[data-v-03c96eac]::-webkit-scrollbar-track{background:transparent}.mobile-back-btn[data-v-03c96eac]{display:none}@media screen and (max-width:768px){.chat-page[data-v-03c96eac]{padding:0;min-height:100vh}.chat-container[data-v-03c96eac]{height:calc(100vh - 64px);border-radius:0;border:none;box-shadow:none}.chat-sidebar[data-v-03c96eac]{width:100%;border-right:none}.chat-container.mobile-chat-active .chat-sidebar[data-v-03c96eac],.chat-main[data-v-03c96eac]{display:none}.chat-container.mobile-chat-active .chat-main[data-v-03c96eac]{display:flex;width:100%}.mobile-back-btn[data-v-03c96eac]{display:flex;align-items:center;justify-content:center;margin-right:8px;padding:0 4px;font-size:20px;color:#666}.message-input[data-v-03c96eac]{min-height:40px}.chat-input-area[data-v-03c96eac]{padding:10px 16px}.message-content-row[data-v-03c96eac]{max-width:95%}}