*{margin:0;padding:0;box-sizing:border-box}ul,ol,li{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}input,textarea,select,button{margin:0;padding:0;border:none;outline:none;font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}button{cursor:pointer}img{vertical-align:middle;max-width:100%;height:auto;border:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;padding:0}p{margin:0;padding:0}blockquote,q{quotes:none;margin:0;padding:0}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}hr{border:0;height:0}.clearfix:after{content:"";display:table;clear:both}html{font-size:16px}body{font-family:sans-serif;line-height:1;color:#000;background-color:#fff}.chat-page[data-v-95f23917]{position:relative;height:100vh;display:flex;justify-content:center;padding-top:10vw;background-image:url(https://service.ciec.com.cn/ciec_sw/upload/vsr/92409/agent/pc_bg.webp);background-position:center center;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;box-sizing:border-box}.chat-top-img[data-v-95f23917]{max-width:512px;width:30vw;height:auto;position:absolute;top:0;left:0;z-index:0}img[data-v-95f23917]{display:block;width:100%;height:100%}.chat-bottom-img[data-v-95f23917]{max-width:512px;width:30vw;height:auto;position:absolute;bottom:20px;right:20px;z-index:0}.chat-container[data-v-95f23917]{width:75vw;max-width:900px;position:relative;z-index:1}.chatbot-wrapper[data-v-95f23917]{width:100%;height:60vh;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.chat-header[data-v-95f23917]{display:flex;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#abddc0,#8bd0a8);color:#fff;box-shadow:0 2px 10px #0000001a}.avatar[data-v-95f23917]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:14px;font-size:20px;background-image:url(https://service.ciec.com.cn/ciec_sw/upload/vsr/92409/agent/logo.png);background-size:cover}.chat-info[data-v-95f23917]{flex:1}.chat-title[data-v-95f23917]{font-size:19px;margin:0 0 5px;font-weight:600}.online-status[data-v-95f23917]{font-size:10px;margin:0;display:flex;align-items:center;opacity:.9}.chat-messages[data-v-95f23917]{flex:1;padding:20px;overflow-y:auto;background-color:#f8fafc;display:flex;flex-direction:column;gap:18px;height:40vh}.message[data-v-95f23917]{display:flex;align-items:flex-end;gap:10px;max-width:80%;animation:fadeIn-95f23917 .3s ease forwards}@keyframes fadeIn-95f23917{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bot-message[data-v-95f23917]{align-self:flex-start}.user-message[data-v-95f23917]{align-self:flex-end;flex-direction:row-reverse}.message-avatar[data-v-95f23917]{width:38px;height:38px;border-radius:50%;background-color:#e0e7ff;display:flex;align-items:center;justify-content:center;color:#4f46e5;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.bot-avatar[data-v-95f23917]{background-image:url(https://service.ciec.com.cn/ciec_sw/upload/vsr/92409/agent/logo.png);background-size:100% 100%}.user-avatar[data-v-95f23917]{background-color:#dbeafe;color:#2563eb}.message-bubble[data-v-95f23917]{padding:14px 18px;border-radius:20px;font-size:15px;line-height:1.5;position:relative;box-shadow:0 1px 4px #00000014}.bot-bubble[data-v-95f23917]{background-color:#e0e7ff;color:#374151;border-top-left-radius:6px}.user-bubble[data-v-95f23917]{background-color:#4f46e5;color:#fff;border-top-right-radius:6px}.loading-indicator[data-v-95f23917]{align-self:flex-start;display:flex;gap:8px;padding:12px 16px;background-color:#e0e7ff;border-radius:20px 20px 20px 6px;box-shadow:0 1px 3px #0000000d}.dot-pulse[data-v-95f23917]{width:10px;height:10px;border-radius:50%;background-color:#4f46e5;animation:pulse-95f23917 1.4s infinite ease-in-out both}@keyframes pulse-95f23917{0%,to{transform:scale(.6);opacity:.6}50%{transform:scale(1);opacity:1}}.input-area[data-v-95f23917]{display:flex;gap:10px;padding:15px 20px;border-top:1px solid #e2e8f0;background-color:#fff}.message-input[data-v-95f23917]{flex:1;padding:14px 18px;border:1px solid #e2e8f0;border-radius:28px;resize:none;outline:none;font-size:15px;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000000d}.message-input[data-v-95f23917]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.send-btn[data-v-95f23917]{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #4f46e54d}.send-btn[data-v-95f23917]:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.send-btn[data-v-95f23917]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #4f46e566}.chat-messages[data-v-95f23917]::-webkit-scrollbar{width:7px}.chat-messages[data-v-95f23917]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.chat-messages[data-v-95f23917]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chat-messages[data-v-95f23917]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1025px){.chat-page[data-v-95f23917]{padding-top:27vw}.chat-top-img[data-v-95f23917]{width:90vw;max-width:unset;top:0;left:0}.chat-bottom-img[data-v-95f23917]{width:100vw;max-width:unset;bottom:0;right:0}.chat-container[data-v-95f23917]{width:90vw}.chatbot-wrapper[data-v-95f23917]{border-radius:0;height:70vh;max-height:none;box-shadow:none}.chat-header[data-v-95f23917]{padding:8px}.chat-title[data-v-95f23917]{font-size:14px}.chat-messages[data-v-95f23917]{padding:16px;gap:14px;min-height:0}.message[data-v-95f23917]{max-width:85%}.message-bubble[data-v-95f23917]{padding:6px 8px;font-size:12px}.message-avatar[data-v-95f23917]{width:34px;height:34px}.input-area[data-v-95f23917]{padding:6px 8px}.message-input[data-v-95f23917]{padding:12px 16px;font-size:12px}.send-btn[data-v-95f23917]{width:40px;height:40px}}
