.avatarBox{position:relative;border-radius:50%;display:inline-block;box-sizing:content-box;box-sizing:border-box;border:2px solid #fff;overflow:hidden;width:100%;height:100%}.avatarHeaderItem{border:1px solid hsla(0,0%,100%,.56);margin-right:.3em}.avatarCanHover{cursor:pointer}.avatarCanHover:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.avatarSelf{border:none}.avatarBoxImg{position:absolute;width:100%;height:100%;left:0;top:0}.avatarSleep{-webkit-filter:grayscale(70%);filter:grayscale(70%)}.avatarIsSelected{border-radius:50%;overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 5px 3px var(--colorO2);border-color:var(--colorO3)}.avatarError{box-shadow:0 0 6px 3px var(--colorR3);border:3px solid var(--colorR3)}.avatarBoxNick{position:absolute;margin:0;bottom:0;width:100%;height:1.2em;color:#ddd0d0;font-size:.9em;background-color:rgba(88,94,87,.64);line-height:1.1em;border-radius:3px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatarDiv{position:relative;overflow:visible}.avatarSmall{font-size:.6em;width:90%;background-color:rgba(0,0,0,.25)}.frameDiv{position:absolute;top:0;overflow:visible;-webkit-transform:scale(1.35);transform:scale(1.35)}.frameDiv,.frameDiv>img{width:100%;height:100%}.sleepIconDiv{position:absolute;width:3em;height:3em;bottom:1em;right:-1.5em;-webkit-animation:zoomInOut 5s infinite;animation:zoomInOut 5s infinite;-webkit-transform-origin:left;transform-origin:left}.sleepIconDiv>img{width:100%;height:100%}@-webkit-keyframes zoomInOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomInOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.loginBoxTemplate{position:absolute;width:100%;height:100%;display:grid;justify-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;grid-template-areas:". .       ." ". content ." ". .       .";z-index:100;background-color:3b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loginBoxCard h5{margin:.2em;font-size:1.5em;line-height:1.2em;position:relative;top:-.3em}.loginBoxCard{position:relative;padding:1em;grid-area:content;width:28em;max-height:45em;border-radius:10px;border:2px solid hsla(0,0%,73.3%,.35);display:-webkit-box;display:-webkit-flex;display:flex;text-align:center;background-color:#fff;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);-webkit-transition:.2s;transition:.2s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.loginBoxOpen{opacity:1;top:0}.loginBoxClose{opacity:0;top:90vh}.loginBoxNickDiv{border:2px solid var(--colorL2);border-radius:10px;width:18em;position:relative;padding:.2em .6em;margin-bottom:.5em}.loginBoxNickTitle{margin:0;position:absolute;line-height:2em;color:#7d7575;font-size:1.2em;background-color:#fff;padding-right:.2em;height:100%;width:2.5em;left:.3em;top:0}.loginBoxNickInput{border:none;width:100%;height:100%;font-size:1.3em;font-weight:700;font-family:revert-layer;text-align:center}.loginBoxNickInput:focus{outline:none}.loginBoxRoleListWrapper{position:relative;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;min-height:6em;max-height:21em;background-color:var(--colorL4);border-radius:15px;overflow:hidden;margin-bottom:1em}.roleListContainer{height:100%;padding:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.roleListContainer,.roleListGrid{width:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.roleListGrid{display:grid;grid-template-columns:repeat(4,5em);grid-auto-flow:row;grid-gap:.6em;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:auto;padding:1em .3em;margin:0 auto;overflow-y:auto;max-height:19em}.roleListGrid::-webkit-scrollbar{width:8px}.roleListGrid::-webkit-scrollbar-track{background:var(--colorL4)}.roleListGrid::-webkit-scrollbar-thumb{background:var(--colorL3);border-radius:4px}.roleListGrid{scrollbar-width:thin;scrollbar-color:var(--colorL3) var(--colorL4)}.avatarPlaceholder,.roleItemWrapper{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.avatarPlaceholder{background-color:#f0f0f0;border-radius:50%;color:#ccc}.loginBoxRoleListDiv{display:grid;width:100%;height:100%;grid-template-columns:repeat(auto-fill,5em);grid-template-rows:repeat(auto-fill,5em);-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;grid-gap:.6em;padding:1em .3em;max-height:19em;overflow-y:scroll}.loginBoxBtnEnter{width:18em;height:2.7em;margin-bottom:.5em;background-color:var(--colorB4);font-weight:bolder!important;padding-bottom:.5em}.loginBoxBtnError{background-color:var(--colorRed1);cursor:not-allowed!important}.loginBoxOnlineDesc>p{margin:0}.living-icon{position:relative;height:.8em;overflow:visible;display:inline-block;margin-right:.5em}.living-icon-col{width:.15em;margin:0 .13em;background-color:rgba(255,78,78,.83);border-radius:2px;-webkit-animation:living-icon-ani .6s linear infinite;animation:living-icon-ani .6s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform-origin:bottom;transform-origin:bottom;height:100%;display:inline-block}.colLeft{-webkit-animation-delay:-.2s;animation-delay:-.2s;margin-left:0}.colRight{-webkit-animation-delay:.2s;animation-delay:.2s;margin-right:0}@-webkit-keyframes living-icon-ani{0%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@keyframes living-icon-ani{0%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}.hallRoomList{grid-row-start:2;padding:1.5em 3em;margin-bottom:2em;display:grid;-webkit-align-content:flex-start;align-content:flex-start;grid-gap:1.5em 3em;overflow-y:scroll}.hallRoomListLarger{grid-template-columns:1fr 1fr}.hallRoomLP{font-size:.9em;color:var(--colorL3);margin:0}.hallRoomListSmall{grid-template-columns:100%}.hallRoomItemCard{background-color:var(--colorWhiteBG);border-radius:.5em;border:3px solid var(--colorW3);overflow:hidden;box-sizing:border-box;position:relative;height:9em;cursor:pointer;width:100%;-webkit-transition:.1s;transition:.1s}.hallRoomItemCard:hover{-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:-5px 5px 5px rgba(183,149,129,.56)}.hallRoomItemGridpc{margin:0 2em 1em 0;max-width:40%}.hallRoomItemGrid{display:grid;grid-template-columns:9em auto;grid-template-rows:2.3em 1.3em auto 3.1em;grid-row-gap:.2em;grid-column-gap:.7em;grid-template-areas:"c t" "c d" "c s" "c u"}.hallRoomCover{grid-area:c;overflow:hidden}.hallRoomCover,.hallRoomCover img{width:100%;height:100%;position:absolute}.hallRoomTitle{grid-area:t;overflow:hidden;font-size:1.4em}.hallRoomDesc{grid-area:d;align-self:center;font-size:.8em;color:var(--colorP4);height:100%}.hallRoomPlaying{color:#6193ee;font-size:.92em}.hallRoomSongInfo{grid-area:s;overflow:hidden}.hallRoomUserListWrapper{grid-area:u;display:grid;grid-template-columns:auto 2.8em;grid-template-rows:100%;grid-column-gap:.2em;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hallRoomUserList{height:100%;width:100%;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;padding-right:1.5em;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.hallRoomUserFlexItem{height:100%;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;width:3em;-webkit-flex:0 1 auto;flex:0 1 auto}.hallRoomNumDesc{position:relative;color:var(--colorO1);font-size:.85em;grid-column:2/3;text-align:center}.hallRoomPriveRoom{position:absolute;height:4em;width:4em;right:0;right:-.1em;top:-.1em}.hallRoomPriveRoom img{width:100%;height:100%}.errmordalGrid{display:grid;grid-template-columns:1fr 20em 1fr;grid-template-rows:10% auto auto;pointer-events:all}.errmodalCard{background-color:#fff;grid-row:2/3;grid-column:2/3;height:23em;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.errorCardGrid{display:grid;grid-template-rows:auto 3em 4em;padding:1em}.connectErrorImgDiv{grid-row:1/2;width:13em;height:16em;justify-self:center}.connectErrorImgDiv>img{width:100%;height:100%}.errorInfoDiv{grid-row:2/3;justify-self:center;align-self:center;line-break:normal}.errorInfoDiv p{margin:0}.errorInfoDiv span{color:var(--colorB4)}.popMsgInfoDiv{grid-row:2/3;justify-self:center;align-self:center;overflow:hidden;line-break:anywhere;margin:0;white-space:pre-line;color:var(--colorRed1)}.errorBtnDiv{grid-row:3/4;align-self:center;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.errorBtnDiv>a{width:7em;height:2.5em;display:inline-block;background-color:#f97879;font-weight:bolder;line-height:2em}.animationCardIn{-webkit-animation-name:modalIn;animation-name:modalIn}.animationCardIn,.animationCardOut{-webkit-animation-duration:.3s;animation-duration:.3s}.animationCardOut{-webkit-animation-name:modalOut;animation-name:modalOut;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noRoleCard{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding:1em}.noRoleErrorDiv,.noRoleErrorTip{text-align:center;padding:1em}.noRoleErrorTip{font-size:1.4em;color:var(--colorRed1)}@-webkit-keyframes modalIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes modalIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes modalOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes modalOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.hallTemplate{background-color:var(--colorY4)}.hallMainDiv,.hallTemplate{position:absolute;width:100%;height:100%}.hallMainDiv{display:grid;grid-template-columns:100%;grid-template-rows:3.2em auto;background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/hallBg.png)}.hallHeader{background-color:var(--colorY2);height:3.2em;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.hallHeader,.hallWaitingList{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hallWaitingList{width:100%;overflow:hidden;padding-left:.8em;height:100%}.hallSpin{margin-top:5em;width:100%;position:absolute;text-align:center}.hallTitle{position:relative;width:3em;height:3em;background-size:cover;border:none}.hallTitleImg{width:100%;height:100%;position:absolute}.hallRoomFooter{width:100%;position:absolute;bottom:0;text-align:center;height:2em}.hallRoomFooter p{margin:0;line-height:2em;color:var(--colorL2)}#gridCover{display:grid;grid-template-rows:1fr 85% 1fr;grid-template-columns:1fr 85% 1fr;position:absolute;width:100%;height:100%}#gridDish{grid-column:2/3;grid-row:2/3;background-size:contain}.relateDiv{position:relative;width:100%;height:100%}.dishGlass,.dishTurn{position:absolute;height:100%;width:100%}.dishGlass{background:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/light.png);z-index:10;background-size:cover}.dishTurn{background:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/dish.png);background-size:cover;z-index:9}@-webkit-keyframes circling{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circling{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.a-circling{-webkit-animation:circling 30s linear infinite;animation:circling 30s linear infinite}.z-pause{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.dishImgCover{display:grid;grid-template-rows:1fr 65% 1fr;grid-template-columns:1fr 65% 1fr;height:100%}.dishImgCover img{grid-column:2/3;grid-row:2/3;width:100%;height:100%}.dishPole{background:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/pole.png);width:56%;height:51%;background-size:contain;z-index:11;position:absolute;top:-9%;left:37%;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;-webkit-transform-origin:top;transform-origin:top}.musicListWrapper{position:absolute;width:100%;height:100%;padding:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.virtualListContainer{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;margin-top:10px}.virtualListContainer .rc-virtual-list-holder::-webkit-scrollbar{width:8px}.virtualListContainer .rc-virtual-list-holder::-webkit-scrollbar-track{background:var(--colorL4)}.virtualListContainer .rc-virtual-list-holder::-webkit-scrollbar-thumb{background:var(--colorL3);border-radius:4px}.virtualListContainer .rc-virtual-list-holder{scrollbar-width:thin;scrollbar-color:var(--colorL3) var(--colorL4)}.virtualItemWrapper{padding-bottom:.8em;box-sizing:border-box}.musitListlastItem{margin-bottom:10em}.musicListItem{overflow:hidden;display:grid;height:6em;grid-template-columns:6em auto;grid-template-rows:60% auto;grid-template-areas:"c d" "c d";-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-items:left;border-radius:5px}.musicListItem:hover{background-color:beige}.musicItemPlaying{background-color:rgba(215,214,214,.62)}.musicItemCover{grid-area:c;border-radius:6%;overflow:hidden}.musicItemCover,.musicItemCover img{height:100%;width:100%}.musicItemName{padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;grid-row:1/2;box-sizing:border-box;text-align:left;font-size:1.2em;align-self:center}.musicItemArti{padding-left:10px;font-size:.9em;color:rgba(0,0,0,.47);grid-row:2/3}.musicItemDesc{grid-area:d;width:100%;height:100%;padding-left:10px;display:grid;grid-template-columns:100%;grid-template-rows:40% 30% 20%;justify-items:left;cursor:pointer}.musicItemDuration{font-size:.7em;grid-row:3/4;justify-self:right;margin-right:2em;color:#606057}.filterInput{width:100%;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.2);border:none;padding:3px 1em;font-size:1.1em}.filterInput:focus{outline:none}.searchListWrapper{font-size:1.4em;box-sizing:border-box;padding:5px;grid-template-columns:100%;grid-template-rows:3em auto}.searchListInputDiv,.searchListWrapper{display:grid;position:absolute;width:100%;height:100%}.searchListInputDiv{grid-row:1/2;align-self:center;grid-template-columns:1fr 80% 1fr;grid-template-rows:1fr 1.7em 1fr}.searchInputWraper{grid-row:2/3;grid-column:2/3;border:1px solid var(--colorL4);border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.1);position:relative;padding:.1em 3em .1em .4em;overflow:hidden;align-self:center}.searchListInput{width:100%;box-sizing:border-box;height:100%;border:none;line-height:100%;font-size:1em;-webkit-text-decoration:var(--colorL3);text-decoration:var(--colorL3);color:var(--colorP2)}.searchInputBtn{position:absolute;right:0;height:100%;width:3em;cursor:pointer;line-height:1.4em;top:0;text-align:center;border-left:1px solid var(--colorL4)}.searchInputBtn>img{height:100%}.searchInputBtn>img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.searchInputWraper:hover{box-shadow:0 0 5px var(--colorL4)}.searchListInput:focus{outline:none}.searchListBox{grid-row-start:2;position:absolute;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow-y:scroll}.searchListItem{display:grid;grid-template-rows:65% auto;grid-template-columns:auto 2em;padding:0 10px;justify-items:left;grid-template-areas:"n ." "a d"}.searchListItem:hover{background-color:var(--colorY4)}.searchItemName{grid-area:n;font-weight:400;color:var(--colorFont1);font-size:.9em;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchItemArti{grid-area:a;font-size:.6em;color:var(--colorFont2);overflow:hidden;max-height:2em}.searchItemDuration{grid-area:d;font-size:.6em;justify-self:right;color:var(--colorP3)}.searchListItemWrapper{height:4em;border-bottom:1px solid var(--colorL4);padding:.3em}.progressBarDiv{position:relative;height:0}.progressInput{position:absolute;width:100%;height:10px;opacity:0;top:-2px;z-index:21}.leftBar,.midBar,.rightBar{height:100%;position:absolute;top:0}.inputBar,.mockBar{height:5px;position:absolute;width:100%;z-index:20}.leftBar{z-index:3;background-color:var(--colorO3);width:calc(var(--progress-width)*100%)}.leftBarTail{height:2em;width:1.5em;position:absolute;top:-1.6em;right:-1em;cursor:default;z-index:5;border-radius:50%;background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/bird.png);background-size:cover}.midBar{z-index:2;background-color:var(--colorO4);width:calc(var(--buffered-width)*100%);opacity:.5}.rightBar{z-index:1;width:100%;background-color:var(--colorL4);opacity:.5}.durationText{position:absolute;right:0;top:-1.5em;font-size:.8em;margin-right:1em}.durationText .progress{color:rgba(165,42,42,.44)}.durationText .duration{color:rgba(0,0,0,.67)}:root{--bubbleColor:#5dee5d}.chatRecordBoxTemplate{display:grid;grid-template-columns:4.5em auto;grid-template-areas:"avatar msg"}.avatarArea{grid-area:avatar;text-align:center;justify-self:center}.msgArea{display:grid;grid-template-rows:1.1em auto;text-align:left}.chatNickDiv{grid-row:1/2;display:-webkit-box;display:-webkit-flex;display:flex;font-size:.7em}.chatNick{margin:0 1em 0 0;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.nickLevel-0{color:var(--colorL2)}.nickLevel-1{color:var(--colorG2)}.nickLevel-2{color:var(--colorB1)}.nickLevel-3{color:var(--colorB5)}.nickLevel-4{color:var(--colorO1)}.nickLevel-5{color:var(--colorR3);font-weight:700}.chatSendBubble{max-width:15.5em;padding:.2em .8em;border-radius:6px;position:relative;background-color:var(--bubbleColor);box-shadow:0 3px 4px rgba(0,0,0,.08);top:.1em;display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.chatSendBubble:before{content:"";position:absolute;width:0;height:0;border-style:solid}.chatSend{color:#fff;-webkit-align-self:flex-end;align-self:flex-end}.chatSend:before{border-width:.3em .48em .35em .25em;left:-.58em;top:.35em;border-color:transparent}.bubbleOther{background-color:var(--colorB2)}.bubbleMySelf{background-color:var(--colorG2)}.bubbleOther:before{border-right-color:var(--colorB2)}.bubbleMySelf:before{border-right-color:var(--colorG2)}.chatContent{color:#fff;margin:0;overflow-wrap:break-word;white-space:break-spaces;display:initial}.chatPageTemplate{position:absolute;font-size:1.2em;padding:1em 0;width:100%;height:100%;top:0}.chatRecordArea{max-width:25em;width:100%;position:absolute;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:visible}.chatRecordTimeDesc{font-size:.8em;color:#4d3a23;text-align:center;margin:.3em}.chatRecordEvent{font-size:.5em;margin:0;line-height:1em;text-align:center;color:var(--colorP4)}.chatRecordItem{margin-bottom:1em}.chatRecordEmptyImg,.searchListEmptyImg{grid-column:2/3;grid-row:2/3;width:12em;height:14em}.chatRecordEmptyImg{width:13em;height:10em}.chatRecordRecall{text-align:center;font-size:smaller;color:var(--colorB3)}.loadingIndicator{display:inline-block;color:#4d3a23;font-size:.9em;padding:.3em .8em;border-radius:1em;background-color:hsla(0,0%,100%,.5);-webkit-animation:pulse 1.2s infinite;animation:pulse 1.2s infinite}.newMessageTip{position:absolute;bottom:1.5em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--colorB3);color:#fff;padding:.5em 1em;border-radius:1em;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;z-index:10;-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.newMessageTip:hover{background-color:var(--colorB4)}@-webkit-keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@keyframes bounce{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}.aboutMeModalDiv{width:20em;height:30em;overflow:hidden;position:relative}.aboutMeTemplate{position:absolute;height:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:.4s;transition:.4s}.aboutMePage{width:20em;height:30em;position:relative}.aboutThisSite{z-index:1;text-align:left}.redLink{color:var(--colorRed1)}.aboutMeTitle{height:2em;width:100%;text-align:center;font-weight:bolder;color:var(--colorL1);letter-spacing:4px;font-size:1.4em;line-height:2em}#btnAboutL{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/birdLeft.png);width:3.2em;height:2.8em;top:0;left:1em}@-webkit-keyframes shakeLeft{0%{-webkit-transform:translate(0);transform:translate(0)}2%{-webkit-transform:translate(-5px);transform:translate(-5px)}4%{-webkit-transform:translate(5px);transform:translate(5px)}6%{-webkit-transform:translate(-5px);transform:translate(-5px)}10%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes shakeLeft{0%{-webkit-transform:translate(0);transform:translate(0)}2%{-webkit-transform:translate(-5px);transform:translate(-5px)}4%{-webkit-transform:translate(5px);transform:translate(5px)}6%{-webkit-transform:translate(-5px);transform:translate(-5px)}10%{-webkit-transform:translate(0);transform:translate(0)}}#btnAboutR{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/birdRight.png);width:3.2em;height:2.8em;top:0;right:1em;-webkit-animation:shakeRight 4s 1s infinite;animation:shakeRight 4s 1s infinite}@-webkit-keyframes shakeRight{0%{-webkit-transform:translate(0);transform:translate(0)}4%{-webkit-transform:translate(8px);transform:translate(8px)}8%{-webkit-transform:translate(-5px);transform:translate(-5px)}12%{-webkit-transform:translate(8px);transform:translate(8px)}14%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes shakeRight{0%{-webkit-transform:translate(0);transform:translate(0)}4%{-webkit-transform:translate(8px);transform:translate(8px)}8%{-webkit-transform:translate(-5px);transform:translate(-5px)}12%{-webkit-transform:translate(8px);transform:translate(8px)}14%{-webkit-transform:translate(0);transform:translate(0)}}.aboutMeImg1{width:10em;position:absolute;bottom:0;right:0}.aboutMeContent{padding:.5em .1em;text-align:center;color:var(--colorL1);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.aboutAuth{font-size:1.2em}.aboutMeContact{display:grid;grid-template-columns:1fr auto 1fr}.aboutMeAvatarWp{width:6.5em;display:inline-block;margin-bottom:.5em}.aboutMeFieldTag{font-size:.7em;color:var(--colorW3);-webkit-align-self:center;align-self:center;justify-self:right;margin-right:1em}.aboutMeLink{color:var(--colorR3);display:contents}.aboutMeEmail{font-size:.7em}.authDesc{text-align:left;font-size:.85em;border-left:2px solid var(--colorB2);padding-left:.5em;margin-top:1em}.faqTitle{color:var(--colorO1);margin-bottom:.2em;font-weight:700}.faqValue{color:var(--colorL2);font-size:.95em;border-left:2px solid var(--colorO2);padding-left:.5em}.aboutMeFotter{position:absolute;bottom:0;width:100%;text-align:center}.birdImg{height:1.2em;margin:0 .7em;-webkit-transition:.1s;transition:.1s}.birdImgL{-webkit-transform:scale(1.5);transform:scale(1.5);position:relative;bottom:.3em}.lyricWindow{width:100%;height:100%;position:absolute;overflow:hidden}.lyricTemplate{display:grid;row-gap:10px;position:relative;-webkit-transition:1s;transition:1s;justify-items:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:1.1em}#lyricAnchorLine{position:absolute;width:100%;height:1px;bottom:8em}.r1,.r2{display:block;text-align:center}.isCurrent,.notCurrent{-webkit-transition-delay:.5s;transition-delay:.5s;height:100%;box-sizing:border-box;padding:5px 15px}.isCurrent{color:var(--colorRed1);font-weight:bolder;font-size:1.3em;text-shadow:2px 2px 2px var(--colorW1)}.isCurrent>.r2{font-weight:400;font-size:1em}.notCurrent{color:var(--colorP3);font-size:1.2em}.movieListItem{overflow:hidden;display:grid;height:9em;width:27em;grid-template-columns:13em auto;grid-template-rows:100%;border-radius:5px;cursor:pointer}.movieListItem:hover{box-shadow:8px 8px 10px -11px var(--colorR2)}.movieListItem img{height:100%;width:100%}.moviePlaying{border:.2em solid var(--colorO1)}.movieItem{margin-bottom:1em}.movieCoverDiv{grid-column:1/2;border-radius:3%;overflow:hidden}.movieCoverDiv,.movieItemTextDiv{height:100%;width:100%;grid-row:1/2}.movieItemTextDiv{grid-column:2/3;padding-left:.6em;display:grid;grid-template-columns:100%;grid-template-rows:2.6em 3.2em auto;justify-items:left}.movieItemTitle{padding:0 10px;white-space:nowrap;width:100%;height:100%;grid-row:1/2;box-sizing:border-box;text-align:left;font-size:1.5em;align-self:center}.movieItemDescDiv,.movieItemTitle{overflow:hidden;text-overflow:ellipsis}.movieItemDescDiv{grid-row:2/3;grid-column:1/2;color:var(--colorL2);-webkit-transition:color .3s;transition:color .3s;word-break:break-all;line-break:anywhere}.movieDurationDiv{grid-row:3/4;position:relative;width:100%;height:100%}.movieItemCreator{margin:0;color:var(--colorL2)}.movieItemDuration{position:absolute;right:.5em;bottom:0;color:var(--colorP3)}.playerContainer{position:relative}.danmaku-container,.playerContainer{width:100%;height:100%;overflow:hidden}.danmaku-container{position:absolute;top:0;left:0;pointer-events:none;z-index:100}:-webkit-full-screen .danmaku-container{z-index:2147483647;position:fixed;top:0;left:0;width:100vw;height:100vh}.danmaku-container.fullscreen-mode,:-moz-full-screen .danmaku-container,:-ms-fullscreen .danmaku-container,:-webkit-full-screen .danmaku-container,:fullscreen .danmaku-container{z-index:2147483647;position:fixed;top:0;left:0;width:100vw;height:100vh}.danmaku-item{position:absolute;right:-100%;white-space:nowrap;-webkit-animation-name:danmaku-move;animation-name:danmaku-move;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0s;animation-delay:0s;padding:6px 10px;border-radius:20px;background-color:rgba(0,0,0,.6);color:#fff;font-size:16px;max-width:80%;overflow:hidden;text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:right;box-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid hsla(0,0%,100%,.1)}@-webkit-keyframes danmaku-move{0%{-webkit-transform:translateX(100%);transform:translateX(100%);right:0}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);right:100%}}@keyframes danmaku-move{0%{-webkit-transform:translateX(100%);transform:translateX(100%);right:0}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);right:100%}}.danmaku-item .chatMsgAtMe,.danmaku-item .chatMsgAtOther{background-color:hsla(0,0%,100%,.3);color:#fff;padding:0 4px;border-radius:2px;font-weight:700}.danmaku-item img{max-height:20px;vertical-align:middle;margin:0 2px}.danmakuItemPrefix{opacity:.7;-webkit-transform:scale(.8);transform:scale(.8);display:inline-block;-webkit-transform-origin:right center;transform-origin:right center;margin-right:.5em}.quitComfirmModalDiv{width:16em;font-size:1.5em;text-align:center}.quitComfirmContent{height:10em;width:100%;text-align:center;margin-bottom:1em}.quitComfirmContent>img{height:100%}.quitComfirmFooter{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.modalBtn{width:4.5em;height:2em;line-height:1.5em}.modalBtn:hover{color:var(--colorP4)}.newMovieModalDiv{position:relative;display:grid;grid-template-rows:3em auto 4em}.newMovieModalDiv h5{grid-row:1/2;font-size:1.5em;text-align:center;width:100%;display:block;font-weight:bolder}.newMovieForm{grid-row:2/3;width:30em}.newMovieFooter{grid-row:3/4;align-self:center;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.uploadBosModal{width:20em}::global{--room-name-after:""}.roomTemplate{height:100%}.controlBar,.roomTemplate{width:100%;position:absolute}.controlBar{height:4em;bottom:0;background-color:#faebd7}.userPageTemplate{display:grid;grid-template-columns:100%;grid-template-rows:auto minmax(3em,4em);grid-template-areas:"content" "footer ";height:100%;width:100%;position:absolute;background-size:cover}.userPageFooter{grid-area:footer;width:100%;height:100%;position:relative;z-index:2}.chatRecordWindow,.userPageContent,.userPageContent2{position:absolute;width:100%;height:100%;z-index:1}.chatRecordWindow{grid-area:c;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#dfffc9 #eea2a2;padding-left:1em}.userPageContent{grid-template-rows:10% 18em 10px auto;grid-template-columns:1fr 18em 1fr;grid-template-areas:"h  h    h " "u1 dish u2" "b b b" "f f f";grid-area:content}.userPageContent,.userPageContent2{display:grid;position:absolute;overflow:hidden}.userPageContent2{grid-template-areas:"h h h " "l main r" "b b b" "f f f";grid-area:content}.userPageContent2_mobile{grid-template-rows:10% 20em 10px auto;grid-template-columns:1fr 30em 1fr}.userPageContent2_pc{grid-template-rows:10% 31em 10px auto;grid-template-columns:1fr 60em 1fr}.userPageContentMask{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,100%,.09)}.userPageBoard{grid-area:f;position:relative;z-index:13}.userPageEventHistory{grid-area:l1;position:absolute;bottom:5px;height:25vh;width:40vw;z-index:1;border-radius:0 10px 0 0;font-size:.9em;left:.2em}.userPageFlowBtnDiv{height:18em;bottom:4em;width:3em;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;right:1.5em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:space-between;align-content:space-between;-webkit-justify-content:space-around;justify-content:space-around;z-index:13}.usrePageLeaveBtn{position:fixed;left:1.5em;top:1.5em}.userPageFlowBtn{width:3.5em;height:3.5em;text-align:center;border-radius:50%;line-height:3em;display:block;position:relative;background-color:rgba(240,248,255,.32)}.unreadCount{position:absolute;background-color:var(--colorR3);color:var(--colorL4);border-radius:30%;padding:5px;top:-1em;left:-1em;line-height:1em;cursor:default;font-size:smaller}.unreadCount>pre{margin:0}.roomInfoDiv{grid-area:h;width:100%;padding-top:.6em;text-align:center;display:grid;grid-template-rows:60% auto}.roomInfoNumber,.roomInfoTitle{margin:0;-webkit-align-self:center;align-self:center;font-size:2em;font-weight:700;color:var(--colorP2)}.roomInfoTitle span{font-size:.6em;position:absolute;opacity:.8}.roomInfoSongName{margin:0;font-size:1.4em;font-weight:unset;color:var(--colorP2)}.roomInfoSongName span{font-size:.7em;color:var(--colorP4)}.userPageU1{grid-area:u1;justify-self:right}.userPageU1,.userPageU2{align-self:center;position:relative}.userPageU2{grid-area:u2;justify-self:left}.userPageU3{display:grid;grid-template-rows:repeat(auto-fill,5em);grid-template-columns:repeat(auto-fit,5em);justify-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;grid-auto-flow:row;grid-gap:1.8em;z-index:2;padding:1em}.userPageLyric,.userPageU3{position:absolute;width:100%}.userPageLyric{height:100%;overflow:hidden;z-index:1}.footerBar{position:absolute;min-height:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;bottom:0;width:100%;background-color:rgba(68,68,68,.48)}.footerBarGrid{display:grid;grid-template-rows:auto 4em;justify-items:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;grid-template-areas:". i ." "a i b"}.footerBarGrid_mobile{grid-template-columns:1fr 25em 1fr}.footerBarGrid_pc{grid-template-columns:1fr 60vw 1fr}.footerAtBtn{grid-area:a;background-color:#bec8c8;width:2.3em;height:2.3em;border-radius:50%;text-align:center;margin-left:.5em}.footerInputDiv{grid-area:i;position:relative;width:90%;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:7px;background-color:var(--colorL4);padding:3px 7px;min-height:3em;margin:0 1em}.footerInputDiv .ant-mentions-focused,.footerInputDiv .ant-mentions:hover{box-shadow:none}.footerInput{width:100%;min-height:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;border:none;font-size:1.5em}.footerInput textarea{overflow:hidden;line-height:1.5em}.avatarMsgAnchor{inset-inline:50%}.anchorRef,.avatarMsgAnchor{position:absolute;height:1px;width:1px;overflow:visible}.anchorRef{top:-1.3em;left:-.5em}.avatarMsgArrowPosition{position:absolute;top:-.1em;left:0;width:1.3em;height:.8em;overflow:hidden}.avatarMsgArrowPosition:after{display:inline-block;content:"";width:1em;height:1em;background-color:#fff;box-shadow:3px 3px 7px rgba(0,0,0,.07);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:3px;position:absolute;left:.2em;top:-.43em}.footerSendBtn{grid-area:b;width:100%;height:100%;text-align:center;border-radius:5px}.progressBarWrapper{position:absolute;width:100%;top:-5px;height:1px}.dishWrapper{grid-area:dish;width:100%;height:100%;position:absolute}.dishControlBar{grid-area:b;width:21em;height:3em;font-size:1em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;z-index:12;justify-self:center;position:relative;top:-3.5em}.dishControlBar>div{border-radius:16px;position:relative;background-color:rgba(240,248,255,.32);width:4em}.imgBtn:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-duration:.1s;transition-duration:.1s}.imgBtn{cursor:pointer;background-size:cover;position:absolute}#btnA{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/redBull.png);width:4.4em;height:2.7em;left:-.8em;top:.3em}#btnB{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/greenFish.png);width:3.6em;height:3.8em;left:0;top:0}#btnC{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/eggplant.png);width:4.2em;height:2.7em;left:-.4em;top:.3em}#btnD{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/birdLeft.png);left:-.5em}#btnD,#btnF{width:4.2em;height:3.7em;top:-.4em}#btnF{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/birdRight.png);right:-.5em}#btnG{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/playBtnOpen.png);left:-.2em}#btnG,#btnH{width:4.6em;height:4.7em;top:-1em}#btnH{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/playBtnClose.png);left:-.4em}#btnI{width:3em;height:3em;top:.5em;border-radius:15%}#btnI>img{width:100%;height:100%}#btnJ{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/goBack.png);width:4.5em;height:4.5em;left:-.8em;top:-.8em}#btnJ,#btnK{background-size:cover}#btnK{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/cup2.png);width:3.6em;height:3.6em;left:-.1em;top:0}.searchListEmptyImg{width:12em;height:14em}.emptyDivGrid{display:grid;grid-template-rows:1fr auto 1fr;grid-template-columns:1fr auto 1fr}.musicListTemplate{position:absolute;width:100%;height:100%;box-sizing:border-box;display:grid;grid-template-rows:2.5em auto;grid-row-gap:.3em;grid-template-areas:"h" "l"}.musicListHeader{display:grid;grid-template-rows:100%;grid-template-columns:1fr 40% 1fr 40% 1fr;grid-template-areas:". l . s .";padding-bottom:5px;text-align:center;font-size:1.2em}.musicListDesc,.musicListSearch{width:100%;height:100%;font-weight:bolder;color:var(--colorL3);display:grid;-webkit-align-content:center;align-content:center;cursor:pointer;position:relative}.musicListDesc p,.musicListSearch p{margin:0}.musicListSelect{border-bottom:3px solid var(--colorR2);padding-bottom:3px;color:var(--colorL2);box-sizing:border-box}.musicListDesc{grid-area:l}.musicListNumDesc{position:absolute;font-size:.7em;right:-1.5em;top:-.8em;color:var(--colorR2)}.musicListSearch{grid-column:s}.musicListBox{grid-area:l}.musicListBox,.recordWindow{position:absolute;width:100%;height:100%}.recordWindow{text-align:left;overflow:hidden;color:var(--colorL4)}.recordWindowTp{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;height:-webkit-max-content;height:-moz-max-content;height:max-content;-webkit-transition:.6s ease-out;transition:.6s ease-out;position:absolute;width:100%}.chatMsgAtMe{padding:2px;border-radius:3px;background-color:rgba(227,137,137,.38);color:#e84a60}.chatMsgAtOther{background-color:rgba(206,207,208,.37);padding:2px;border-radius:2px}.ant-message,.ant-modal,.ant-popover{font-size:inherit!important}.musicDrawer .ant-drawer-header{display:none}.musicDrawer .ant-drawer-body{padding:1em 0;overflow:hidden;background-color:#fff}.musicDrawer .ant-drawer-content{border-radius:5px 0 0 5px}.musicDrawer .ant-drawer-content-wrapper{max-width:30em}.chatDrawer{position:absolute!important}.chatDrawer .ant-drawer-body{padding:1em 0;position:relative;overflow:hidden}.chatDrawer .ant-drawer-header{display:none}.chatDrawer .ant-drawer-content-wrapper{max-width:26em}.chatDrawer .ant-drawer-content{border-radius:0 5px 5px 0}.settingDrawer{position:absolute!important}.settingDrawer .ant-drawer-body{padding:1em 0;position:relative;overflow:hidden}.settingDrawer .ant-drawer-header{display:none}.settingDrawer .ant-drawer-content-wrapper{max-width:26em}.settingDrawer .ant-drawer-content{border-radius:5px 0 0 5px}.myMusicPopover .ant-popover-inner-content{padding:.3em}.myMusicPopover .ant-popover-inner{border-radius:6px}.musicOptionsDiv{text-align:center;width:8em}.musicOptions{margin:0;padding:.4em;cursor:pointer}.musicOptions:hover{background-color:#faebd7}.settingTemplate{position:absolute;width:100%;height:100%;top:0;padding:1em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:1.2em}.settingPageTitle{font-size:1.2em;letter-spacing:.3em;text-align:center;margin-bottom:.6em;border-bottom:2px solid rgba(123,119,119,.11);padding-bottom:.5em}.settingPageTitle p{margin:0}.settingItem{display:grid;grid-template-columns:5em auto;padding:.5em 1em .5em 0;-webkit-column-gap:.5em;-moz-column-gap:.5em;column-gap:.5em}.settingTitle{text-align:center;font-size:1em;-webkit-align-self:center;align-self:center}.settingTitle:after{content:":";margin-left:.4em;opacity:.5}.myPopoverMsg{top:-2.5em!important}.myPopoverMsg .ant-popover-inner{border-radius:10px;box-shadow:none}.myPopoverMsg .ant-popover-arrow{display:none}.myPopoverMsg .ant-popover-inner-content{padding:.5em .9em;color:var(--colorL1)}.avatarSign .ant-popover-inner-content{color:var(--colorR3)!important}.commonModal .ant-modal-content{border-radius:15px;background-color:var(--colorL4);background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/dotBg.png)}.ant-modal-mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.commonModal .ant-modal-close{display:none}.commonModal .ant-modal-body{padding:1em;font-size:inherit}.commonModal .ant-modal{width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;top:8em}.btnTypeSafe{background:var(--colorB4)}.btnTypeDanger{background:var(--colorR3)}.ant-slider-handle,.ant-slider-track{background-color:var(--colorO1)!important}.ant-slider-handle{border:2px solid var(--colorO1)!important}.ant-slider:hover{border-color:var(--colorO1)!important}.playerDiv{grid-area:main;width:100%;height:100%;position:absolute;border:solid var(--colorL4);border-width:.5em .5em 2.2em;box-sizing:border-box}.reactPlayer{box-shadow:var(--boxShadow1);position:absolute;background:rgba(0,0,0,.64);border-radius:1px}.movieFlowBtnDiv{height:15em}.blackInput{background-color:var(--colorL4);border-radius:5px}.blackInput textarea{background-color:transparent}.movieUserList{justify-self:center;align-self:center;position:relative;grid-area:f}.bottom1em{bottom:1em}.textFont1{color:var(--colorFont1)}.roomInfoDiv2{display:grid;grid-template-rows:80% auto}.movieTitle{position:absolute;bottom:-1.5em;left:1em;color:var(--colorL1);font-size:1.2em}.movieTitle span{font-size:.7em;color:var(--colorL2);margin-left:1em}.footerSmaller{grid-template-rows:auto 3em}.playlistTemplate{position:absolute;width:100%;height:100%;padding:0 .5em;display:grid;grid-template-rows:2.5em auto}.playlistTitleDiv{grid-row:1/2;display:grid;grid-template-columns:1fr auto 1fr;grid-column-gap:.5em}.playlistTitleDiv p{margin:0;font-size:1.2em;text-align:center;color:var(--colorL2);font-weight:bolder;grid-column:2/3;line-height:2em}.playlistNumberDesc{position:relative;font-size:.9em;left:-.5em;top:-.5em;color:var(--colorR2)}.playListItemsDiv{grid-row:2/3}.footerBarMovie,.playListItemsDiv{position:absolute;width:100%;height:100%}.footerBarMovie{bottom:0;background-color:rgba(68,68,68,.48)}.footerBarGridMovie{display:grid;grid-template-rows:100%;justify-items:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;grid-template-areas:". i b";padding:2px 0}.footerInputDiv2{grid-area:i;position:relative;width:90%;height:90%;border-radius:4px;background-color:var(--colorL3);padding:3px 7px;margin:0 1em}.footerInputDiv2 .ant-mentions-focused,.footerInputDiv2 .ant-mentions:hover{box-shadow:none}.footerInput2{width:100%;height:100%;border:none;font-size:1.5em}.footerInput2 textarea{overflow:hidden;background-color:var(--colorL4);width:100%!important;height:100%!important}.sendBtn2{position:relative;top:0!important}.moviePlayBtnDiv{position:absolute;right:0;bottom:-2em;width:2em;height:2em}.drawing-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px;font-family:Arial,sans-serif}.drawing-container h2{margin-bottom:20px;color:#333}.canvas-container{position:relative;margin-bottom:20px;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:4px;overflow:hidden}.drawing-canvas{display:block;background-color:#fff;cursor:crosshair;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.1)}.drawing-controls{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;max-width:800px;padding:10px;background-color:#f5f5f5;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button-group,.drawing-controls{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.button-group{gap:10px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 5px}.action-section,.tools-section{gap:10px}.action-section,.tool-button,.tools-section{display:-webkit-box;display:-webkit-flex;display:flex}.tool-button{-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:6px 10px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:all .3s;transition:all .3s;min-width:70px}.tool-button:hover{background-color:#0b7dda}.tool-button.active,.tool-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.tool-button.active{background-color:#4caf50}.tool-button.active:hover{background-color:#45a049}.tool-icon{display:block;width:20px;height:20px;margin-right:5px;background-size:contain;background-repeat:no-repeat;background-position:50%}.pen-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>')}.fox-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34a.996.996 0 0 0-1.41 0L9 12.25 11.75 15l8.96-8.96a.996.996 0 0 0 0-1.41z"/></svg>')}.fill-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z"/><path d="M0 20h24v4H0z" fill-opacity=".36"/></svg>')}.bucket-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21z"/><path d="M19 12c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0 8c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3z"/></svg>')}.eraser-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.14 3c-.51 0-1.02.2-1.41.59L2.59 14.73c-.78.77-.78 2.04 0 2.83L5.03 20h7.66l8.72-8.72c.79-.78.79-2.05 0-2.83l-4.84-4.86c-.39-.39-.91-.59-1.43-.59zM6.45 18L4.03 15.58l8.5-8.5 2.44 2.44-8.51 8.49z"/></svg>')}.save-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2v9.67z"/></svg>')}.undo-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/></svg>')}.clear-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>')}.undo-button{background-color:#ff9800}.undo-button:hover{background-color:#f57c00}.undo-button:disabled{cursor:not-allowed}.undo-button:disabled,.undo-button:disabled:hover{background-color:#bdbdbd;-webkit-transform:none;transform:none;box-shadow:none}.clear-button{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:6px 10px;background-color:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;-webkit-transition:all .3s;transition:all .3s;min-width:70px}.clear-button:hover{background-color:#d32f2f;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}@media (max-width:850px){.drawing-canvas{width:100%!important;height:auto!important}}.control-group.compact{gap:8px;margin:8px 0}.color-preview-container,.control-group.compact{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.color-preview-container{cursor:pointer;padding:8px;border-radius:6px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.color-preview-container:hover{background-color:rgba(0,0,0,.05)}.color-preview{width:32px;height:32px;border-radius:50%;border:2px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.color-preview:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15)}.color-label{font-size:12px;color:#666;margin-top:4px;font-weight:500}.color-palette-popup{position:fixed;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:16px;min-width:280px;border:1px solid #e0e0e0}.color-palette-popup:before{border-bottom:8px solid #fff;top:-8px;display:var(--show-bottom-arrow,block)}.color-palette-popup:after,.color-palette-popup:before{content:"";position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;left:var(--arrow-left,50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.color-palette-popup:after{border-top:8px solid #fff;bottom:-8px;display:var(--show-top-arrow,block)}.color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:16px}.color-block{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease;position:relative}.color-block:hover{-webkit-transform:scale(1.2);transform:scale(1.2);border-color:#333;box-shadow:0 2px 8px rgba(0,0,0,.3)}.color-block.selected{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.color-block.selected:after{content:"✓";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.custom-color-section{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #e0e0e0}.custom-color-section label{font-size:14px;color:#333;font-weight:500;white-space:nowrap}.color-picker{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;background:none;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:6px;overflow:hidden}.color-picker::-webkit-color-swatch{border:none;border-radius:6px;width:100%;height:100%}.color-picker:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.color-palette-popup{min-width:240px;padding:12px}.color-palette{grid-template-columns:repeat(6,1fr);gap:6px}.color-block{width:20px;height:20px}.custom-color-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;gap:8px}}.test-chat-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;width:100%;background-color:#f5f5f5}.test-controls{padding:16px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10}.test-info{margin-top:8px;font-size:14px;color:#666}.test-info p{margin:4px 0}.test-chat-page{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;overflow:hidden}.test-chat-page .chatPageTemplate{position:absolute;top:0;left:0;width:100%;height:100%}.homePage{background-color:var(--colorY4);position:absolute;width:100%;height:100%}.homePageGrid{display:grid;grid-template-columns:1fr 50% 1fr;grid-template-rows:10% auto}.hpTitleDiv{grid-row:2/3;grid-column:2/3;width:100%;text-align:center;font-family:serif,SimSun}.hpTitleFlex .title1{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;display:inline-block;padding:0;font-size:4em}.hpTitleDiv .title2,.hpTitleFlex .title1{letter-spacing:.2em;margin:0;font-weight:700;color:var(--colorL1)}.hpTitleDiv .title2{font-size:3em}.hpTitleFlex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hpEnterBtn{font-size:1.7em;letter-spacing:.2em;width:8em;height:2em;font-weight:700!important;background-color:var(--colorY1)}.hpEnterBtn:hover{color:var(--colorO4)!important;-webkit-transform:scale(1.03);transform:scale(1.03)}.hpBird{height:6em;display:inline-block;margin-top:1em;margin-bottom:1em}.hpStatInfo{margin-top:2em;font-size:1.1em;font-weight:700;color:var(--colorL1)}.hpStatVal{margin-left:.4em}.notFoundPage{width:100%;height:100%;position:relative}.notFoundPage img{width:16em;bottom:0;position:absolute;left:3em}.notFoundTextDiv{text-align:center;position:absolute;width:100%;top:20%;padding:1em}.notFoundTextDiv h1{font-size:8em;letter-spacing:.3em;font-weight:700;margin:0;color:var(--colorRed1)}.notFoundTextDiv h2{color:var(--colorR2);font-size:2em}body,html{width:100%;height:100%;margin:0;border:none;outline:none}:root{--zindexDrawer:100;--zindexMenuBar:80;--zindexModal:200;--zindexContextMenu:300;--boxShadow1:0 6px 16px 0 rgba(0,0,0,0.08),0 3px 6px -4px rgba(0,0,0,0.12),0 9px 28px 8px rgba(0,0,0,0.05);--colorRed1:#f97879;--colorYello:#fceabc;--colorY1:#cfba86;--colorY2:#dab395;--colorY3:#efbe94;--colorY4:#f5e9c9;--colorO1:#efa55a;--colorO2:#ebd087;--colorO3:#f7e58e;--colorO4:#f5f09c;--colorG1:#5e7669;--colorG2:#7bb574;--colorG3:#8db796;--colorG4:#9ed1ad;--colorG5:#bffa85;--colorB1:#7289bd;--colorB2:#8aa9d4;--colorB3:#a7bee0;--colorB4:#93cefa;--colorB5:#6a9dff;--colorR1:#de8988;--colorR2:#e08994;--colorR3:#d76c77;--colorW1:#685e5d;--colorW2:#917e6e;--colorW3:#b79581;--colorP1:#34415b;--colorP2:#4b5969;--colorP3:#71738b;--colorP4:#6c7f92;--colorL1:#27231e;--colorL2:#6a6f6e;--colorL3:#bac6cc;--colorL4:#f2f3f2;--colorWhiteBG:#fff;--colorFont1:var(--colorL1);--colorFont2:var(--colorL2)}#router{width:100%;height:100%;position:fixed}#siteInfo{width:1px;height:1px;overflow:hidden;position:absolute;bottom:0}.inputError{border:1px solid red;box-shadow:0 0 3px 1px #ff5f5f}.comBtn{display:inline-block;text-align:center;color:#fff;border:2px solid #000;box-shadow:inset 0 -6px 0 0 rgba(0,0,0,.33);border-radius:11px;font-weight:500;cursor:pointer;-webkit-transition:.2s;transition:.2s}.comBtn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.comTextOverflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.comPosAbs{position:absolute}.comScrollDiv{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--colorL3) var(--colorL4)}.comFullAbsDiv{position:absolute;width:100%;height:100%}.comBlurMask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.37)}.comModalCard{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);border-radius:12px;border:0;background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/dotBg.png)}.comFull{width:100%;height:100%}.comBgcYl{background-color:var(--colorYello)!important}.comBgRd{background-color:var(--colorRed1)!important}.comBgBl{background-color:var(--colorB4)!important}.comBgSnow{background-image:url(https://nichijou-1300531302.cos.ap-guangzhou.myqcloud.com/obj/snow1.png)}.comMessage .ant-message-notice-content{font-size:1.3em;border-radius:.3em;background-color:var(--colorL4);color:var(--colorL1);padding:.3em .8em .3em .4em}.comMessage .comMessageIcon{height:1.5em;margin-right:.6em;position:relative;top:-.2em}.ant-switch-checked{background:var(--colorO1)}.mySelect .ant-select-selector{border-radius:5px!important;border:1px solid var(--colorL3)!important;box-shadow:none!important}.chatPhotoDiv{width:10em}