.kefu-container{position:relative}@supports (-webkit-touch-callout:none){.mobile-customer-chat{position:fixed;top:0;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom)}}.mobile-customer-chat,.mobile-kefu-btn{display:none}.kefu-image-wrap{position:fixed;bottom:180px;right:20px;width:70px;height:90px;cursor:pointer;z-index:999}.kefu-image{width:70px;height:90px;display:block}.kefu-badge,.mobile-kefu-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;background:#ff3b30;color:#fff;font-size:11px;line-height:18px;text-align:center;border-radius:9px;border:1.5px solid #fff;z-index:1001}.customer-chat{position:fixed;bottom:10px;right:20px;width:400px;height:600px;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:99999;flex-direction:column}.chat-header,.customer-chat{border-radius:8px 8px 0 0;display:flex}.chat-header{justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.msg-logo{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.header-title h3{margin:0;font-size:16px;font-weight:600;color:#333}.header-title p{margin:2px 0 0 0;font-size:12px;color:#666}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;max-height:calc(100% - 120px)}.message{display:flex;align-items:flex-start;gap:10px}.customer-message{flex-direction:row}.user-message{flex-direction:row-reverse}.system-message{justify-content:center}.message-avatar{border-radius:50%;background-color:#e5e7eb;flex-shrink:0}.message-avatar,.message-avatar img{width:36px;height:36px}.message-content{max-width:70%}.user-message .message-content{text-align:right}.message-sender{font-size:12px;color:#999;margin-bottom:5px}.message-text{padding:10px 15px;border-radius:18px;font-size:14px;line-height:1.4;word-break:break-word;white-space:normal;word-wrap:break-word;max-width:100%;text-align:left}.customer-message .message-text{background-color:#f3f4f6;color:#333}.user-message .message-text{background-color:#2b7fff;color:#fff}.system-message .message-text{background-color:#f9fafb;color:#666;font-size:12px;padding:5px 10px;border-radius:10px}.chat-input-area{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid #e5e7eb;background-color:#f9fafb;flex-shrink:0}.input-field::-webkit-scrollbar{width:6px}.input-field::-webkit-scrollbar-track{background:transparent}.input-field::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.input-field::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.input-field{flex:1;padding:10px 15px;border:1px solid #e5e7eb;border-radius:20px;font-size:14px;resize:none;outline:none;max-height:70px;overflow-y:auto}.input-field:focus{border-color:#2b7fff}.send-btn{padding:5px 10px;background-color:#2b7fff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.send-btn:hover{background-color:#1a66e5}@media (max-width:768px){.customer-chat{width:100%;height:80vh;right:0;left:0;border-radius:8px 8px 0 0}.chat-header{padding:12px 15px}.msg-logo{width:28px;height:28px}.header-title h3{font-size:14px}.header-title p{font-size:10px}.chat-messages{padding:15px;gap:12px}.message-avatar{width:32px;height:32px}.message-content{max-width:75%}.message-text{padding:8px 12px;font-size:13px}.chat-input-area{padding:12px 15px}.input-field{padding:8px 12px;font-size:13px}.send-btn{padding:8px 16px;font-size:13px}}@media (max-width:480px){.kefu-image-wrap{right:0;bottom:80px;width:100px;height:100px}.customer-chat{height:75vh}.chat-messages{padding:12px;gap:10px}.message-text{padding:6px 10px;font-size:12px}.chat-input-area{padding:10px 12px}.input-field{padding:6px 10px;font-size:12px}.send-btn{padding:6px 12px;font-size:12px}}@media (max-width:768px){.pc-customer{display:none}.mobile-kefu-btn{display:flex;position:fixed;padding:10px 16px;background-color:#2b7fff;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;z-index:1001}.mobile-kefu-btn .kefu-icon{width:100px;height:100px}.mobile-customer-chat{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;z-index:1000}.mobile-chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.mobile-back-btn{background:none;border:none;padding:8px;cursor:pointer}.mobile-back-btn img{width:24px;height:24px}.mobile-chat-title{font-size:18px;font-weight:600;color:#333;margin:0}.mobile-header-placeholder{width:40px}.mobile-customer-chat .mobile-chat-messages{flex:1;min-height:0;padding:20px 20px 90px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.mobile-message{display:flex;align-items:flex-start;gap:12px}.mobile-customer-message{flex-direction:row}.mobile-user-message{flex-direction:row-reverse}.mobile-system-message{justify-content:center}.mobile-system-message .mobile-message-content{background:none;box-shadow:none;padding:0;max-width:100%}.mobile-system-message .mobile-message-text{background-color:transparent;color:#999;font-size:13px;padding:8px 12px;text-align:center;border-radius:0;box-shadow:none}.mobile-avatar{width:40px;height:40px;border-radius:50%;background-color:#e5e7eb;flex-shrink:0}.mobile-message-content{max-width:75%}.mobile-user-message .mobile-message-content{text-align:right}.mobile-message-sender{font-size:11px;color:#999;margin-bottom:4px}.mobile-message-text{padding:12px 16px;border-radius:20px;font-size:15px;line-height:1.5;text-align:left;word-break:break-all}.mobile-customer-message .mobile-message-text{background-color:#fff;color:#333;box-shadow:0 1px 3px rgba(0,0,0,.05)}.mobile-user-message .mobile-message-text{background-color:#2b7fff;color:#fff}.mobile-chat-input-area{display:flex;align-items:center;gap:12px;padding:15px 20px;background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;position:fixed;bottom:0;left:0;right:0;z-index:1001}.mobile-input-field{flex:1;padding:12px 20px;border:1px solid #e5e7eb;border-radius:25px;font-size:15px;outline:none;background-color:#f5f5f5;max-height:70px;overflow-y:auto}.mobile-input-field:focus{border-color:#2b7fff;background-color:#fff}.mobile-send-btn{padding:12px 24px;background-color:#2b7fff;color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap}.mobile-send-btn:active{background-color:#1e60ff}}@media (max-width:480px){.mobile-back-btn{padding:5px}.mobile-back-btn img{width:18px;height:18px}.mobile-message{gap:5px}.mobile-message-content{max-width:65%}.mobile-kefu-btn{padding:0;font-size:13px;background-color:transparent;box-shadow:none}.mobile-kefu-btn .kefu-icon{width:42px;height:55px}.mobile-chat-header{padding:0 10px}.mobile-chat-title{font-size:13px}.mobile-customer-chat .mobile-chat-messages{padding:10px 8px 80px 8px;gap:15px}.mobile-avatar,.mobile-avatar img{width:36px;height:36px}.mobile-message-text{padding:5px 10px;font-size:11px}.mobile-chat-input-area{padding:5px;gap:5px}.mobile-input-field,.mobile-send-btn{padding:5px 10px;font-size:11px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.toast-container[data-v-34ea5190]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;visibility:hidden;z-index:99999;transition:all .3s ease;pointer-events:none}.toast-container.show[data-v-34ea5190]{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.toast[data-v-34ea5190]{display:flex;align-items:center;gap:10px;padding:16px 24px;border-radius:8px;min-width:200px;max-width:400px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.toast-icon[data-v-34ea5190]{font-size:20px;font-weight:700}.toast-message[data-v-34ea5190]{font-size:14px;color:#fff}.toast-success[data-v-34ea5190]{background-color:#52c41a}.toast-success .toast-icon[data-v-34ea5190]{color:#fff}.toast-error[data-v-34ea5190]{background-color:#ff4d4f}.toast-error .toast-icon[data-v-34ea5190]{color:#fff}.toast-warning[data-v-34ea5190]{background-color:#faad14}.toast-warning .toast-icon[data-v-34ea5190]{color:#fff}.toast-info[data-v-34ea5190]{background-color:#1890ff}.toast-info .toast-icon[data-v-34ea5190]{color:#fff}