.chat-page[data-v-63a306a0]{padding:20px;height:calc(100vh - 80px)}.chat-container[data-v-63a306a0]{height:100%;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.chat-container[data-v-63a306a0] .el-card__body{padding:0;height:100%}.chat-wrapper[data-v-63a306a0]{display:flex;height:100%}.chat-sidebar[data-v-63a306a0]{width:300px;border-right:1px solid #e4e7ed;display:flex;flex-direction:column;background:#fff}.sidebar-header[data-v-63a306a0]{padding:16px;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.sidebar-header h3[data-v-63a306a0]{margin:0;font-size:16px;font-weight:600;color:#303133}.contact-list[data-v-63a306a0]{flex:1;overflow-y:auto}.contact-list[data-v-63a306a0]::-webkit-scrollbar{width:4px}.contact-list[data-v-63a306a0]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:4px}.contact-item[data-v-63a306a0]{display:flex;align-items:flex-start;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f5f5f5}.contact-item[data-v-63a306a0]:hover{background-color:#f5f7fa}.contact-item.active[data-v-63a306a0]{background-color:#ecf5ff}.contact-info[data-v-63a306a0]{flex:1;margin-left:12px;overflow:hidden;min-width:0}.contact-header[data-v-63a306a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.contact-name[data-v-63a306a0]{font-weight:500;font-size:15px;color:#303133;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-time[data-v-63a306a0]{font-size:12px;color:#909399;flex-shrink:0;margin-left:8px}.contact-footer[data-v-63a306a0]{display:flex;justify-content:space-between;align-items:center}.last-message[data-v-63a306a0]{flex:1;font-size:13px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.unread-badge[data-v-63a306a0]{flex-shrink:0}.chat-main[data-v-63a306a0]{flex:1;display:flex;flex-direction:column;background:#f5f5f5}.chat-header[data-v-63a306a0]{padding:12px 20px;border-bottom:1px solid #e4e7ed;background:#fff}.header-info[data-v-63a306a0]{display:flex;align-items:center;gap:12px}.header-text[data-v-63a306a0]{flex:1}.contact-title[data-v-63a306a0]{font-weight:600;font-size:16px;color:#303133}.contact-status[data-v-63a306a0]{font-size:12px;color:#67c23a;margin-top:2px}.message-container[data-v-63a306a0]{flex:1;overflow-y:auto;padding:20px;background:#f5f5f5}.message-container[data-v-63a306a0]::-webkit-scrollbar{width:6px}.message-container[data-v-63a306a0]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:3px}.message-list[data-v-63a306a0]{display:flex;flex-direction:column}.time-label[data-v-63a306a0]{text-align:center;margin:16px 0}.time-label span[data-v-63a306a0]{display:inline-block;padding:4px 12px;background:rgba(0,0,0,.1);color:#909399;font-size:12px;border-radius:4px}.message-item[data-v-63a306a0]{display:flex;margin-bottom:12px;align-items:flex-start}.message-item.is-mine[data-v-63a306a0]{flex-direction:row-reverse}.message-avatar[data-v-63a306a0]{flex-shrink:0}.message-wrapper[data-v-63a306a0]{max-width:60%;display:flex;flex-direction:column;margin:0 10px}.message-item.is-mine .message-wrapper[data-v-63a306a0]{align-items:flex-end}.message-bubble[data-v-63a306a0]{background:#fff;padding:10px 14px;border-radius:8px;font-size:14px;line-height:1.6;word-wrap:break-word;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.1);position:relative}.message-item.is-mine .message-bubble[data-v-63a306a0]{background:#95ec69;color:#000}.message-bubble[data-v-63a306a0]:before{content:"";position:absolute;top:12px;left:-8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #fff}.message-item.is-mine .message-bubble[data-v-63a306a0]:before{left:auto;right:-8px;border-right:none;border-left:8px solid #95ec69}.chat-input[data-v-63a306a0]{padding:16px 20px;border-top:1px solid #e4e7ed;display:flex;gap:12px;align-items:flex-end;background:#fff}.chat-input[data-v-63a306a0] .el-textarea{flex:1}.chat-input[data-v-63a306a0] .el-textarea__inner{resize:none;border-radius:6px;border:1px solid #dcdfe6;padding:10px;font-size:14px;line-height:1.5}.chat-input[data-v-63a306a0] .el-textarea__inner:focus{border-color:#409eff}.chat-input .el-button[data-v-63a306a0]{height:40px;padding:0 24px}.chat-empty[data-v-63a306a0]{flex:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5}