.progress[data-v-12f8dda4]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-12f8dda4]{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-12f8dda4]{font-size:16px;color:#43266d}.progress .outside[data-v-12f8dda4]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-12f8dda4]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-12f8dda4]{height:100%}.progress .bar .left[data-v-12f8dda4]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-12f8dda4]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-12f8dda4]{width:100px}.tooltip[data-v-12f8dda4]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-12f8dda4]{flex:1;white-space:nowrap}.loading[data-v-12f8dda4]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,10,10,.4);display:flex;align-items:center;z-index:200}.loading .sk-folding-cube[data-v-12f8dda4]{margin:20px auto;width:40px;height:40px;position:relative;transform:rotate(45deg)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#43266d;animation:sk-foldCubeAngle-12f8dda4 2.4s linear infinite both;transform-origin:100% 100%}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]{transform:scale(1.1) rotate(90deg)}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]{transform:scale(1.1) rotate(180deg)}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]{transform:scale(1.1) rotate(270deg)}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]:before{animation-delay:.3s}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]:before{animation-delay:.6s}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]:before{animation-delay:.9s}@keyframes sk-foldCubeAngle-12f8dda4{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}.progress[data-v-2245bf19]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-2245bf19]{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-2245bf19]{font-size:16px;color:#43266d}.progress .outside[data-v-2245bf19]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-2245bf19]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-2245bf19]{height:100%}.progress .bar .left[data-v-2245bf19]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-2245bf19]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-2245bf19]{width:100px}.tooltip[data-v-2245bf19]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-2245bf19]{flex:1;white-space:nowrap}.chatroom[data-v-2245bf19]{background:#ffbf00;min-height:100vh;padding:80px 25px 15px;position:relative;display:flex}@media (max-width:768px){.chatroom[data-v-2245bf19]{padding:70px 8px 10px}}.chatroom>div[data-v-2245bf19]{box-shadow:2px 2px 6px rgba(45,45,45,.5)}.chatroom>div .yellowTitle[data-v-2245bf19]{padding-left:8px;font-weight:700;color:#ffbf00;margin-bottom:5px}.chatroom>div .chatName[data-v-2245bf19]{padding:8px 15px;cursor:pointer;display:flex;align-items:center}.chatroom>div .chatName.activeClass[data-v-2245bf19]{color:#ffbf00;font-weight:700}.chatroom>div .chatName.inRoom[data-v-2245bf19]{color:#ffbf00}.chatroom>div .chatName .status[data-v-2245bf19]{width:12px;height:12px;border-radius:50%;background:#6e6e6e;margin-right:6px}.chatroom>div .chatName .status.online[data-v-2245bf19]{background:#18f53d;box-shadow:0 0 5px rgba(191,190,190,.8)}.chatroom>div .chatName .newMsgHint[data-v-2245bf19]{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-2245bf19]{opacity:1}.chatroom>div .chatName.active[data-v-2245bf19],.chatroom>div .chatName[data-v-2245bf19]:hover{background:#ffbf00;color:#000}.chatroom>div.chatList[data-v-2245bf19]{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-2245bf19]{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-2245bf19]{display:block}}.chatroom>div.chatList>div[data-v-2245bf19]:first-child{margin:7px 0}.chatroom>div.mainChat[data-v-2245bf19]{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-2245bf19]{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-2245bf19]{display:flex;align-items:center;gap:8px}.chatroom>div.mainChat .chatHeader .sidebarToggle[data-v-2245bf19]{cursor:pointer;font-size:16px}.chatroom>div.mainChat .chatHeader .searchToggle[data-v-2245bf19]{cursor:pointer;opacity:.7;transition:opacity .2s}.chatroom>div.mainChat .chatHeader .searchToggle[data-v-2245bf19]:hover{opacity:1}.chatroom>div.mainChat .searchBar[data-v-2245bf19]{display:flex;align-items:center;padding:6px 10px;background:#fff;border-bottom:1px solid #ddd}.chatroom>div.mainChat .searchBar input[data-v-2245bf19]{flex:1;height:30px;border:1px solid #ccc;border-radius:6px;padding:0 10px;font-size:13px}.chatroom>div.mainChat .searchBar .closeSearch[data-v-2245bf19]{margin-left:8px;cursor:pointer;color:#999}.chatroom>div.mainChat .chatContentSec[data-v-2245bf19]{flex:1;padding:12px;background:#ece9ef;overflow-y:scroll;max-height:calc(100vh - 248px)}.chatroom>div.mainChat .chatContentSec .dateDivider[data-v-2245bf19]{text-align:center;margin:16px 0 8px}.chatroom>div.mainChat .chatContentSec .dateDivider span[data-v-2245bf19]{background:rgba(67,38,109,.15);color:#555;font-size:12px;padding:3px 14px;border-radius:10px}.chatroom>div.mainChat .chatContentSec>div[data-v-2245bf19]:not(.dateDivider){margin-bottom:20px;display:flex}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider).highlighted[data-v-2245bf19]{background:rgba(255,191,0,.25);border-radius:8px;padding:4px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider).me[data-v-2245bf19]{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-2245bf19]{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-2245bf19]{width:40%}@media (max-width:768px){.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div[data-v-2245bf19]{width:70%}}@media (max-width:480px){.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div[data-v-2245bf19]{width:calc(100% - 50px)}}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .name[data-v-2245bf19]{color:#555}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .name .msg-pin[data-v-2245bf19]{display:inline-block;margin-left:4px;font-size:14px;vertical-align:middle}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .replyRef[data-v-2245bf19]{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-2245bf19]{margin-right:4px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble[data-v-2245bf19]{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-2245bf19]{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-2245bf19] p{margin:0 0 4px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] p:last-child{margin:0}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] 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-2245bf19] pre{background:#0d1117;padding:10px 12px;border-radius:6px;overflow-x:auto;text-align:left;white-space:pre;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] pre code{background:none;padding:0;font-size:13px;line-height:1.5;color:#e6edf3;white-space:pre}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] a{color:#1565c0}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] ol,.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] ul{margin:4px 0;padding-left:20px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] 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-2245bf19] strong{font-weight:700}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .bubble .mdContent[data-v-2245bf19] img{max-width:200px;border-radius:6px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .time[data-v-2245bf19]{color:#7d7d7d;font-size:14px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.msg .time .readTag[data-v-2245bf19]{color:#43266d;font-weight:600;margin-left:6px}.chatroom>div.mainChat .chatContentSec>div:not(.dateDivider)>div.avatar[data-v-2245bf19]{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-2245bf19]{padding:4px 16px;font-size:12px;color:#43266d;font-style:italic;background:#f5f0fa}.chatroom>div.mainChat .newMsgBtn[data-v-2245bf19]{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-2245bf19]{margin-right:4px}.chatroom>div.mainChat .newMsgBtn[data-v-2245bf19]:hover{opacity:.9}.chatroom>div.mainChat .inputArea[data-v-2245bf19]{margin:8px 12px 0;position:relative}.chatroom>div.mainChat .inputArea .replyPreview[data-v-2245bf19]{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-2245bf19]{cursor:pointer;margin-left:8px}.chatroom>div.mainChat .inputArea .emojiPicker[data-v-2245bf19]{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-2245bf19]{width:100%}}.chatroom>div.mainChat .inputArea .emojiPicker span[data-v-2245bf19]{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-2245bf19]:hover{background:#f0e6ff}.chatroom>div.mainChat .inputArea .toolRow[data-v-2245bf19]{display:flex;gap:12px;padding:4px 0}.chatroom>div.mainChat .inputArea .toolRow .toolIcon[data-v-2245bf19]{font-size:20px;color:#43266d;cursor:pointer;opacity:.6;transition:opacity .2s}.chatroom>div.mainChat .inputArea .toolRow .toolIcon[data-v-2245bf19]:hover{opacity:1}.chatroom>div.mainChat .inputArea textarea[data-v-2245bf19]{width:100%;height:80px;border-radius:5px;background:rgba(113,63,148,.2);border:none}.chatroom>div.userList[data-v-2245bf19]{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-2245bf19]{display:none}}.chatroom>div.userList>div[data-v-2245bf19]: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-2245bf19]:nth-child(2){margin:10px 0;padding:0 10px}.chatroom>div.userList>div:nth-child(2) input[data-v-2245bf19]{border-radius:5px;height:28px}.chatroom>div.userList>div[data-v-2245bf19]:nth-child(3){margin-bottom:10px}.chatLightbox[data-v-2245bf19]{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-2245bf19]{max-width:90%;max-height:85vh;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.4)}