.chat-ai-container{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-ai-container .chat-ai-status-top{transition:all .3s ease;border:1px dashed #eee;padding:5px 10px;border-radius:5px;margin-bottom:5px;background-color:#faecec}.chat-ai-container:hover .chat-ai-status-top{transform:translateY(-2px);transition:all .3s ease}.chat-ai-container .chat-ai-button{display:flex;gap:10px;background-color:#fff;border-radius:50%;padding:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s ease;border:1px solid #e6e6e6;background:linear-gradient(to right,#ef8736,#f8bd90);width:48px;height:48px;margin:auto;align-items:center}.chat-ai-container .chat-ai-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.chat-ai-container .chat-ai-button .chat-ai-icon{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-ai-container .chat-ai-button .chat-ai-icon img{width:20px;height:20px}.chat-ai-container .chat-ai-button .chat-ai-text{font-weight:600;color:#333}.chat-ai-container .chat-ai-box{position:fixed;bottom:85px;right:20px;max-width:370px;height:600px;background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:1000;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .3s ease;border:1px dashed #2196f3}.chat-ai-container .chat-ai-box.active{opacity:1;transform:translateY(0);pointer-events:all}.chat-ai-container .chat-ai-box .chat-ai-header{padding:15px;border-bottom:1px dashed #2196f3;display:flex;align-items:center;gap:10px}.chat-ai-container .chat-ai-box .chat-ai-body{flex:1;overflow-y:auto;padding:15px;background-color:#f9f9f9;display:flex;flex-direction:column;gap:15px}.chat-ai-container .chat-ai-box .chat-ai-body .chat-message{max-width:80%;padding:12px 15px;border-radius:18px;position:relative;font-size:14px;line-height:1.5}.chat-ai-container .chat-ai-box .chat-ai-body .chat-message.chat-ai-message{align-self:flex-start;background-color:#fff;border-radius:18px 18px 18px 0;box-shadow:0 1px 2px #0000001a}.chat-ai-container .chat-ai-box .chat-ai-body .chat-message.chat-user-message{align-self:flex-end;background-color:#f0f7ff;border-radius:18px 18px 0;box-shadow:0 1px 2px #0000001a}.chat-ai-container .chat-ai-box .chat-ai-body .chat-message .chat-message-time{font-size:11px;color:#888;margin-top:5px;white-space:nowrap}.chat-ai-container .chat-ai-box .chat-ai-footer{padding:15px;border-top:1px solid #eee;display:flex;align-items:center}.chat-ai-container .chat-ai-box .chat-ai-footer .chat-ai-input{flex:1;border:none;background-color:#f5f5f5;border-radius:20px;padding:10px 15px;outline:none;font-size:14px}.chat-ai-container .chat-ai-box .chat-ai-footer .chat-ai-send{width:40px;height:40px;border-radius:50%;background-color:#333;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:10px;cursor:pointer;transition:all .2s ease}.chat-ai-container .chat-ai-box .chat-ai-footer .chat-ai-send:hover{background-color:#555;transform:scale(1.05)}.chat-ai-container .avatar{width:35px;height:35px;border-radius:50%;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center}.chat-ai-container .avatar img{width:20px;height:20px}