.chat-container[data-v-c3226bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;background:#f5f7fa}.chat-sidebar[data-v-c3226bc2]{width:320px;background:#fff;border-right:1px solid #e4e7ed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-header[data-v-c3226bc2]{padding:16px;border-bottom:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.add-btn[data-v-c3226bc2]{width:32px;padding:0}.sidebar-tabs[data-v-c3226bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #f0f0f0}.tab-item[data-v-c3226bc2]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 8px;text-align:center;cursor:pointer;font-size:14px;color:#909399;-webkit-transition:all .3s;transition:all .3s}.tab-item[data-v-c3226bc2]:hover{background:#f5f7fa}.tab-item.active[data-v-c3226bc2]{color:#409eff;background:#ecf5ff}.tab-item i[data-v-c3226bc2]{display:block;font-size:18px;margin-bottom:4px}.conversation-list[data-v-c3226bc2],.friends-list[data-v-c3226bc2]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.conversation-item[data-v-c3226bc2],.friend-item[data-v-c3226bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;-webkit-transition:background .2s;transition:background .2s}.conversation-item[data-v-c3226bc2]:hover,.friend-item[data-v-c3226bc2]:hover{background:#f5f7fa}.conversation-item.active[data-v-c3226bc2]{background:#ecf5ff}.conversation-avatar[data-v-c3226bc2],.friend-avatar[data-v-c3226bc2]{width:48px;height:48px;border-radius:50%;margin-right:12px;position:relative;-ms-flex-negative:0;flex-shrink:0}.conversation-avatar img[data-v-c3226bc2],.friend-avatar img[data-v-c3226bc2]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.status-dot[data-v-c3226bc2]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.status-dot.在线[data-v-c3226bc2]{background:#67c23a}.status-dot.离线[data-v-c3226bc2]{background:#909399}.conversation-info[data-v-c3226bc2],.friend-info[data-v-c3226bc2]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.conversation-header[data-v-c3226bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4px}.conversation-name[data-v-c3226bc2],.friend-name[data-v-c3226bc2]{font-weight:500;color:#303133}.conversation-time[data-v-c3226bc2]{font-size:12px;color:#909399}.last-message[data-v-c3226bc2]{font-size:13px;color:#909399}.friend-status[data-v-c3226bc2]{font-size:12px;color:#909399}.chat-main[data-v-c3226bc2]{background:#fff}.chat-main[data-v-c3226bc2],.empty-chat[data-v-c3226bc2]{-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}.empty-chat[data-v-c3226bc2]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399}.empty-icon[data-v-c3226bc2]{font-size:64px;margin-bottom:16px}.chat-content[data-v-c3226bc2]{-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}.chat-header[data-v-c3226bc2]{padding:16px 20px;border-bottom:1px solid #e4e7ed;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-header[data-v-c3226bc2],.header-info[data-v-c3226bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-avatar[data-v-c3226bc2]{width:40px;height:40px;border-radius:50%;margin-right:12px}.header-name[data-v-c3226bc2]{font-size:16px;font-weight:600;color:#303133;margin:0 0 4px 0}.header-status[data-v-c3226bc2]{font-size:13px;color:#909399;margin:0}.messages-container[data-v-c3226bc2]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px 20px;background:#f8f9fa}.message-item[data-v-c3226bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px}.message-item.self[data-v-c3226bc2]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.message-avatar[data-v-c3226bc2]{width:36px;height:36px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.message-avatar img[data-v-c3226bc2]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-content[data-v-c3226bc2]{max-width:60%;margin:0 12px}.message-info[data-v-c3226bc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:4px}.sender-name[data-v-c3226bc2]{font-size:12px;color:#909399;font-weight:500}.message-time[data-v-c3226bc2]{font-size:12px;color:#c0c4cc}.message-bubble[data-v-c3226bc2]{padding:8px 12px;border-radius:12px;word-wrap:break-word}.message-item:not(.self) .message-bubble[data-v-c3226bc2]{background:#fff;border:1px solid #e4e7ed}.message-item.self .message-bubble[data-v-c3226bc2]{background:#409eff;color:#fff}.text-message[data-v-c3226bc2]{line-height:1.4}.message-status[data-v-c3226bc2]{text-align:right;margin-top:4px}.input-area[data-v-c3226bc2]{border-top:1px solid #e4e7ed;background:#fff}.input-box[data-v-c3226bc2]{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 .el-textarea[data-v-c3226bc2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.send-btn[data-v-c3226bc2]{height:40px;padding:0 20px}