@charset "UTF-8";.container[data-v-bcb210fe]{background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;overflow:hidden}.container .bg[data-v-bcb210fe]{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.container .person[data-v-bcb210fe]{position:absolute;left:900px;bottom:0;width:785px;object-fit:cover;z-index:1}.container .person2[data-v-bcb210fe]{display:none}.container .chat-content[data-v-bcb210fe]{position:absolute;left:200px;bottom:50px;width:800px;height:calc(100% - 100px);display:flex;flex-direction:column;flex:1 1;z-index:3}.container .chat-content .chat-messages[data-v-bcb210fe]{height:100%;overflow:hidden;flex:1 1}.container .chat-content .chat-messages-scroll[data-v-bcb210fe]{display:flex;flex-direction:column;height:100%;min-height:0;width:100%}.container .chat-content .chat-messages-scroll-container[data-v-bcb210fe]{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;justify-content:flex-start;overflow:hidden}.container .chat-content .chat-messages-scroll-container .list[data-v-bcb210fe]{overflow-y:scroll}.container .chat-content .chat-messages-scroll-container .list[data-v-bcb210fe]::-webkit-scrollbar{display:block;width:6px}.container .chat-content .chat-messages-scroll-container .list[data-v-bcb210fe]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.container .chat-content .chat-messages-scroll-container .list-content[data-v-bcb210fe]{display:flex;flex-direction:column;flex-shrink:0;width:100%;overflow-anchor:none;height:fit-content}.container .chat-content .chat-messages-scroll-container .list-content .message[data-v-bcb210fe]{padding-top:10px;display:flex}.container .chat-content .chat-messages-scroll-container .list-content .message .received-avatar[data-v-bcb210fe]{width:70px;height:70px;margin-right:20px}.container .chat-content .chat-messages-scroll-container .list-content .message .sent-avatar[data-v-bcb210fe]{width:70px;height:70px;margin-left:20px}.container .chat-content .chat-messages-scroll-container .list-content .message-content[data-v-bcb210fe]{margin-top:10px;max-width:70%;padding:12px 16px;border-radius:10px;word-break:break-word;line-height:1.5;color:#fff;height:fit-content;font-size:24px;font-family:zhankugaoduanhei;min-height:20px}.container .chat-content .chat-messages-scroll-container .list-content .message-content.clickable[data-v-bcb210fe]{cursor:pointer;transition:all .3s ease;position:relative}.container .chat-content .chat-messages-scroll-container .list-content .message-content.clickable[data-v-bcb210fe]:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background-color:#409eff;transform:scaleX(0);transition:transform .3s ease}.container .chat-content .chat-messages-scroll-container .list-content .message-content.clickable[data-v-bcb210fe]:hover{color:#409eff;background-color:#409eff1a}.container .chat-content .chat-messages-scroll-container .list-content .message-content.clickable[data-v-bcb210fe]:hover:after{transform:scaleX(1)}.container .chat-content .chat-messages-scroll-container .list-content .message-content.clickable[data-v-bcb210fe]:active{transform:scale(.98)}.container .chat-content .chat-messages-scroll-container .list-content .message-content p[data-v-bcb210fe]{text-align:left;margin:0}.container .chat-content .chat-messages-scroll-container .list-content .message-sent[data-v-bcb210fe]{justify-content:flex-end}.container .chat-content .chat-messages-scroll-container .list-content .message-sent .message-content[data-v-bcb210fe]{background:#0006}.container .chat-content .chat-messages-scroll-container .list-content .message-received[data-v-bcb210fe]{justify-content:flex-start}.container .chat-content .chat-messages-scroll-container .list-content .message-received .message-content[data-v-bcb210fe]{background:#0006}.container .chat-content .chat-messages-scroll-container .list-content .message-received .loading[data-v-bcb210fe]{height:25px;display:flex;justify-content:center;align-items:flex-end}.container .chat-content .chat-messages-scroll-container .list-content .message-received .loading .dot[data-v-bcb210fe]{width:5px;height:5px;margin:0 2px;background-color:#fff;border-radius:50%;animation:dot-jump-bcb210fe 1s infinite}.container .chat-content .chat-messages-scroll-container .list-content .message-received .loading .dot[data-v-bcb210fe]:nth-child(1){animation-delay:0s}.container .chat-content .chat-messages-scroll-container .list-content .message-received .loading .dot[data-v-bcb210fe]:nth-child(2){animation-delay:.2s}.container .chat-content .chat-messages-scroll-container .list-content .message-received .loading .dot[data-v-bcb210fe]:nth-child(3){animation-delay:.4s}.container .chat-content .chat-messages-scroll-container .list-content .message-system .message-content[data-v-bcb210fe]{background:#0006}.container .chat-content .chat-messages-scroll-container .list-content .message[data-v-bcb210fe]:last-of-type{padding-bottom:50px}.container .chat-content .chat-messages-scroll-container .list-content[data-v-bcb210fe]:first-child{margin-top:20px}.container .chat-input[data-v-bcb210fe]{border-radius:10px;padding:8px 10px;background:#ffffff6b;flex-shrink:0;position:relative}.container .chat-input[data-v-bcb210fe] .el-textarea{width:95%;font-size:18px;background-color:transparent;border:none}.container .chat-input[data-v-bcb210fe] .el-textarea textarea{color:#424549;background-color:transparent;height:40px;line-height:1.6;border:none;box-shadow:none}.container .chat-input[data-v-bcb210fe] .el-textarea textarea::placeholder{color:#3c3c3c}.container .chat-input .send-btn[data-v-bcb210fe]{width:30px;height:30px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.container .chat-input .message-controls[data-v-bcb210fe]{margin-bottom:10px;display:flex;justify-content:center}.container .chat-input .message-controls .el-button[data-v-bcb210fe]{display:flex;align-items:center;gap:5px}.container .chat-input .message-controls .el-icon[data-v-bcb210fe]{margin-right:4px}.container .chat-operations[data-v-bcb210fe]{position:absolute;top:-42px;left:50%;transform:translate(-50%)}.container .chat-operations__btn[data-v-bcb210fe]{display:flex;align-items:center;padding:0 16px;height:30px;background:#fff;border-radius:15px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000001a}.container .chat-operations__btn img[data-v-bcb210fe]{width:16px;height:16px;margin-right:6px}.container .chat-operations__btn span[data-v-bcb210fe]{font-size:14px;color:#333}.container .chat-operations__btn[data-v-bcb210fe]:hover{background:#f5f5f5}.container .chat-toolbar[data-v-bcb210fe]{display:flex;align-items:center;justify-content:flex-end}.container .right-menu[data-v-bcb210fe]{width:300px;overflow:hidden;position:absolute;right:0;top:100px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;z-index:3}.container .right-menu .menu-item[data-v-bcb210fe]{width:160px;height:50px;display:flex;justify-content:flex-start;padding-left:20px;padding-right:20px;align-items:center;cursor:pointer;transition:all .3s ease;background-color:#000000a1;margin-bottom:10px;border-radius:28px 0 0 28px}.container .right-menu .menu-item img[data-v-bcb210fe]{width:20px;height:20px;margin-right:10px}.container .right-menu .menu-item div[data-v-bcb210fe]{font-size:16px;color:#fff}.container .right-menu .menu-item[data-v-bcb210fe]:hover{width:200px}@keyframes dot-jump-bcb210fe{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:1750px){.container[data-v-bcb210fe]{zoom:.9}}@media(max-width:1550px){.container[data-v-bcb210fe]{zoom:.8}}@media(max-width:1250px){.container[data-v-bcb210fe]{zoom:.7}}@media(max-width:1150px){.container[data-v-bcb210fe]{zoom:.6}}@media(max-width:950px){.container[data-v-bcb210fe]{zoom:.5}}@media(max-width:800px){.container[data-v-bcb210fe]{zoom:.4}}@media(max-width:768px){.container[data-v-bcb210fe]{zoom:.8}.container .chat-content[data-v-bcb210fe]{left:50%;transform:translate(-50%);height:calc(100% - 300px)}.container .right-menu[data-v-bcb210fe],.container .person[data-v-bcb210fe]{display:none}.container .person2[data-v-bcb210fe]{display:block;width:300px;height:878px;position:absolute;right:20px;bottom:10px;z-index:2}}@media(max-width:650px){.container[data-v-bcb210fe]{zoom:.8}.container .chat-content[data-v-bcb210fe]{width:620px;left:50%;transform:translate(-50%);height:calc(100% - 300px)}.container .right-menu[data-v-bcb210fe],.container .person[data-v-bcb210fe]{display:none}.container .person2[data-v-bcb210fe]{display:block;width:300px;height:878px;position:absolute;right:20px;bottom:10px;z-index:2}}@media(max-width:500px){.container[data-v-bcb210fe]{zoom:.6}.container .chat-content[data-v-bcb210fe]{width:530px;left:50%;transform:translate(-50%);height:calc(100% - 300px)}.container .right-menu[data-v-bcb210fe],.container .person[data-v-bcb210fe]{display:none}.container .person2[data-v-bcb210fe]{display:block;width:300px;height:878px;position:absolute;right:20px;bottom:10px;z-index:2}}@media(max-width:468px){.container[data-v-bcb210fe]{overflow:hidden;zoom:.7}.container .chat-content[data-v-bcb210fe]{width:530px;left:50%;transform:translate(-50%);height:calc(100% - 300px)}.container .right-menu[data-v-bcb210fe],.container .person[data-v-bcb210fe]{display:none}.container .person2[data-v-bcb210fe]{display:block;width:300px;height:878px;position:absolute;right:20px;bottom:10px;z-index:2}}@media(max-width:400px){.container[data-v-bcb210fe]{overflow:hidden;zoom:.7}.container .chat-content[data-v-bcb210fe]{width:480px;left:50%;transform:translate(-50%);height:calc(100% - 300px)}.container .right-menu[data-v-bcb210fe],.container .person[data-v-bcb210fe]{display:none}.container .person2[data-v-bcb210fe]{display:block;width:262px;height:742px;position:absolute;right:20px;bottom:10px;z-index:2}}@media(max-width:350px){.container[data-v-bcb210fe]{overflow:hidden;zoom:.7}.container .chat-content[data-v-bcb210fe]{width:430px;left:50%;transform:translate(-50%);height:calc(100% - 300px)}.container .right-menu[data-v-bcb210fe],.container .person[data-v-bcb210fe]{display:none}.container .person2[data-v-bcb210fe]{display:block;width:262px;height:742px;position:absolute;right:20px;bottom:10px;z-index:2}}