@keyframes fadeScaleDown{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-agent{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff;border-radius:50%;width:60px;height:60px;position:fixed;bottom:70px;right:70px;cursor:pointer;z-index:1000;transition:.2s;box-shadow:0 3px 8px rgba(0,0,0,.24)}@media(max-width:768px){.ai-agent{width:57px;height:57px;bottom:55px;right:55px}}@media(max-width:520px){.ai-agent{width:54px;height:54px;bottom:45px;right:45px}}@media(max-width:480px){.ai-agent{bottom:40px;right:45px}}.ai-agent:hover{filter:brightness(120%)}.ai-agent .ai-icon{width:30px;height:30px}@media(max-width:768px){.ai-agent .ai-icon{width:27px;height:27px}}@media(max-width:520px){.ai-agent .ai-icon{width:25px;height:25px}}.ai-interface{width:900px;height:600px;padding:20px 60px 60px}.ai-interface .body{position:relative;height:100%;justify-content:space-between}.ai-interface .body,.ai-interface .body .ai-header{display:flex;flex-direction:column}.ai-interface .body .ai-header h4{width:-moz-fit-content;width:fit-content;font-size:30px;margin-top:20px;line-height:1.1;background:linear-gradient(90deg,#1a353d 0,#1d1d1d 20%,#af5094 40%,#5f49da);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.ai-interface .recommendation-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.ai-interface .recommendation-container .item{background-color:#f5f5f5;border-radius:20px;padding:8px 16px;font-size:14px;cursor:pointer;transition:.2s}.ai-interface .recommendation-container .item:hover{background-color:#e8e8e8}.ai-interface .chat-window{overflow-y:scroll;padding:10px;border-radius:8px}.ai-interface .message-container.user{display:flex;justify-content:flex-end}.ai-interface .message-container .message-bubble{display:flex;gap:15px;margin-bottom:20px}.ai-interface .message-container .message-bubble p{margin-bottom:0}.ai-interface .message-container .message-bubble.user{flex-direction:row-reverse}.ai-interface .message-container .message-bubble.user .text-content-container{display:flex;align-items:center;padding:7px 15px;background-color:#f1f2fc;border-radius:8px;font-size:14px;max-width:400px}.ai-interface .message-container .message-bubble .user-avatar{display:flex;align-items:center;justify-content:center;gap:10px;width:40px;height:40px;border-radius:50%;overflow:hidden}.ai-interface .message-container .message-bubble .user-avatar .user-avatar-image{width:100%;height:100%;object-fit:cover}.ai-interface .message-container .message-bubble.ai{align-items:start}.ai-interface .message-container .message-bubble.ai .text-content-container{display:flex;align-items:center;padding:7px 15px;background-color:#f8f9fa;border-radius:8px;font-size:14px;max-width:400px}.ai-interface .loading-content{position:relative;margin-left:20px;margin-top:20px}.ai-interface .ai-icon{border:1px solid #e0e0e0;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.ai-interface .ai-icon img{width:20px}.ai-interface .input-section{margin-top:20px;bottom:50px;width:100%;overflow:hidden;flex-shrink:0}.ai-interface .input-section .user-type-option{display:flex;color:#788d94;margin-bottom:10px}.ai-interface .input-section .user-type-option div{border-radius:20px;padding:6px 10px;cursor:pointer;font-size:13px}.ai-interface .input-section .user-type-option div:hover{color:#1a353d}.ai-interface .input-section .user-type-option div.active{background-color:#ebebeb;color:#1a353d;cursor:default}.ai-interface .input-content{border:1px solid #ddd;border-radius:10px;padding:5px}.ai-interface .input-field{resize:none;padding:5px 10px;border:0;outline:0;width:100%;height:100px;font-size:15px}.ai-interface .input-field:disabled{background-color:unset}.ai-interface .input-footer{display:flex;justify-content:space-between;align-items:center;padding:0 10px;margin-bottom:8px}.ai-interface .input-footer .left .add-attachment{display:flex;gap:7px;font-size:13px;color:#788d94;align-items:center;transition:.2s;cursor:pointer}.ai-interface .input-footer .left .add-attachment:hover{filter:brightness(120%)}.ai-interface .input-footer .left .add-attachment img{height:16px;width:auto}.ai-interface .input-footer .right{display:flex;gap:10px;align-items:center;font-size:13px;color:#788d94}.ai-interface .input-footer .right .send{background-color:#27324d;width:50px;height:30px;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:.2s}.ai-interface .input-footer .right .send:hover{opacity:.8}.ai-interface .input-footer .right .send img{height:10px;filter:brightness(200%)}.ai-interface .input-footer .right .send.disabled{pointer-events:none;cursor:default;opacity:.8}.ai-interface .clear-chat{position:absolute;bottom:-40px;border-radius:20px;cursor:pointer;transition:.2s;width:-moz-fit-content;width:fit-content;font-size:13px;text-decoration:underline;margin:20px auto 10px;left:50%;transform:translateX(-50%);color:#788d94}.ai-interface .clear-chat:hover{filter:brightness(120%)}.ai-interface .choices-container{flex-wrap:wrap;max-width:700px;gap:10px;display:flex;justify-content:flex-end;margin-left:auto}.ai-interface .choices-container .choice-item{border:1px solid #e8e8e8;border-radius:20px;padding:10px 16px;font-size:14px;cursor:pointer;transition:.2s}.ai-interface .choices-container .choice-item:hover{border:1px solid #bcbcbc}.ai-agent .tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);color:#333;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;margin-bottom:10px;z-index:100;background:#fff;opacity:1;visibility:visible;z-index:0}@media(max-width:768px){.ai-agent .tooltip{font-size:13px}}@media(max-width:520px){.ai-agent .tooltip{font-size:12px}}.ai-agent .tooltip:before{background:linear-gradient(45deg,#af5094,#7a4bda,#5f49da,#af5094,#7a4bda,#5f49da,#af5094);top:-2px;left:-2px;background-size:400%;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:1}.ai-agent .tooltip:after,.ai-agent .tooltip:before{content:"";position:absolute;z-index:-1;border-radius:4px}.ai-agent .tooltip:after{width:100%;height:100%;background:#fff;left:0;top:0}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}