:root{--primary-color:#4a90e2;--hover-color:#357abd}.chatbot-container{position:fixed;bottom:30px;right:30px;z-index:1000}.avatar{width:60px;height:60px;border-radius:50%;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.2);box-shadow:0 8px 20px rgba(74,144,226,.3);transition:all .3s ease;position:relative;overflow:hidden;background-color:#ff5c58}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(3px)}}.shake-icon{display:inline-block;animation:shake 10s infinite}.avatar:hover{box-shadow:0 12px 25px rgba(74,144,226,.4)}.avatar:hover,.avatar_img:hover{transform:scale(1.1) rotate(8deg)}.avatar_img:hover{cursor:pointer}.avatar:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:url(../../static/img/robot.c85ccb90.png) no-repeat 50%}.chat-dialog{position:absolute;bottom:80px;right:0;width:620px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.1);transform:scale(0);transform-origin:bottom right;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chat-dialog.active{transform:scale(1)}.dialog-header{padding:16px;background:#ff5c58;border-radius:12px 12px 0 0;color:#fff;display:flex;align-items:center}.dialog-header h3{margin:0;font-size:16px;font-weight:500}.close-btn{margin-left:auto;cursor:pointer;padding:0 5px;border-radius:50%;background:rgba(0,0,0,.1)}.dialog-body{padding:16px;height:500px;overflow-y:auto;display:flex;flex-direction:column}.timestamp{display:flex;align-items:center;justify-content:center;font-size:10px;margin-bottom:3px}.message-container{flex:1;overflow-y:auto;margin-bottom:16px;display:flex;flex-direction:column}.input-area{display:flex;gap:8px;padding-top:12px;border-top:1px solid #eee}.message-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;outline:none;transition:border-color .3s}.message-input:focus{border-color:#ff5c58}.send-button{padding:8px 16px;background:#ff5c58;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px}.send-button:hover{background:var(--hover-color)}.message-bubble{padding:8px 12px;margin-bottom:8px;border-radius:4px;animation:fadeIn .3s ease;max-width:80%;display:inline-block;word-break:break-all;box-shadow:0 0 12px rgba(0,0,0,.12);border:1px solid #e4e7ed}.user-message{background:#ff5c58;color:#fff;float:right}.bot-message{background:#fff;color:#303133}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.chatbot-container{bottom:20px;right:20px}.chat-dialog{width:90vw;bottom:70px}.avatar{width:50px;height:50px}}