.chat-input[data-v-c9edad82]{background-color:#fff;border-top:1px solid #e0e0e0;padding:8px 12px;min-height:50px;display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;position:relative;flex-wrap:wrap}.upload-progress[data-v-c9edad82]{position:absolute;top:-60px;left:12px;right:12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e0e0e0;border-radius:8px;padding:8px 12px;z-index:1000;box-shadow:0 2px 12px #0000001a}.progress-info[data-v-c9edad82]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.file-name[data-v-c9edad82]{font-size:12px;color:#666;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-text[data-v-c9edad82]{font-size:12px;color:#1e90ff;font-weight:500}.input-left[data-v-c9edad82]{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.input-center[data-v-c9edad82]{flex:1;min-height:36px;min-width:0}.input-right[data-v-c9edad82]{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.chat-input[data-v-c9edad82]{padding:8px 12px;gap:8px;min-height:52px}.input-left[data-v-c9edad82],.input-right[data-v-c9edad82]{width:40px;height:40px;flex-shrink:0}.input-center[data-v-c9edad82]{min-height:40px;flex:1;min-width:100px}}@media (max-width: 480px){.chat-input[data-v-c9edad82]{padding:6px 8px;gap:6px;min-height:48px}.input-left[data-v-c9edad82],.input-right[data-v-c9edad82]{width:36px;height:36px;flex-shrink:0}.input-center[data-v-c9edad82]{min-height:36px;flex:1;min-width:80px}}@media (max-width: 375px){.chat-input[data-v-c9edad82]{padding:4px 6px;gap:4px;min-height:44px}.input-left[data-v-c9edad82],.input-right[data-v-c9edad82]{width:32px;height:32px;flex-shrink:0}.input-center[data-v-c9edad82]{min-height:32px;flex:1;min-width:60px}}@media (max-width: 320px){.chat-input[data-v-c9edad82]{padding:4px;gap:2px;min-height:40px}.input-left[data-v-c9edad82],.input-right[data-v-c9edad82]{width:30px;height:30px;flex-shrink:0}.input-center[data-v-c9edad82]{min-height:30px;flex:1;min-width:50px}}.audio-message[data-v-5dfa0d56]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:18px;min-width:80px;max-width:200px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative}.audio-message.is-customer[data-v-5dfa0d56]{background-color:#fff3;border:1px solid rgba(255,255,255,.3)}.audio-message.is-customer[data-v-5dfa0d56]:hover{background-color:#ffffff4d}.audio-message.is-customer[data-v-5dfa0d56]:active{background-color:#ffffff1a}.audio-message[data-v-5dfa0d56]:not(.is-customer){background-color:#f0f0f0;border:1px solid #e0e0e0}.audio-message[data-v-5dfa0d56]:not(.is-customer):hover{background-color:#e8e8e8}.audio-message[data-v-5dfa0d56]:not(.is-customer):active{background-color:#f0f0f0}.audio-icon[data-v-5dfa0d56]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.voice-icon[data-v-5dfa0d56]{display:flex;align-items:flex-end;gap:2px;height:16px}.wave[data-v-5dfa0d56]{width:3px;background-color:currentColor;border-radius:1.5px;transition:all .3s ease}.wave1[data-v-5dfa0d56]{height:6px}.wave2[data-v-5dfa0d56]{height:12px}.wave3[data-v-5dfa0d56]{height:8px}.voice-icon.playing .wave1[data-v-5dfa0d56]{animation:wave-animation-5dfa0d56 1.2s ease-in-out infinite;animation-delay:0s}.voice-icon.playing .wave2[data-v-5dfa0d56]{animation:wave-animation-5dfa0d56 1.2s ease-in-out infinite;animation-delay:.2s}.voice-icon.playing .wave3[data-v-5dfa0d56]{animation:wave-animation-5dfa0d56 1.2s ease-in-out infinite;animation-delay:.4s}@keyframes wave-animation-5dfa0d56{0%,to{height:6px;opacity:.6}50%{height:14px;opacity:1}}.audio-duration[data-v-5dfa0d56]{font-size:14px;font-weight:500;color:currentColor;margin-left:auto;min-width:20px;text-align:right}.unread-dot[data-v-5dfa0d56]{position:absolute;right:-4px;top:-4px;width:8px;height:8px;background-color:#ff4757;border-radius:50%;border:2px solid white}.audio-message.is-customer .unread-dot[data-v-5dfa0d56]{border-color:#1e90ff}.audio-message.is-playing[data-v-5dfa0d56]{animation:pulse-5dfa0d56 1.5s ease-in-out infinite}@keyframes pulse-5dfa0d56{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width: 768px){.audio-message[data-v-5dfa0d56]{padding:6px 10px;width:100%}.audio-icon[data-v-5dfa0d56]{width:20px;height:20px}.voice-icon[data-v-5dfa0d56]{height:14px}.wave[data-v-5dfa0d56]{width:2px}.wave1[data-v-5dfa0d56]{height:4px}.wave2[data-v-5dfa0d56]{height:10px}.wave3[data-v-5dfa0d56]{height:6px}.voice-icon.playing .wave1[data-v-5dfa0d56],.voice-icon.playing .wave2[data-v-5dfa0d56],.voice-icon.playing .wave3[data-v-5dfa0d56]{animation-duration:1s}@keyframes wave-animation-5dfa0d56{0%,to{height:4px;opacity:.6}50%{height:12px;opacity:1}}.audio-duration[data-v-5dfa0d56]{font-size:13px}}.video-message[data-v-8801b12b]{display:flex;flex-direction:column;gap:8px}.media-wrapper[data-v-8801b12b]{position:relative;width:90%;height:150px;border-radius:8px;overflow:hidden;cursor:pointer;padding:12px 15px;transition:all .2s ease}.media-wrapper[data-v-8801b12b]:hover{transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.fixed-media[data-v-8801b12b]{height:100%;object-fit:cover;border:none;outline:none}.play-icon[data-v-8801b12b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0009;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;transition:all .2s ease}.media-wrapper:hover .play-icon[data-v-8801b12b]{background-color:#000c;transform:translate(-50%,-50%) scale(1.1)}.video-player-overlay[data-v-8801b12b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-container[data-v-8801b12b]{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;flex-direction:column;align-items:center}.video-element[data-v-8801b12b]{max-width:80vw;max-height:calc(70vh - 80px);width:auto;height:auto;border-radius:8px;cursor:pointer;object-fit:contain}.video-controls[data-v-8801b12b]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;padding:16px 24px;background-color:#000000b3;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;min-width:320px}.controls-top[data-v-8801b12b]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.control-buttons[data-v-8801b12b]{display:flex;align-items:center;gap:8px}.control-btn[data-v-8801b12b]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background-color:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.control-btn[data-v-8801b12b]:hover{background-color:#fff3;transform:scale(1.05)}.control-btn[data-v-8801b12b]:active{transform:scale(.95)}.play-btn[data-v-8801b12b]{width:52px;height:52px;background-color:#1e90ff}.play-btn[data-v-8801b12b]:hover{background-color:#4da6ff}.progress-container[data-v-8801b12b]{width:100%;margin:0}.progress-bar[data-v-8801b12b]{position:relative;width:100%;height:6px;background-color:#ffffff4d;border-radius:3px;cursor:pointer}.progress-filled[data-v-8801b12b]{height:100%;background-color:#1e90ff;border-radius:3px;transition:width .1s ease}.progress-thumb[data-v-8801b12b]{position:absolute;top:-4px;width:14px;height:14px;background-color:#1e90ff;border-radius:50%;transform:translate(-50%);cursor:pointer;transition:left .1s ease}.time-display[data-v-8801b12b]{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;min-width:80px;justify-content:center}@media (max-width: 768px){.video-container[data-v-8801b12b]{max-width:95vw;max-height:95vh}.video-element[data-v-8801b12b]{max-width:85vw;max-height:calc(75vh - 100px)}.video-controls[data-v-8801b12b]{min-width:280px;padding:12px 16px;gap:12px}.control-btn[data-v-8801b12b]{width:40px;height:40px}.play-btn[data-v-8801b12b]{width:48px;height:48px}.time-display[data-v-8801b12b]{font-size:12px;min-width:70px}}@media (max-width: 480px){.video-controls[data-v-8801b12b]{min-width:260px;padding:10px 12px;gap:8px}.control-btn[data-v-8801b12b]{width:36px;height:36px}.play-btn[data-v-8801b12b]{width:44px;height:44px}.time-display[data-v-8801b12b]{font-size:11px;min-width:60px}}.message-list[data-v-78b1b87b]{height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:12px}.loading-container[data-v-78b1b87b]{display:flex;justify-content:center;align-items:center;height:200px;color:#999}.messages-container[data-v-78b1b87b]{display:flex;flex-direction:column;gap:12px}.load-more[data-v-78b1b87b]{display:flex;justify-content:center;padding:8px 0;cursor:pointer}.message-item[data-v-78b1b87b]{display:flex;flex-direction:column}.customer-message[data-v-78b1b87b]{align-self:flex-end;max-width:90%}.customer-message .message-content[data-v-78b1b87b]{background-color:#1e90ff;color:#fff;border-radius:18px 4px 18px 18px;word-wrap:break-word;position:relative}.customer-message .message-time[data-v-78b1b87b]{text-align:right;font-size:12px;color:#999;margin-top:4px}.sending-status[data-v-78b1b87b]{color:#1e90ff;margin-left:8px;font-size:11px}.servicer-message[data-v-78b1b87b]{align-self:flex-start;max-width:70%}.servicer-main[data-v-78b1b87b]{display:flex;align-items:flex-start;gap:8px}.servicer-avatar[data-v-78b1b87b]{flex-shrink:0;margin-top:2px}.servicer-content[data-v-78b1b87b]{flex:1;display:flex;flex-direction:column;gap:4px}.servicer-nickname[data-v-78b1b87b]{font-size:13px;color:#666;font-weight:500;margin-bottom:2px;display:flex;align-items:center;gap:4px}.copy-number-btn[data-v-78b1b87b]{opacity:.7;transition:all .2s ease;color:#1e90ff}.copy-number-btn[data-v-78b1b87b]:hover{opacity:1;color:#06c}.servicer-message .message-content[data-v-78b1b87b]{background-color:#fff;color:#333;border-radius:4px 18px 18px;word-wrap:break-word;position:relative}.servicer-message .message-time[data-v-78b1b87b]{text-align:left;font-size:12px;color:#999;margin-top:4px}.recalled-message[data-v-78b1b87b]{color:#999;font-style:italic;text-align:center;padding:8px}.keyword-message[data-v-78b1b87b]{align-self:center;max-width:80%;margin:8px 0}.keyword-content[data-v-78b1b87b]{text-align:left;padding:12px;min-width:280px;border:1px solid #e0e0e0;border-radius:4px 18px 18px}.keyword-message .keyword-content[data-v-78b1b87b]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:12px 16px;text-align:center}.keyword-title[data-v-78b1b87b]{font-size:14px;color:#495057;font-weight:500;margin-bottom:8px;display:flex;align-items:center;gap:6px}.keyword-list[data-v-78b1b87b]{display:flex;flex-direction:column;gap:8px}.keyword-message .keyword-title[data-v-78b1b87b],.keyword-message .keyword-list[data-v-78b1b87b]{justify-content:center}.keyword-item[data-v-78b1b87b]{padding:8px 0;color:#1e90ff;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;line-height:1.4}.keyword-item[data-v-78b1b87b]:hover{color:#06c;background-color:#1e90ff0d;border-radius:4px;padding:8px;margin:0 -8px}.keyword-item[data-v-78b1b87b]:active{color:#049}.keyword-tag[data-v-78b1b87b]{display:inline-flex;align-items:center;padding:4px 12px;background-color:#e3f2fd;color:#1e90ff;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s ease;border:1px solid #bbdefb;-webkit-user-select:none;user-select:none}.keyword-tag[data-v-78b1b87b]:hover{background-color:#1e90ff;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #1e90ff33}.keyword-tag[data-v-78b1b87b]:active{transform:translateY(0)}.text-content[data-v-78b1b87b]{min-width:304px}.user-content[data-v-78b1b87b]{padding:12px 0}.image-content[data-v-78b1b87b],.video-content[data-v-78b1b87b]{display:flex;flex-direction:column;gap:8px;background-color:#fff}.audio-content[data-v-78b1b87b]{display:flex;align-items:center}.message-border[data-v-78b1b87b]{border:1px solid #e0e0e0;border-radius:4px 18px 18px}.media-wrapper[data-v-78b1b87b]{position:relative;width:280px;border-radius:8px;overflow:hidden;cursor:pointer;background-color:#fff;transition:all .2s ease}.media-wrapper[data-v-78b1b87b]:hover{transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.fixed-media[data-v-78b1b87b]{width:100%;height:auto;border:none;outline:none;border-radius:8px}.media-wrapper:hover .play-icon[data-v-78b1b87b]{background-color:#000c;transform:translate(-50%,-50%) scale(1.1)}.file-info[data-v-78b1b87b]{font-size:12px;color:#666;text-align:center}.empty-state[data-v-78b1b87b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999}.empty-icon[data-v-78b1b87b]{font-size:48px;margin-bottom:16px}.empty-text[data-v-78b1b87b]{font-size:16px}.ql-container.ql-snow[data-v-78b1b87b]{border:none!important}.normal-text[data-v-78b1b87b]{padding:12px 15px}.chat-container[data-v-8a0097c9]{width:100%;height:100vh;display:flex;flex-direction:column;position:relative}.message-area[data-v-8a0097c9]{flex:1;overflow:hidden;position:relative}.input-area[data-v-8a0097c9]{flex-shrink:0;position:sticky;bottom:0;padding:0 0 20px;z-index:100;background-color:#fff}.message-area[data-v-8a0097c9] .message-list{height:98%;overflow-y:auto;-webkit-overflow-scrolling:touch}