.kefuList .chat-content[data-v-851ce36c]{position:absolute;left:0;top:calc(50px + env(safe-area-inset-top));width:100%}.kefuList .chat-content .chat-header[data-v-851ce36c]{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:20px;gap:12px}.kefuList .chat-content .chat-header .avatar[data-v-851ce36c],.kefuList .chat-content .chat-header[data-v-851ce36c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kefuList .chat-content .chat-header .avatar[data-v-851ce36c]{width:44px;height:44px;background:hsla(0,0%,100%,.2);border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px}.kefuList .chat-content .chat-header .info-title[data-v-851ce36c]{font-size:16px;font-weight:600;margin-bottom:5px}.kefuList .chat-content .chat-header .info-subTitle[data-v-851ce36c]{font-size:12px;opacity:.85;margin-top:2px}.kefuList .chat-content .chat-header .info-subTitle[data-v-851ce36c] .status-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;display:inline-block;margin-right:4px;-webkit-animation:pulse-851ce36c 2s infinite;animation:pulse-851ce36c 2s infinite}.kefuList .chat-content .chat-messages[data-v-851ce36c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:hidden;padding:20px;background:transparent;margin-bottom:calc(77px + env(safe-area-inset-bottom))}.kefuList .chat-content .chat-messages[data-v-851ce36c] .message-agent{margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:fadeIn-851ce36c .3s ease;animation:fadeIn-851ce36c .3s ease}.kefuList .chat-content .chat-messages[data-v-851ce36c] .message-agent .bubble{background:#f8f9fa;color:#333;border-bottom-left-radius:4px!important;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);max-width:75%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word}.kefuList .chat-content .chat-messages[data-v-851ce36c] .message-user{margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:fadeIn-851ce36c .3s ease;animation:fadeIn-851ce36c .3s ease;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.kefuList .chat-content .chat-messages[data-v-851ce36c] .message-user .bubble{background:#007bff;color:#fff;border-bottom-right-radius:4px!important;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);max-width:75%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word}.kefuList .chat-content .chat-messages[data-v-851ce36c] .typing-indicator{display:none;padding:12px 16px;background:#f8f9fa;border-radius:16px;border-bottom-left-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kefuList .chat-content .chat-messages[data-v-851ce36c] .typing-indicator span{display:inline-block;width:8px;height:8px;background:#999;border-radius:50%;margin:0 2px;-webkit-animation:typing-851ce36c 1.4s infinite;animation:typing-851ce36c 1.4s infinite}.kefuList .chat-content .chat-messages[data-v-851ce36c] .typing-indicator span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.kefuList .chat-content .chat-messages[data-v-851ce36c] .typing-indicator span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.kefuList .chat-content .chat-input[data-v-851ce36c]{border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;left:0;bottom:0;width:100%;z-index:100;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:16px;padding-left:16px;padding-right:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.kefuList .chat-content .chat-input input[data-v-851ce36c]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;outline:none;font-size:14px;-webkit-transition:border-color .2s;transition:border-color .2s}.kefuList .chat-content .chat-input input[data-v-851ce36c]:focus{border-color:#007bff}.kefuList .chat-content .chat-input button[data-v-851ce36c]{width:44px;height:44px;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background .2s;transition:background .2s}.kefuList .chat-content .chat-input button[data-v-851ce36c]:disabled{background:#ccc;cursor:not-allowed}.kefuList .chat-content .chat-input button svg[data-v-851ce36c]{width:20px;height:20px}@-webkit-keyframes pulse-851ce36c{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-851ce36c{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes fadeIn-851ce36c{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-851ce36c{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes typing-851ce36c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes typing-851ce36c{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@media(max-width:520px){.kefuList .chat-content body[data-v-851ce36c]{background:#fff}.kefuList .chat-content .chat-container[data-v-851ce36c]{max-width:100%;height:100vh;max-height:none;border-radius:0}}