[data-v-27121662]{box-sizing:border-box}.chat-app[data-v-27121662]{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.chat-header[data-v-27121662]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100}.header-left[data-v-27121662],.header-right[data-v-27121662]{flex:0 0 auto}.header-center[data-v-27121662]{flex:1;text-align:center}.back-btn[data-v-27121662],.more-btn[data-v-27121662]{background:none;border:none;padding:8px;cursor:pointer;color:#007aff;border-radius:8px;transition:background-color .2s}.back-btn[data-v-27121662]:hover,.more-btn[data-v-27121662]:hover{background-color:#f0f0f0}.user-info[data-v-27121662]{display:flex;flex-direction:column;align-items:center}.username[data-v-27121662]{font-size:18px;font-weight:600;margin:0;color:#000}.status[data-v-27121662]{font-size:12px;color:#8e8e93;margin-top:2px;display:flex;align-items:center;gap:8px}.mute-indicator[data-v-27121662]{background-color:#f44;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:500}.announcement-bar[data-v-27121662]{background:#ecf9ff;padding:8px 16px;overflow:hidden;position:relative}.announcement-content[data-v-27121662]{display:flex;align-items:center;color:#1989fa;font-size:14px}.announcement-icon[data-v-27121662]{margin-right:8px;font-size:16px}.announcement-text[data-v-27121662]{flex:1;white-space:nowrap;overflow:hidden}.announcement-text span[data-v-27121662]{display:inline-block;animation:scroll-left-27121662 20s linear infinite}@keyframes scroll-left-27121662{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.mute-notice[data-v-27121662]{background-color:#fff3cd;border:1px solid #ffeaa7;padding:12px 16px;display:flex;align-items:center;justify-content:center}.mute-notice-content[data-v-27121662]{display:flex;align-items:center;gap:8px;color:#856404;font-size:14px;font-weight:500}.mute-icon[data-v-27121662]{font-size:16px}.mute-text[data-v-27121662]{text-align:center}.new-message-indicator[data-v-27121662]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#007aff;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 10px rgba(0,122,255,.3);z-index:200;animation:bounce-27121662 .5s ease-in-out}@keyframes bounce-27121662{0%,20%,50%,80%,to{transform:translate(-50%,-50%) translateY(0)}40%{transform:translate(-50%,-50%) translateY(-10px)}60%{transform:translate(-50%,-50%) translateY(-5px)}}.new-message-text[data-v-27121662]{font-size:14px;font-weight:500}.messages-container[data-v-27121662]{flex:1;overflow-y:auto;padding:0;scroll-behavior:smooth}.messages-list[data-v-27121662]{padding:16px;min-height:100%}.message-wrapper[data-v-27121662]{margin-bottom:16px}.timestamp[data-v-27121662]{text-align:center;font-size:12px;color:#8e8e93;margin-bottom:16px;padding:4px 12px;background-color:rgba(0,0,0,.05);border-radius:12px;display:inline-block;margin-left:50%;transform:translateX(-50%)}.message[data-v-27121662]{display:flex;align-items:flex-end;gap:8px;max-width:85%;position:relative}.message.own-message[data-v-27121662]{margin-left:auto;flex-direction:row-reverse}.avatar[data-v-27121662]{flex-shrink:0;width:36px;height:36px;border-radius:18px;overflow:hidden;cursor:pointer;position:relative}.avatar img[data-v-27121662]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mute-badge[data-v-27121662]{position:absolute;top:-2px;right:-2px;background-color:#f44;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.message-content[data-v-27121662]{max-width:100%}.sender-name[data-v-27121662]{font-size:12px;color:#8e8e93;margin-bottom:4px;padding-left:4px;display:flex;align-items:center;gap:4px}.muted-label[data-v-27121662]{color:#f44;font-weight:500}.own-message .sender-name[data-v-27121662]{display:none}.text-message[data-v-27121662]{background-color:#fff;padding:12px 16px;border-radius:18px;font-size:16px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 2px rgba(0,0,0,.1)}.own-message .text-message[data-v-27121662]{background-color:#007aff;color:#fff}.system-message[data-v-27121662]{background-color:#f0f0f0;color:#666;padding:8px 12px;border-radius:12px;font-size:14px;text-align:center;margin:0 auto;max-width:80%}.image-message[data-v-27121662]{border-radius:12px;overflow:hidden;max-width:200px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.image-message img[data-v-27121662]{width:100%;height:auto;display:block;cursor:pointer;transition:transform .2s}.image-message img[data-v-27121662]:hover{transform:scale(1.02)}.image-preview-overlay[data-v-27121662]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-27121662 .3s ease-in-out}@keyframes fadeIn-27121662{0%{opacity:0}to{opacity:1}}.image-preview-container[data-v-27121662]{position:relative;max-width:90%;max-height:90%}.preview-image[data-v-27121662]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.image-preview-close[data-v-27121662]{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.image-preview-close[data-v-27121662]:hover{background-color:hsla(0,0%,100%,.1)}.file-message[data-v-27121662]{background-color:#fff;padding:12px 16px;border-radius:18px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;transition:background-color .2s}.file-message[data-v-27121662]:hover{background-color:#f8f8f8}.own-message .file-message[data-v-27121662]{background-color:#007aff;color:#fff}.file-icon[data-v-27121662]{font-size:24px}.file-info[data-v-27121662]{display:flex;flex-direction:column}.file-name[data-v-27121662]{font-size:14px;font-weight:500;margin-bottom:2px}.file-size[data-v-27121662]{font-size:12px;color:#8e8e93}.own-message .file-size[data-v-27121662]{color:hsla(0,0%,100%,.8)}.voice-message[data-v-27121662]{background-color:#fff;padding:12px 16px;border-radius:18px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;transition:background-color .2s}.voice-message[data-v-27121662]:hover{background-color:#f8f8f8}.own-message .voice-message[data-v-27121662]{background-color:#007aff;color:#fff}.voice-icon[data-v-27121662]{font-size:20px}.voice-info[data-v-27121662]{display:flex;flex-direction:column}.voice-duration[data-v-27121662]{font-size:14px;font-weight:500}.voice-wave[data-v-27121662]{width:60px;height:20px;background:linear-gradient(90deg,#007aff,#4facfe 50%,#007aff);border-radius:10px;margin-top:4px}.scroll-to-bottom[data-v-27121662]{position:fixed;bottom:120px;right:20px;width:40px;height:40px;border-radius:20px;background-color:#fff;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#8e8e93;transition:all .2s}.scroll-to-bottom[data-v-27121662]:hover{background-color:#f0f0f0}.input-area[data-v-27121662]{background-color:#fff;border-top:1px solid #e5e5e5;position:sticky;bottom:0;z-index:100}.input-area.disabled[data-v-27121662]{opacity:.6;pointer-events:none}.input-container[data-v-27121662]{display:flex;align-items:center;padding:12px 16px;gap:8px}.input-btn[data-v-27121662]{background:none;border:none;padding:8px;cursor:pointer;color:#8e8e93;border-radius:8px;transition:background-color .2s;flex-shrink:0}.input-btn[data-v-27121662]:hover:not(:disabled){background-color:#f0f0f0}.input-btn[data-v-27121662]:disabled{opacity:.5;cursor:not-allowed}.input-wrapper[data-v-27121662]{flex:1;position:relative}.message-input[data-v-27121662]{width:100%;padding:10px 16px;border:1px solid #e5e5e5;border-radius:20px;font-size:16px;outline:none;background-color:#f8f8f8;transition:all .2s}.message-input[data-v-27121662]:focus:not(:disabled){border-color:#007aff;background-color:#fff}.message-input[data-v-27121662]:disabled{opacity:.6;cursor:not-allowed}.send-btn[data-v-27121662]{background-color:#007aff;color:#fff;border:none;padding:8px 16px;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.send-btn[data-v-27121662]:hover{background-color:#0056cc}.more-options[data-v-27121662]{padding:16px;border-top:1px solid #e5e5e5;background-color:#f8f8f8}.options-grid[data-v-27121662]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.option-item[data-v-27121662]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:none;border:none;cursor:pointer;border-radius:12px;transition:background-color .2s}.option-item[data-v-27121662]:hover{background-color:#e5e5e5}.option-icon[data-v-27121662]{font-size:24px;width:48px;height:48px;background-color:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.voice-icon[data-v-27121662]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.image-icon[data-v-27121662]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.camera-icon[data-v-27121662]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.file-icon[data-v-27121662]{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.location-icon[data-v-27121662]{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.contact-icon[data-v-27121662]{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#fff}.option-item span[data-v-27121662]{font-size:12px;color:#8e8e93}.emoji-picker[data-v-27121662]{padding:16px;border-top:1px solid #e5e5e5;background-color:#f8f8f8;max-height:200px;overflow-y:auto}.emoji-grid[data-v-27121662]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.emoji-item[data-v-27121662]{background:none;border:none;font-size:24px;padding:8px;cursor:pointer;border-radius:8px;transition:background-color .2s}.emoji-item[data-v-27121662]:hover{background-color:#e5e5e5}.modal-overlay[data-v-27121662]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.member-modal[data-v-27121662]{background-color:#fff;border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.member-modal-header[data-v-27121662]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e5e5;background-color:#f8f8f8}.member-modal-header h3[data-v-27121662]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-27121662]{background:none;border:none;font-size:24px;color:#8e8e93;cursor:pointer;padding:4px}.member-modal-content[data-v-27121662]{padding:20px}.member-profile[data-v-27121662]{display:flex;align-items:center;gap:16px;margin-bottom:20px}.member-avatar-large[data-v-27121662]{width:80px;height:80px;border-radius:40px;-o-object-fit:cover;object-fit:cover}.member-details h3[data-v-27121662]{margin:0 0 8px 0;font-size:18px;font-weight:600}.member-id[data-v-27121662],.member-remark[data-v-27121662]{margin:4px 0;font-size:14px;color:#8e8e93}.member-role[data-v-27121662]{font-size:10px;padding:2px 6px;border-radius:10px;color:#fff;margin-right:8px}.member-role.owner[data-v-27121662]{background-color:#ff9500}.member-role.admin[data-v-27121662]{background-color:#34c759}.member-mute-status[data-v-27121662]{display:block;margin-top:8px;padding:4px 8px;background-color:#ffe6e6;color:#f44;border-radius:8px;font-size:12px;font-weight:500}.member-actions[data-v-27121662]{display:flex;flex-direction:column;gap:12px}.member-action-btn[data-v-27121662]{padding:12px 16px;border:1px solid #007aff;border-radius:12px;background-color:#fff;color:#007aff;font-size:16px;cursor:pointer;transition:all .2s}.member-action-btn[data-v-27121662]:hover{background-color:#007aff;color:#fff}.member-action-btn.danger[data-v-27121662]{border-color:#f44;color:#f44}.member-action-btn.danger[data-v-27121662]:hover{background-color:#f44;color:#fff}.member-action-btn.success[data-v-27121662]{border-color:#34c759;color:#34c759}.member-action-btn.success[data-v-27121662]:hover{background-color:#34c759;color:#fff}.admin-actions[data-v-27121662]{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.mute-modal[data-v-27121662]{background-color:#fff;border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.mute-modal-header[data-v-27121662]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e5e5;background-color:#f8f8f8}.mute-modal-header h3[data-v-27121662]{margin:0;font-size:18px;font-weight:600}.mute-modal-content[data-v-27121662]{padding:20px}.mute-target[data-v-27121662]{margin-bottom:20px;font-size:16px;text-align:center;color:#333}.mute-duration-options[data-v-27121662]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mute-duration-btn[data-v-27121662]{padding:12px 16px;border:1px solid #e5e5e5;border-radius:12px;background-color:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .2s}.mute-duration-btn[data-v-27121662]:hover{border-color:#f44;background-color:#fff5f5;color:#f44}.mute-duration-btn[data-v-27121662]:active{background-color:#f44;color:#fff}.file-preview-modal[data-v-27121662]{background-color:#fff;border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.file-preview-header[data-v-27121662]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e5e5;background-color:#f8f8f8}.file-preview-header h3[data-v-27121662]{margin:0;font-size:16px;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-content[data-v-27121662]{padding:40px 20px;text-align:center}.file-preview-icon[data-v-27121662]{font-size:64px;margin-bottom:16px}.file-preview-name[data-v-27121662]{font-size:16px;font-weight:500;margin:0 0 8px 0}.file-preview-size[data-v-27121662]{font-size:14px;color:#8e8e93;margin:0 0 24px 0}.file-preview-actions[data-v-27121662]{display:flex;gap:12px;justify-content:center}.preview-btn[data-v-27121662]{padding:10px 20px;border:1px solid #007aff;border-radius:20px;background-color:#fff;color:#007aff;font-size:14px;cursor:pointer;transition:all .2s}.preview-btn[data-v-27121662]:hover{background-color:#007aff;color:#fff}@media (max-width:480px){.chat-header[data-v-27121662]{padding:8px 12px}.username[data-v-27121662]{font-size:16px}.status[data-v-27121662]{font-size:11px}.messages-list[data-v-27121662]{padding:12px}.message[data-v-27121662]{max-width:90%}.text-message[data-v-27121662]{padding:10px 14px;font-size:15px}.input-container[data-v-27121662]{padding:8px 12px;gap:6px}.message-input[data-v-27121662]{font-size:15px;padding:8px 14px}.options-grid[data-v-27121662]{grid-template-columns:repeat(3,1fr);gap:12px}.option-item[data-v-27121662]{padding:12px 4px}.option-icon[data-v-27121662]{width:40px;height:40px;font-size:20px}.emoji-grid[data-v-27121662]{grid-template-columns:repeat(6,1fr)}.file-preview-modal[data-v-27121662],.member-modal[data-v-27121662],.mute-modal[data-v-27121662]{width:95%;max-height:90vh}.new-message-indicator[data-v-27121662]{bottom:120px;left:50%;top:auto;transform:translateX(-50%)}.mute-duration-options[data-v-27121662]{grid-template-columns:1fr}.icon-image[data-v-27121662]{width:40rpx;height:40rpx}.no-messages[data-v-27121662]{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:#8e8e93;text-align:center}.no-messages-content[data-v-27121662]{display:flex;flex-direction:column;align-items:center;gap:16px}.no-messages-icon[data-v-27121662]{font-size:48px;opacity:.5}.no-messages-text[data-v-27121662]{font-size:18px;font-weight:500}.no-messages-hint[data-v-27121662]{font-size:14px;opacity:.7}}