.progress[data-v-6c6974b3]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-6c6974b3]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-6c6974b3]{font-size:16px;color:#43266d}.progress .outside[data-v-6c6974b3]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-6c6974b3]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-6c6974b3]{height:100%}.progress .bar .left[data-v-6c6974b3]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-6c6974b3]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-6c6974b3]{width:100px}.tooltip[data-v-6c6974b3]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-6c6974b3]{flex:1;white-space:nowrap}.chatroom[data-v-6c6974b3]{background:#ffbf00;min-height:100vh;padding:80px 25px 15px;position:relative;display:flex}@media (max-width:768px){.chatroom[data-v-6c6974b3]{padding:70px 8px 10px}}.chatroom>div[data-v-6c6974b3]{box-shadow:2px 2px 6px rgba(45,45,45,.5)}.chatroom>div .yellowTitle[data-v-6c6974b3]{padding-left:8px;font-weight:700;color:#ffbf00;margin-bottom:5px}.chatroom>div .chatName[data-v-6c6974b3]{padding:8px 15px;cursor:pointer;display:flex;align-items:center}.chatroom>div .chatName.activeClass[data-v-6c6974b3]{color:#ffbf00;font-weight:700}.chatroom>div .chatName.inRoom[data-v-6c6974b3]{color:#ffbf00}.chatroom>div .chatName .status[data-v-6c6974b3]{width:12px;height:12px;border-radius:50%;background:#6e6e6e;margin-right:6px}.chatroom>div .chatName .status.online[data-v-6c6974b3]{background:#18f53d;box-shadow:0 0 5px rgba(191,190,190,.8)}.chatroom>div .chatName .newMsgHint[data-v-6c6974b3]{opacity:0;min-width:20px;min-height:20px;line-height:20px;text-align:center;border-radius:50%;background:#de0000;margin-left:15px}.chatroom>div .chatName .newMsgHint.show[data-v-6c6974b3]{opacity:1}.chatroom>div .chatName.active[data-v-6c6974b3],.chatroom>div .chatName[data-v-6c6974b3]:hover{background:#ffbf00;color:#000}.chatroom>div.chatList[data-v-6c6974b3]{width:220px;background:#43266d;color:#fff;overflow-y:scroll;height:calc(100vh - 95px);border-radius:10px 0 0 10px}@media (max-width:768px){.chatroom>div.chatList[data-v-6c6974b3]{display:none;position:fixed;top:66px;left:0;z-index:50;width:240px;height:calc(100vh - 66px);border-radius:0}.chatroom>div.chatList.show[data-v-6c6974b3]{display:block}}.chatroom>div.chatList>div[data-v-6c6974b3]:first-child{margin:7px 0}.chatroom>div.mainChat[data-v-6c6974b3]{flex:1;border-top:2px solid #43266d;border-bottom:2px solid #43266d;background:#f4f4f4;display:flex;flex-direction:column;position:relative}.chatroom>div.mainChat .chatHeader[data-v-6c6974b3]{padding:5px 10px;background:#43266d;color:#fff;height:28px;display:flex;align-items:center;justify-content:space-between}.chatroom>div.mainChat .chatHeader .chatHeaderLeft[data-v-6c6974b3]{display:flex;align-items:center;gap:8px}.chatroom>div.mainChat .chatHeader .sidebarToggle[data-v-6c6974b3]{cursor:pointer;font-size:16px}.chatroom>div.mainChat .chatHeader .searchToggle[data-v-6c6974b3]{cursor:pointer;opacity:.7;transition:opacity .2s}.chatroom>div.mainChat .chatHeader .searchToggle[data-v-6c6974b3]:hover{opacity:1}.chatroom>div.mainChat .searchBar[data-v-6c6974b3]{display:flex;align-items:center;padding:6px 10px;background:#fff;border-bottom:1px solid #ddd}.chatroom>div.mainChat .searchBar input[data-v-6c6974b3]{flex:1;height:30px;border:1px solid #ccc;border-radius:6px;padding:0 10px;font-size:13px}.chatroom>div.mainChat .searchBar .closeSearch[data-v-6c6974b3]{margin-left:8px;cursor:pointer;color:#999}.chatroom>div.mainChat .chatContentSec[data-v-6c6974b3]{flex:1;padding:12px;background:#ece9ef;overflow-y:scroll;max-height:calc(100vh - 248px)}.chatroom>div.mainChat .chatContentSec .dateDivider[data-v-6c6974b3]{text-align:center;margin:16px 0 8px}.chatroom>div.mainChat .chatContentSec .dateDivider span[data-v-6c6974b3]{background:rgba(67,38,109,.15);color:#555;font-size:12px;padding:3px 14px;border-radius:10px}.chatroom>div.mainChat .chatContentSec>div[data-v-6c6974b3]:not(.dateDivider){margin-bottom:20px;display:flex}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider).highlighted[data-v-6c6974b3]{background:rgba(255,191,0,.25);border-radius:8px;padding:4px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider).me[data-v-6c6974b3]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider).me .msg .bubble[data-v-6c6974b3]{background:rgba(255,191,0,.8);color:#000;white-space:pre-wrap;word-break:break-word}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div[data-v-6c6974b3]{width:40%}@media (max-width:768px){.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div[data-v-6c6974b3]{width:70%}}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .name[data-v-6c6974b3]{color:#555}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .replyRef[data-v-6c6974b3]{font-size:11px;color:#777;background:rgba(67,38,109,.1);padding:3px 8px;border-radius:6px;margin-bottom:2px;border-left:3px solid #43266d}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .replyRef svg[data-v-6c6974b3]{margin-right:4px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble[data-v-6c6974b3]{border-radius:10px;padding:15px;background:rgba(67,38,109,.3);width:100%;margin:3px 0;white-space:pre-wrap;word-break:break-word}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .chatImg[data-v-6c6974b3]{max-width:200px;max-height:200px;border-radius:8px;cursor:pointer;display:block;margin-bottom:4px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] p{margin:0 0 4px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] p:last-child{margin:0}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] code{background:rgba(0,0,0,.08);padding:2px 5px;border-radius:3px;font-size:13px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] pre{background:rgba(0,0,0,.08);padding:8px;border-radius:6px;overflow-x:auto}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] pre code{background:none;padding:0}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] a{color:#1565c0}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] ol,.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] ul{margin:4px 0;padding-left:20px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] blockquote{margin:4px 0;padding-left:10px;border-left:3px solid #999;color:#666}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] strong{font-weight:700}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-6c6974b3] img{max-width:200px;border-radius:6px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .time[data-v-6c6974b3]{color:#7d7d7d;font-size:14px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .time .readTag[data-v-6c6974b3]{color:#43266d;font-weight:600;margin-left:6px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.avatar[data-v-6c6974b3]{width:40px;height:40px;border-radius:50%;background:rgba(67,38,109,.8);margin-right:10px;line-height:40px;text-align:center;font-size:24px;color:#fff}.chatroom>div.mainChat .typingHint[data-v-6c6974b3]{padding:4px 16px;font-size:12px;color:#43266d;font-style:italic;background:#f5f0fa}.chatroom>div.mainChat .newMsgBtn[data-v-6c6974b3]{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);background:#43266d;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;cursor:pointer;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.2)}.chatroom>div.mainChat .newMsgBtn svg[data-v-6c6974b3]{margin-right:4px}.chatroom>div.mainChat .newMsgBtn[data-v-6c6974b3]:hover{opacity:.9}.chatroom>div.mainChat .inputArea[data-v-6c6974b3]{margin:8px 12px 0;position:relative}.chatroom>div.mainChat .inputArea .replyPreview[data-v-6c6974b3]{display:flex;align-items:center;justify-content:space-between;background:#f5f0fa;padding:6px 10px;border-radius:6px;margin-bottom:6px;font-size:12px;color:#43266d;border-left:3px solid #43266d}.chatroom>div.mainChat .inputArea .replyPreview svg[data-v-6c6974b3]{cursor:pointer;margin-left:8px}.chatroom>div.mainChat .inputArea .emojiPicker[data-v-6c6974b3]{position:absolute;bottom:115px;left:0;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;width:220px;z-index:10}@media (max-width:480px){.chatroom>div.mainChat .inputArea .emojiPicker[data-v-6c6974b3]{width:100%}}.chatroom>div.mainChat .inputArea .emojiPicker span[data-v-6c6974b3]{font-size:22px;width:36px;height:36px;line-height:36px;text-align:center;cursor:pointer;border-radius:6px}.chatroom>div.mainChat .inputArea .emojiPicker span[data-v-6c6974b3]:hover{background:#f0e6ff}.chatroom>div.mainChat .inputArea .toolRow[data-v-6c6974b3]{display:flex;gap:12px;padding:4px 0}.chatroom>div.mainChat .inputArea .toolRow .toolIcon[data-v-6c6974b3]{font-size:20px;color:#43266d;cursor:pointer;opacity:.6;transition:opacity .2s}.chatroom>div.mainChat .inputArea .toolRow .toolIcon[data-v-6c6974b3]:hover{opacity:1}.chatroom>div.mainChat .inputArea textarea[data-v-6c6974b3]{width:100%;height:80px;border-radius:5px;background:rgba(113,63,148,.2);border:none}.chatroom>div.userList[data-v-6c6974b3]{width:160px;height:calc(100vh - 95px);overflow-y:scroll;background:#43266d;color:#fff;border-radius:0 0 10px 0}@media (max-width:768px){.chatroom>div.userList[data-v-6c6974b3]{display:none}}.chatroom>div.userList>div[data-v-6c6974b3]:first-child{text-align:center;color:#000;background:#ffbf00;border-width:2px 2px 0 2px;border-color:#43266d;border-style:solid;padding:5px}.chatroom>div.userList>div[data-v-6c6974b3]:nth-child(2){margin:10px 0;padding:0 10px}.chatroom>div.userList>div:nth-child(2) input[data-v-6c6974b3]{border-radius:5px;height:28px}.chatroom>div.userList>div[data-v-6c6974b3]:nth-child(3){margin-bottom:10px}.chatLightbox[data-v-6c6974b3]{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.7);z-index:200;display:flex;align-items:center;justify-content:center;cursor:pointer}.chatLightbox img[data-v-6c6974b3]{max-width:90%;max-height:85vh;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.4)}