.chat-page[data-v-f01eed9e]{padding:20px;background:#f0f2f5;min-height:100vh}.chat-container[data-v-f01eed9e]{display:flex;flex-direction:column;height:70vh;width:100%;background:#f5f5f5;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.chat-header[data-v-f01eed9e]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 1px 2px rgba(0,0,0,.05);z-index:100}.header-left[data-v-f01eed9e]{display:flex;align-items:center;gap:12px}.back-btn[data-v-f01eed9e]{padding:4px;display:flex;align-items:center;justify-content:center}.contact-avatar[data-v-f01eed9e]{flex-shrink:0}.contact-info[data-v-f01eed9e]{display:flex;flex-direction:column;gap:2px}.contact-name[data-v-f01eed9e]{font-size:16px;font-weight:600;color:#262626;line-height:1.2}.contact-status[data-v-f01eed9e]{font-size:12px;color:#8c8c8c;line-height:1}.header-right[data-v-f01eed9e]{display:flex;align-items:center;gap:4px}.header-action-btn[data-v-f01eed9e]{padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%}.header-action-btn[data-v-f01eed9e]:hover{background:#f5f5f5}.chat-messages[data-v-f01eed9e]{flex:1;overflow-y:auto;padding:16px;background:linear-gradient(135deg,#e3f2fd,#f1f8e9)}.loading-container[data-v-f01eed9e]{display:flex;justify-content:center;align-items:center;height:200px}.empty-container[data-v-f01eed9e]{display:flex;justify-content:center;align-items:center;height:300px}.empty-content[data-v-f01eed9e]{text-align:center;color:#8c8c8c}.empty-icon[data-v-f01eed9e]{font-size:48px;color:#d9d9d9;margin-bottom:12px}.empty-content p[data-v-f01eed9e]{margin:0;font-size:14px}.load-more-container[data-v-f01eed9e]{text-align:center;margin-bottom:16px}.load-more-btn[data-v-f01eed9e]{background:hsla(0,0%,100%,.9);border-radius:16px;padding:4px 12px;font-size:12px}.date-divider[data-v-f01eed9e]{text-align:center;margin:16px 0}.date-text[data-v-f01eed9e]{display:inline-block;padding:4px 12px;background:rgba(0,0,0,.1);color:#666;border-radius:12px;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.messages-list[data-v-f01eed9e]{display:flex;flex-direction:column;gap:8px}.message-group[data-v-f01eed9e]{margin-bottom:4px}.message-item[data-v-f01eed9e]{display:flex;align-items:flex-end;gap:8px;margin-bottom:2px}.message-item.message-sent[data-v-f01eed9e]{flex-direction:row-reverse}.message-item.message-received[data-v-f01eed9e]{flex-direction:row}.message-avatar[data-v-f01eed9e]{flex-shrink:0;margin-bottom:16px}.message-content-wrapper[data-v-f01eed9e]{display:flex;flex-direction:column;max-width:75%}.message-item.message-sent .message-content-wrapper[data-v-f01eed9e]{align-items:flex-end}.message-item.message-received .message-content-wrapper[data-v-f01eed9e]{align-items:flex-start}.message-bubble[data-v-f01eed9e]{padding:10px 14px;border-radius:18px;word-wrap:break-word;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-bubble.sent[data-v-f01eed9e]{background:#1890ff;color:#fff;border-bottom-right-radius:4px}.message-bubble.received[data-v-f01eed9e]{background:#fff;color:#262626;border-bottom-left-radius:4px;border:1px solid #e8e8e8}.message-text[data-v-f01eed9e]{line-height:1.4;font-size:14px;margin:0}.message-info[data-v-f01eed9e]{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px}.message-item.message-sent .message-info[data-v-f01eed9e]{justify-content:flex-end}.message-item.message-received .message-info[data-v-f01eed9e]{justify-content:flex-start}.message-status[data-v-f01eed9e],.message-time[data-v-f01eed9e]{color:#8c8c8c}.message-status.status-sent[data-v-f01eed9e]{color:#52c41a}.message-status.status-delivered[data-v-f01eed9e]{color:#1890ff}.message-status.status-failed[data-v-f01eed9e]{color:#ff4d4f}.chat-input-container[data-v-f01eed9e]{background:#fff;border-top:1px solid #e8e8e8;padding:12px 16px}.input-wrapper[data-v-f01eed9e]{display:flex;align-items:flex-end;gap:8px}.input-actions-left[data-v-f01eed9e],.input-actions-right[data-v-f01eed9e]{display:flex;align-items:center;gap:4px}.input-main[data-v-f01eed9e]{flex:1}.message-input[data-v-f01eed9e]{background:#f5f5f5;border-radius:20px;padding:8px 16px;border:1px solid #d9d9d9;transition:all .2s}.message-input[data-v-f01eed9e]:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.message-textarea[data-v-f01eed9e]{padding:0!important;resize:none;font-size:14px;line-height:1.4}.message-textarea[data-v-f01eed9e],.message-textarea[data-v-f01eed9e]:focus{background:transparent!important;border:none!important;box-shadow:none!important}.input-action-btn[data-v-f01eed9e]{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#8c8c8c}.input-action-btn[data-v-f01eed9e]:hover{background:#f5f5f5;color:#1890ff}.send-btn[data-v-f01eed9e]{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 2px 4px rgba(24,144,255,.3)}.send-btn[data-v-f01eed9e]:hover{box-shadow:0 4px 8px rgba(24,144,255,.4);transform:translateY(-1px)}.chat-messages[data-v-f01eed9e]::-webkit-scrollbar{width:4px}.chat-messages[data-v-f01eed9e]::-webkit-scrollbar-track{background:transparent}.chat-messages[data-v-f01eed9e]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.chat-messages[data-v-f01eed9e]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}@media (max-width:768px){.chat-page[data-v-f01eed9e]{padding:10px;align-items:center}.chat-container[data-v-f01eed9e]{height:80vh;width:100%;border-radius:8px}.chat-header[data-v-f01eed9e]{padding:8px 12px}.contact-name[data-v-f01eed9e]{font-size:15px}.header-right[data-v-f01eed9e]{gap:2px}.header-action-btn[data-v-f01eed9e]{width:32px;height:32px}.chat-messages[data-v-f01eed9e]{padding:12px}.message-content-wrapper[data-v-f01eed9e]{max-width:85%}.chat-input-container[data-v-f01eed9e]{padding:8px 12px}.input-wrapper[data-v-f01eed9e]{gap:6px}.input-action-btn[data-v-f01eed9e],.send-btn[data-v-f01eed9e]{width:32px;height:32px}}.message-item[data-v-f01eed9e]{animation:messageSlideIn-data-v-f01eed9e .3s ease-out}@keyframes messageSlideIn-data-v-f01eed9e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mms-title[data-v-f01eed9e]{font-weight:600;color:#1890ff;margin-bottom:8px;font-size:14px;border-bottom:1px solid rgba(24,144,255,.2);padding-bottom:4px}.mms-attachment[data-v-f01eed9e]{margin-top:8px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06)}.mms-image[data-v-f01eed9e]{width:100%;max-width:200px;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease;display:block}.mms-image[data-v-f01eed9e]:hover{transform:scale(1.02)}.mms-image-info[data-v-f01eed9e]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(0,0,0,.05);font-size:12px;color:#666}.message-bubble.sent .mms-title[data-v-f01eed9e]{color:hsla(0,0%,100%,.9);border-bottom-color:hsla(0,0%,100%,.3)}.message-bubble.sent .mms-attachment[data-v-f01eed9e]{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.message-bubble.sent .mms-image-info[data-v-f01eed9e]{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}@media (prefers-color-scheme:dark){.chat-container[data-v-f01eed9e]{background:#1f1f1f}.chat-header[data-v-f01eed9e]{background:#262626;border-bottom-color:#404040}.contact-name[data-v-f01eed9e]{color:#fff}.contact-status[data-v-f01eed9e]{color:#8c8c8c}.header-action-btn[data-v-f01eed9e]:hover{background:#404040}.chat-messages[data-v-f01eed9e]{background:linear-gradient(135deg,#1a1a2e,#16213e)}.message-bubble.received[data-v-f01eed9e]{background:#262626;color:#fff;border-color:#404040}.message-bubble.received .mms-title[data-v-f01eed9e]{color:#64b5f6;border-bottom-color:rgba(100,181,246,.3)}.message-bubble.received .mms-attachment[data-v-f01eed9e]{background:hsla(0,0%,100%,.05);border-color:#404040}.message-bubble.received .mms-image-info[data-v-f01eed9e]{background:hsla(0,0%,100%,.05);color:#8c8c8c}.chat-input-container[data-v-f01eed9e]{background:#262626;border-top-color:#404040}.message-input[data-v-f01eed9e]{background:#1f1f1f;border-color:#404040}.message-input[data-v-f01eed9e]:focus-within{border-color:#1890ff}.input-action-btn[data-v-f01eed9e]:hover{background:#404040}}