.chat_box{margin-top:10px;margin-bottom:20px;display:flex;min-width:800px;overflow-x:auto}.chat_box,.chat_box_menu{height:calc(var(--vh) - 80px)}.chat_box_menu{max-width:280px;width:20%;padding-right:10px;box-sizing:border-box}.chat_box_title{height:50px;box-sizing:border-box;display:flex;align-items:center;padding:10px}.chat_box_title h1{font-size:18px;opacity:.5}.chat_rooms{height:calc(var(--vh) - 130px);-webkit-mask-image:linear-gradient(0deg,transparent,#fff 10px,#fff calc(100% - 10px),transparent);mask-image:linear-gradient(0deg,transparent,#fff 10px,#fff calc(100% - 10px),transparent)}.chat_room_item{border-radius:calc(var(--border-radius) - 10px);padding:10px;display:flex;align-items:center;transition:.2s}.chat_room_item:first-child{margin-top:10px}.chat_room_item:last-child{margin-bottom:10px}.pc_browser .chat_room_item:hover{background-color:var(--section-color);cursor:pointer}.chat_room_item.active{background-color:var(--main-color-alpha)}.chat_room_item .text_box{flex:1;padding-left:10px}.chat_room_item .text_box .intro{margin-top:4px;font-size:14px;opacity:.5}.chat_box_main{flex:1;height:calc(var(--vh) - 80px);border-radius:10px;width:60%}.chat_box_main .chat_room_title{height:50px;border-bottom:1px solid var(--border-light-color);box-sizing:border-box;display:flex;align-items:center;padding:10px 20px}.chat_box_main .chat_room_title h2{font-size:18px}.chat_box_main .chat_room_main{height:calc(var(--vh) - 130px);display:flex}.msg_part{flex:1;display:flex;flex-direction:column;max-width:100%}.msg_display{flex:1;height:10px}.info_msg_item{text-align:center;color:var(--text-light-color);font-size:14px;width:100%}.msg_item{display:flex;padding:10px 20px;max-width:100%}.msg_item:first-child{padding-top:20px}.msg_item:last-child{padding-bottom:20px}.msg_item .msg_item_main{padding-left:10px;padding-right:60px;max-width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.msg_item .msg_item_main .msg_item_name{color:var(--text-sub-color);padding-bottom:8px;font-size:14px}.msg_item .msg_item_main .msg_item_box{background-color:var(--section-inside-color);padding:6px 14px;border-radius:10px}.msg_item .msg_item_main .msg_item_box p{line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg_item.self{flex-direction:row-reverse}.msg_item.self .msg_item_main{padding-left:60px;padding-right:10px;align-items:flex-end}.msg_item.self .msg_item_name{text-align:right}.msg_item.self .msg_item_box{border-radius:10px;background-color:var(--main-color-alpha)}.msg_input{margin:0 10px 10px;position:relative}.msg_input .ktextarea{padding-right:40px;border-color:#fff0}.msg_input .kbutton{position:absolute;right:0;bottom:0;width:30px;height:30px;min-height:30px;margin:5px;padding:0;flex-shrink:0}.chat_box_aside{width:20%;padding-left:10px;box-sizing:border-box}.user_part{border-radius:10px;padding:5px 0;height:100%;box-sizing:border-box}.user_part .user_part_title{padding:0 10px;height:30px;box-sizing:border-box}.user_part .user_part_title h3{font-size:14px;line-height:30px}.user_item{display:flex;align-items:center;padding:6px 10px}.user_item .user_text{flex:1;padding-left:6px;display:flex;flex-direction:column}.user_item .user_text .name{font-size:14px}.user_item .user_text .id{opacity:.3;font-size:12px;margin-top:2px}.user_item .user_text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-word}.user_item.self .user_text{color:var(--main-color)}