.customer-service-overlay[data-v-4b661dce]{align-items:center;background:#0000004d;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}.chat-window[data-v-4b661dce]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;width:380px}.chat-header[data-v-4b661dce]{background:linear-gradient(135deg,#5145cd,#6366f1);color:#fff;cursor:move;justify-content:space-between;padding:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-header[data-v-4b661dce],.header-left[data-v-4b661dce]{align-items:center;display:flex}.header-left[data-v-4b661dce]{gap:12px}.avatar[data-v-4b661dce]{height:40px;position:relative;width:40px}.avatar-svg[data-v-4b661dce]{background:#fff;border-radius:50%;height:100%;width:100%}.avatar-svg.small[data-v-4b661dce]{height:32px;width:32px}.online-badge[data-v-4b661dce]{animation:pulse-4b661dce 2s infinite}@keyframes pulse-4b661dce{0%,to{opacity:1}50%{opacity:.5}}.info .name[data-v-4b661dce]{font-size:16px;font-weight:600}.info .status[data-v-4b661dce]{font-size:12px;opacity:.9}.close-btn[data-v-4b661dce]{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.close-btn[data-v-4b661dce]:hover{background:#ffffff4d}.chat-messages[data-v-4b661dce]{background:#f5f7fa;flex:1;overflow-y:auto;padding:16px}.message[data-v-4b661dce]{align-items:flex-start;display:flex;gap:8px;margin-bottom:16px}.message.user[data-v-4b661dce]{flex-direction:row-reverse}.message .content[data-v-4b661dce]{max-width:70%}.message .text[data-v-4b661dce]{border-radius:12px;font-size:14px;line-height:1.5;padding:10px 14px;word-break:break-word}.message.service .text[data-v-4b661dce]{background:#fff;border-bottom-left-radius:4px;color:#333}.message.user .text[data-v-4b661dce]{background:#5145cd;border-bottom-right-radius:4px;color:#fff}.message .time[data-v-4b661dce]{color:#999;font-size:11px;margin-top:4px;text-align:right}.message.service .time[data-v-4b661dce]{text-align:left}.message .avatar[data-v-4b661dce]{flex-shrink:0;height:32px;width:32px}.typing-indicator[data-v-4b661dce]{background:#fff;border-radius:12px 12px 12px 4px;display:flex;gap:4px;padding:12px 16px}.typing-indicator span[data-v-4b661dce]{animation:typing-4b661dce 1.4s ease-in-out infinite;background:#5145cd;border-radius:50%;height:8px;width:8px}.typing-indicator span[data-v-4b661dce]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-4b661dce]:nth-child(3){animation-delay:.4s}@keyframes typing-4b661dce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input[data-v-4b661dce]{background:#fff;border-top:1px solid #eee;padding:12px 16px}.chat-input[data-v-4b661dce] .el-input__wrapper{border-radius:20px}.chat-input[data-v-4b661dce] .el-input-group__append{background:#5145cd;border:none;border-radius:0 20px 20px 0;padding:0}.chat-input[data-v-4b661dce] .el-input-group__append .el-button{background:transparent;border:none;color:#fff;padding:0 16px}.chat-input[data-v-4b661dce] .el-input-group__append .el-button:disabled{color:#ffffff80}.fade-enter-active[data-v-4b661dce],.fade-leave-active[data-v-4b661dce]{transition:opacity .2s ease}.fade-enter-from[data-v-4b661dce],.fade-leave-to[data-v-4b661dce]{opacity:0}