.chat-container[data-v-33b47630]{display:flex;height:calc(100vh - 120px);overflow:hidden}.contact-list[data-v-33b47630]{width:250px;border-right:1px solid #eee;overflow-y:auto;background-color:#fff}.contact-item[data-v-33b47630]{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background-color .2s;display:flex;align-items:flex-start;gap:12px;padding-top:10px;padding-bottom:10px}.contact-info[data-v-33b47630]{display:flex;text-align:left;flex-direction:column;flex-grow:1;min-width:0}.message-row[data-v-33b47630]{margin-top:4px}.contact-time[data-v-33b47630]{color:#888;text-align:right}.contact-item[data-v-33b47630]:hover{background-color:#f9f9f9}.contact-item.active[data-v-33b47630]{background-color:#e6f7ff;border-left:3px solid #1890ff}.contact-avatar[data-v-33b47630]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.contact-avatar img[data-v-33b47630]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-name[data-v-33b47630]{font-weight:700;margin-bottom:4px;color:#333}.message-row[data-v-33b47630]{display:flex;justify-content:space-between;align-items:center;width:100%}.contact-preview[data-v-33b47630]{flex-grow:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;font-size:.8em;color:#666;white-space:nowrap}.contact-time[data-v-33b47630]{font-size:12px;color:#999;white-space:nowrap}.chat-area[data-v-33b47630]{flex:1;display:flex;flex-direction:column;background-color:#f9f9f9}.chat-messages[data-v-33b47630]{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;max-width:100%;box-sizing:border-box}.load-more[data-v-33b47630]{text-align:center;padding:8px;color:#1890ff;cursor:pointer;font-size:.9em;margin:8px 0}.avatar[data-v-33b47630]{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar.left[data-v-33b47630]{margin-right:10px}.avatar.right[data-v-33b47630]{margin-left:10px}.avatar img[data-v-33b47630]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.message-wrapper[data-v-33b47630]{width:100%}.message[data-v-33b47630]{max-width:90%;display:flex;width:auto}.message.sent[data-v-33b47630]{margin-left:auto;background-color:#1890ff;color:#fff;border-bottom-right-radius:4px}.message.received[data-v-33b47630]{margin-right:auto;background-color:#fff;color:#333;border-bottom-left-radius:4px}.message-content[data-v-33b47630]{font-size:1em;line-height:1.4}.message-container[data-v-33b47630]{display:flex;align-items:flex-start;margin-bottom:16px}.message-content-wrapper[data-v-33b47630]{display:flex;flex-direction:column;flex:1}.message-username[data-v-33b47630]{font-size:.8em;color:#666;margin-bottom:4px;padding-left:4px}.message-username.sent[data-v-33b47630]{text-align:right}.message-username.received[data-v-33b47630]{text-align:left}.message[data-v-33b47630]{max-width:70%;padding:10px 14px;border-radius:8px;position:relative;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-time[data-v-33b47630]{font-size:.7em;opacity:0;color:#333;top:-18px;right:10px;transition:opacity .2s}.message-content-wrapper:hover .message-time[data-v-33b47630]{opacity:.8}.message-input[data-v-33b47630]{padding:12px 20px;border-top:1px solid #eee;display:flex;gap:10px;background-color:#fff}.message-input input[data-v-33b47630]{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:20px;outline:none;transition:border-color .2s}.message-input input[data-v-33b47630]:focus{border-color:#1890ff}.message-input button[data-v-33b47630]{padding:0 18px;background-color:#1890ff;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background-color .2s}.message-input button[data-v-33b47630]:hover{background-color:#096dd9}.chat-messages[data-v-33b47630]::-webkit-scrollbar,.contact-list[data-v-33b47630]::-webkit-scrollbar{width:6px}.chat-messages[data-v-33b47630]::-webkit-scrollbar-thumb,.contact-list[data-v-33b47630]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}