.chatroom[data-v-a5430990]{height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));overflow:hidden;position:relative}.chatroom .help_fold[data-v-a5430990]{margin-bottom:0;position:absolute;right:12px;top:12px;width:280px;z-index:10}.chatroom .login_box[data-v-a5430990]{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #7775974d;height:210px;inset:0;margin:auto;padding:20px;position:absolute;width:400px}.chatroom .login_box .form .tips[data-v-a5430990]{color:#7987a1;font-size:15px;font-weight:700;line-height:1.5;padding:10px 0;text-align:center}.chatroom .login_box .form .line[data-v-a5430990]{padding:10px 0}.chatroom .login_box .form .line .input[data-v-a5430990]{background-color:transparent;border:1px solid #e5e8ed;border-radius:20px;color:#7987a1;display:block;font-size:15px;height:50px;line-height:1.5;padding:0 20px;width:100%}.chatroom .login_box .form .line .input[data-v-a5430990]:focus{outline:none}.chatroom .login_box .form .line .btn[data-v-a5430990]{align-items:center;background-color:#f4d2d299;border-radius:25px;color:#d9534f;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;width:100%}.chatroom .login_box .form .line .btn.disabled[data-v-a5430990]{cursor:not-allowed;opacity:.6}.chatroom .login_box .form .line .btn[data-v-a5430990]:hover{box-shadow:0 0 50px 5px #f5ebe599}.chatroom .chat_box[data-v-a5430990]{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 20px #7775974d;display:flex;flex-direction:column;height:90%;inset:0;margin:auto;padding:20px;position:absolute;width:90%}.chatroom .chat_box .top[data-v-a5430990]{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;width:100%}.chatroom .chat_box .top .tips[data-v-a5430990]{color:#f0ad4e;flex:1;font-size:14px;line-height:1.5}.chatroom .chat_box .top .right_bar[data-v-a5430990]{align-items:center;display:flex;flex-shrink:0;gap:10px}.chatroom .chat_box .top .right_bar .conn_badge[data-v-a5430990]{background-color:#f0ad4e;border-radius:12px;color:#fff;font-size:12px;line-height:1.5;padding:2px 10px}.chatroom .chat_box .top .right_bar .logout[data-v-a5430990]{color:#7987a1;cursor:pointer;font-size:14px;line-height:1.5}.chatroom .chat_box .top .right_bar .logout[data-v-a5430990]:hover{color:#d9534f}.chatroom .chat_box .main[data-v-a5430990]{align-items:flex-start;display:flex;flex:1 1;overflow:hidden;width:100%}.chatroom .chat_box .main .left[data-v-a5430990]{align-items:center;display:flex;flex:1;flex-direction:column;height:100%}.chatroom .chat_box .main .left .msg_box[data-v-a5430990]{align-items:center;border:1px solid rgba(121,135,161,.6);border-radius:10px;display:flex;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px 0;width:100%}.chatroom .chat_box .main .left .msg_box .msg[data-v-a5430990]{align-self:flex-start;display:flex;padding:5px 0;width:80%}.chatroom .chat_box .main .left .msg_box .msg.self[data-v-a5430990]{align-self:flex-end;flex-direction:row-reverse}.chatroom .chat_box .main .left .msg_box .msg.self .text_box[data-v-a5430990]{align-items:flex-end}.chatroom .chat_box .main .left .msg_box .msg.sys_row[data-v-a5430990]{align-self:center;justify-content:center;padding:2px 0}.chatroom .chat_box .main .left .msg_box .msg.sys_row .sys[data-v-a5430990]{background-color:#e5e8ed;border-radius:12px;color:#7987a1;font-size:12px;line-height:1.5;padding:2px 12px}.chatroom .chat_box .main .left .msg_box .msg .img_box[data-v-a5430990]{height:40px;margin-left:10px;margin-right:10px;width:40px}.chatroom .chat_box .main .left .msg_box .msg .img_box .img[data-v-a5430990]{border-radius:10px;display:block;height:40px;width:40px}.chatroom .chat_box .main .left .msg_box .msg .text_box[data-v-a5430990]{display:flex;flex:1;flex-direction:column;overflow:hidden}.chatroom .chat_box .main .left .msg_box .msg .text_box .name[data-v-a5430990]{color:#333;font-size:14px;font-weight:700;line-height:1.5}.chatroom .chat_box .main .left .msg_box .msg .text_box .text[data-v-a5430990]{color:#7987a1;font-size:14px;line-height:1.5;text-align:justify;-ms-word-break:break-all;word-break:break-all}.chatroom .chat_box .main .left .msg_box .msg .text_box .img[data-v-a5430990]{height:150px;width:150px}.chatroom .chat_box .main .left .msg_box .msg .text_box .time[data-v-a5430990]{color:#9eaec599;font-size:12px;line-height:1.5;margin-top:2px}.chatroom .chat_box .main .left .input_box[data-v-a5430990]{align-items:center;border:1px solid rgba(121,135,161,.6);border-radius:10px;display:flex;height:60px;margin-top:20px;padding:10px;width:100%}.chatroom .chat_box .main .left .input_box .input[data-v-a5430990]{background-color:transparent;color:#333;flex:1;height:40px}.chatroom .chat_box .main .left .input_box .upload[data-v-a5430990]{background-color:#f4d2d299;border-radius:25px;color:#d9534f;cursor:pointer;font-size:16px;height:40px;margin-left:10px;overflow:hidden;padding:0 30px;position:relative;width:100px}.chatroom .chat_box .main .left .input_box .upload[data-v-a5430990]:hover{box-shadow:0 0 50px 5px #f5ebe599}.chatroom .chat_box .main .left .input_box .upload .file[data-v-a5430990]{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:10}.chatroom .chat_box .main .left .input_box .btn[data-v-a5430990]{align-items:center;background-color:#f4d2d299;border-radius:25px;color:#d9534f;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-left:10px;width:100px}.chatroom .chat_box .main .left .input_box .btn[data-v-a5430990]:hover{box-shadow:0 0 50px 5px #f5ebe599}.chatroom .chat_box .main .right[data-v-a5430990]{border:1px solid rgba(121,135,161,.6);border-radius:10px;height:100%;margin-left:20px;overflow-x:hidden;overflow-y:auto;padding:20px 10px;width:20%}.chatroom .chat_box .main .right .item[data-v-a5430990]{align-items:center;display:flex;padding:5px 0}.chatroom .chat_box .main .right .item.active .dot[data-v-a5430990]{background-color:#d9534f}.chatroom .chat_box .main .right .item.active .name[data-v-a5430990]{color:#d9534f}.chatroom .chat_box .main .right .item .dot[data-v-a5430990]{background-color:#7987a199;border-radius:50%;height:10px;margin-right:10px;width:10px}.chatroom .chat_box .main .right .item .name[data-v-a5430990]{color:#7987a1;flex:1 1;font-size:16px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.chatroom .help_fold[data-v-a5430990]{right:8px;top:8px;width:220px}.chatroom .chat_box[data-v-a5430990]{height:100%;padding:10px;width:100%}.chatroom .chat_box .main[data-v-a5430990]{flex-direction:column-reverse}.chatroom .chat_box .main .right[data-v-a5430990]{height:40px;margin-bottom:10px;margin-left:0;padding:2px 10px;width:100%}.chatroom .chat_box .main .right .nameList[data-v-a5430990]{display:block;overflow-y:auto;white-space:nowrap}.chatroom .chat_box .main .right .nameList .item[data-v-a5430990]{display:inline-block;margin-right:10px}.chatroom .chat_box .main .right .nameList .item .dot[data-v-a5430990]{display:none}.chatroom .chat_box .main .left[data-v-a5430990]{width:100%}.chatroom .chat_box .main .left .input_box[data-v-a5430990]{height:50px;margin-top:10px;padding:1px 10px}.chatroom .chat_box .main .left .input_box .btn[data-v-a5430990],.chatroom .chat_box .main .left .input_box .upload[data-v-a5430990]{font-size:14px;margin-left:5px}}