.chat-wrapper{max-width:calc(100vw - 115px);width:450px;height:calc(100vh - 30px - 64px - 75px);position:fixed;bottom:0;right:0;z-index:98;border-radius:10px;padding:20px;background:linear-gradient(to bottom,var(--base-color) 0,var(--base-color) 42%,#fff 42%,#fff 100%);display:flex;flex-direction:column;transition:all .5s}.chat-wrapper-hide{bottom:calc(-100vh + 30px + 64px + 75px)}.chat-title{font-size:18px;color:#fff;margin-bottom:10px;font-weight:700}.chat-explain{font-size:15px;color:#fff;margin-bottom:10px;line-height:20px}.chat-content-box{width:100%;flex:1;border-radius:5px;border:1px solid #ccc;box-sizing:border-box;font-size:14px;color:#333;margin-bottom:10px;padding:10px;overflow-y:auto;background-color:#fff}.chat-item{width:100%;display:flex;flex-direction:row;margin-bottom:10px;gap:10px}.chat-item-robot{justify-content:flex-start}.chat-item-user{flex-direction:row-reverse}.chat-content{max-width:calc(100% - 20px - 50px);padding:5px;color:#000;font-size:14px;word-break:break-all;white-space:normal;border-radius:3px}.chat-user-avatar{width:25px;height:25px;line-height:25px;border-radius:50%;border:1px solid #000;text-align:center}.chat-input-box{width:100%;height:60px;border-radius:5px;border:1px solid #ccc;padding:3px 10px;box-sizing:border-box;font-size:14px;color:#333;background-color:#fff}.chat-textarea{width:calc(100% - 21px);height:100%;border:none;outline:0;resize:none}.chat-send-icon{width:20px;height:20px;cursor:pointer;position:relative;bottom:10px}@keyframes dot{0%,100%{content:"."}33%{content:".."}66%{content:"..."}}.chat-content-loading::after{content:"";animation:dot 1.6s infinite linear both}.chat-item-robot .chat-content{background-color:#ebeae1;border:1px solid #ebeae1}.chat-item-user .chat-content{border:1px solid var(--base-color)}@media screen and (max-width:768px){.chat-wrapper{height:400px}.chat-wrapper-hide{bottom:-400px}}