#font_f {display: -webkit-flex; /* Safari */display: flex;height: 400px;width: calc(100%);flex-wrap: wrap;align-content: space-around;}  .keyword {width: 530px;height: auto;border-top: none;position: absolute;top: 310px;left: 50%;margin-left: -265px;z-index: -1;font-size: medium;display: none;overflow-y: hidden;border-radius: 15px;transition: .25s;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);}  .keyword div {overflow: hidden;clear: both;width: 520px;height: 30px;padding-right: 10px;text-indent: 20px;line-height: 30px;cursor: pointer;background: var(--w-alpha-10);color: rgba(255, 255, 255, .8);border-bottom: solid 1px transparent;transition: .25s var(--cubic-bezier);}  .keyword .action {text-indent: 30px;background: #b5b5b5 !important;}  .input[data-v-372f3368] {position: absolute;top: 200px;left: calc(50% - 100px);width: 200px;outline: none;border: none;padding: 13px 15px;border-radius: 30px;font-size: smaller;font-weight: 400;font-family: microsoft yahei, sans-serif;text-align: center;background-color: hsla(0, 0%, 100%, .25);box-shadow: 0 0 10px rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);transition: background-color .25s, box-shadow .25s, left .25s, opacity .25s, top .25s, width .25s}  .aplayer.aplayer-fixed .aplayer-body {bottom: 120px;z-index: 999999999;}  #aplayer, .aplayer-body {bottom: 120px !important;}  .aplayer-lrc {top: 10px !important;}  #disappare {border-radius: 5px;background: #49b1f5;font-size: 14px;width: 190px;height: 54px;position: fixed;top: 35px;right: 45px;background-color: #49b1f5;color: #FFFFFF;}  #disappare p {text-align: center;line-height: 25px;}  #changeBg {position: absolute;top: 50%;left: 50%;width: 600px;height: 400px;background-color: #FFFFFF;transform: translate(-50%, -50%);text-align: center;border-radius: 8px;}  #changeBg p {font-size: 30px;font-weight: 1000;margin-bottom: 0px;}  #chBgUrl {width: 70%;height: 30px;font-size: 24px;}  #changeBg input[type="button"] {width: 30%;height: 30px;margin: 30px;background-color: #49B1F5;color: #fff;border: none;outline: none;border-radius: 6px;}  #changeBg div {margin: 10px;font-size: 16px;}  #changeBg div a {text-decoration: none;color: #49B1F5;}  #changeBg button {width: 30%;height: 30px;margin: 0 30px;background-color: #49B1F5;color: #fff;border: none;outline: none;border-radius: 6px;}  @media screen and (max-width:600px) {  .keyword {top: 200px;margin-left: -40%;width: 80%;}  .keyword div {font-size: medium;width: 100%;}  .input[data-v-372f3368] {top: 170px;font-size: medium;padding: 9px 15px;width: 180px;left: calc(50% - 105px)}  }  .input[data-v-372f3368]:hover {background-color: hsla(0, 0%, 100%, .6);box-shadow: 0 0 10px rgba(0, 0, 0, .3);left: calc(50% - 265px);width: 530px}  .input.focus[data-v-372f3368] {background-color: hsla(0, 0%, 100%, .9);box-shadow: 0 0 10px rgba(0, 0, 0, .2);left: calc(50% - 265px);width: 530px}  @media screen and (max-width:600px) {  .input.focus[data-v-372f3368] {left: 10%;top: 100px;width: 270px;left: calc(50% - 150px)}  }  .input[data-v-372f3368]::-moz-placeholder, textarea[data-v-372f3368]::-moz-placeholder {color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, .3);-moz-transition: all .25s;transition: all .25s}  .input[data-v-372f3368]:-ms-input-placeholder, textarea[data-v-372f3368]:-ms-input-placeholder {color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, .3);-ms-transition: all .25s;transition: all .25s}  .input[data-v-372f3368]::placeholder, textarea[data-v-372f3368]::placeholder {color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, .3);transition: all .25s}  .input[data-v-372f3368]:hover::-moz-placeholder {color: #646464;text-shadow: 0 0 10px transparent}  .input[data-v-372f3368]:hover:-ms-input-placeholder {color: #646464;text-shadow: 0 0 10px transparent}  .input[data-v-372f3368]:hover::placeholder {color: #646464;text-shadow: 0 0 10px transparent}  .input.focus[data-v-372f3368]::-moz-placeholder {color: transparent;text-shadow: 0 0 10px transparent}  .input.focus[data-v-372f3368]:-ms-input-placeholder {color: transparent;text-shadow: 0 0 10px transparent}  .input.focus[data-v-372f3368]::placeholder {color: transparent;text-shadow: 0 0 10px transparent}  #tips{position: absolute;padding: 0 14px 14px 14px;text-align: center;width: 300px;height: 80px;background:#ffffff;top: 10px;right: 0;border-radius: 10px;transform: translateX(310px);opacity: 0.7;}  #tips:hover{animation-name: tipsanimation;animation-duration: 1s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}  #tips span{ /*color: #FFFFFF;*/position: relative;margin-top: 10px;font-size: 15px;display: inline-block;}  @keyframes tipsanimation { 0%   {transform: translateX(225);} 25%  {transform: translateX(150);} 50%  {transform: translateX(75);} 100% {transform: translateX(0);} }  .videobox{ /*z-index: -99999;*/position: absolute;width: 100%;height: 100%;object-fit: cover;transition: opacity 1s,transform .25s,filter .25s;}  .bgbox {z-index: -3;-o-object-fit: cover;object-fit: cover;transition: opacity 1s, transform .25s, filter .25s}  .bgbox, .cover {position: fixed;left: 0;top: 0;width: 100%;height: 100%}  .cover[data-v-372f3368] {display: none;z-index: -1;background-image: radial-gradient(transparent 0, rgba(0, 0, 0, .5) 100%), radial-gradient(transparent 33%, rgba(0, 0, 0, .3) 166%);transition: all .25s}  #section[data-v-372f3368] {display: none;opacity: 0;position: absolute;top: 220px;left: 50%;margin-left: -130px;width: 260px;text-align: center;transition: all .25s}  @media screen and (max-width:600px) {  #section[data-v-372f3368] {top: 110px}  }  .sectionBox[data-v-372f3368] {position: relative;padding: 30px;padding-top: 5px;padding-bottom: 5px;font-size: 14px;margin-left: 5px;margin-right: 5px;background-color: hsla(0, 0%, 100%, .1);border-radius: 20px;transition: all .25s;cursor: pointer}  .action[data-v-372f3368] {background-color: hsla(0, 0%, 100%, .3);cursor: default}  input[type=file][data-v-0323b33d] {display: none}  .titleBold[data-v-0323b33d] {font-family: microsoft yahei, sans-serif;font-size: 15px;font-weight: 700}  .bgCusBoxR[data-v-0323b33d] {position: absolute;display: inline-block;margin-left: 20px;margin-top: 8px}  .bgCusBoxR .pTitleS[data-v-0323b33d] {line-height: 8px}  #contentGSet[data-v-0323b33d] {width: calc(100% - 140px)}  .page-scroll[data-v-0323b33d] {width: 100%;height: 400px;overflow: hidden}  .navbox[data-v-6d779121] {-webkit-animation: fadeIn .25s linear;animation: fadeIn .25s linear;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: transparent;display: none;transition: all .25s}  .navbox0[data-v-6d779121] {position: absolute;margin-top: 200px;left: calc(50% - 330px);width: 690px;height: 250px;overflow: hidden}  @media screen and (max-width:600px) {  .navbox0[data-v-6d779121] {width: 100%;left: 0;margin-left: 0;margin-top: 170px}  }  .navboxes[data-v-6d779121] {position: absolute;width: 100%;overflow: hidden;transition: all .25s}  #navboxCus[data-v-6d779121] {left: -100%;height: 200px}  #navbox1[data-v-6d779121] {left: 0;height: 250px}  #navbox2[data-v-6d779121] {left: 100%;color: #fff;height: 100%}  .navboxSwitch[data-v-6d779121], .navboxTmp[data-v-6d779121] {position: absolute;left: 50%;width: 650px;margin-left: -325px;text-align: center}  .navboxSwitch[data-v-6d779121] {z-index: 50;top: 500px}  @media screen and (max-width:1370px) {  .navboxSwitch[data-v-6d779121] {top: auto;bottom: 100px}  }  .navboxTmp[data-v-6d779121] {bottom: 200px}  #noteListWrap[data-v-6d779121] {position: absolute;left: -200px;width: 190px;height: 237.32px;overflow: hidden;border-radius: 15px;transition: all .25s;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px)}  #noteList[data-v-6d779121] {position: absolute;width: 222px;height: 237.32px;background-color: transparent;overflow-x: hidden}  .noteItem[data-v-6d779121] {position: relative;display: block;left: 0;width: 190px;padding: 10px;padding-left: 20px;font-size: medium;border-bottom: 1px solid hsla(0, 0%, 100%, .1);transition: all .25s;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-delay: 0s;animation-delay: 0s}  .noteItem.current[data-v-6d779121] {border-left: 5px solid #70c000}  .noteItem[data-v-6d779121]:hover {background-color: hsla(0, 0%, 100%, .1)}  .noteItem[data-v-6d779121]:active {background-color: hsla(0, 0%, 100%, .2)}  .noteTitle[data-v-6d779121] {display: inline-block;width: 150px;height: 17.6px;overflow: hidden;margin-bottom: -3.6px}  #noteTitle0[data-v-6d779121] {position: absolute;top: 10px;margin-left: 5px}  .noteTime[data-v-6d779121] {font-size: 10px;color: hsla(0, 0%, 100%, .3)}  #iconAdd[data-v-6d779121] {font-size: medium}  #textNote[data-v-6d779121] {position: absolute;left: 0;width: 660px;height: calc(100vh - 370px);color: #000;font-family: microsoft yahei light, microsoft yahei, Helvetica, sans-serif, 等线;font-size: medium;background-color: hsla(0, 0%, 100%, .6);resize: none;padding: 10px 10px 10px 20px;border-width: initial;border-style: none;border-color: initial;-o-border-image: initial;border-image: initial;outline: none;border-radius: 15px;transition: all .25s ease 0s}  @media screen and (max-width:600px) {  #textNote[data-v-6d779121] {left: 5%;width: 90%}  }  [data-v-6d779121]::-webkit-scrollbar {width: 5px}  #textNote[data-v-6d779121]::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .15);border-radius: 3px}  #textNote[data-v-6d779121]::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, .3)}  textarea[data-v-6d779121]::-webkit-input-placeholder {color: rgba(0, 0, 0, .5)}  textarea[data-v-6d779121]::-moz-placeholder {color: rgba(0, 0, 0, .6)}  textarea[data-v-6d779121]:hover::-webkit-input-placeholder {color: rgba(0, 0, 0, .7)}  textarea[data-v-6d779121]:hover:-moz-placeholder, textarea[data-v-6d779121]:hover::-moz-placeholder {color: rgba(0, 0, 0, .8)}  textarea[data-v-6d779121]:hover::-ms-input-placeholder {color: rgba(0, 0, 0, .7)}  #noteToolBar[data-v-6d779121] {position: absolute;display: none;left: 210px;top: 210px;width: 100px}  .toolBarBtns[data-v-6d779121] {margin-left: 5px;color: hsla(0, 0%, 100%, .35);cursor: pointer;transition: all .25s}  .toolBarBtns[data-v-6d779121]:hover {color: hsla(0, 0%, 100%, .6)}  .toolBarBtns[data-v-6d779121]:active {color: hsla(0, 0%, 100%, .8)}  #iconPin[data-v-6d779121] {position: absolute;transform: rotate(35deg)}  .nbSwitch[data-v-6d779121] {position: absolute;width: 24px;height: 20px;left: 50%;cursor: pointer}  .nbSwitch .current[data-v-6d779121] {background-color: hsla(0, 0%, 100%, .5)}  .nbSwitch span[data-v-6d779121] {position: absolute;width: 20px;height: 4px;top: 8px;left: 2px;background-color: hsla(0, 0%, 100%, .3);transition: all .25s;border-radius: 3px}  .nbSwitch:hover span[data-v-6d779121] {background-color: hsla(0, 0%, 100%, .5)}  .nbSwitch:active span[data-v-6d779121] {background-color: #70c000}  #nbSwitch0[data-v-6d779121], #nbSwitch1[data-v-6d779121] {margin-left: -25px}  #nbSwitch2[data-v-6d779121] {margin-left: 1px}  td[data-v-6d779121] {word-break: keep-all}  .navboxCustom[data-v-6d779121] {height: 100%;margin: 0 auto;max-width: 660px;text-align: center;color: #fff;font-size: 0;overflow-y: auto;transition: all .25s}  @media screen and (max-width:600px) {  .navboxCustom[data-v-6d779121] {left: 5%;margin-left: 0;width: 90%}  }  @media screen and (min-width:600px) and (max-width:900px) {  .navboxCustom[data-v-6d779121] {margin-left: -250px;width: 500px}  }  @media screen and (max-height:600px) {  .navboxCustom[data-v-6d779121] {bottom: 110px}  }  @media screen and (max-height:550px) {  .navboxCustom[data-v-6d779121] {display: none}  }  .customNav[data-v-6d779121] {position: relative;display: inline-block;width: 80px;height: 80px;margin: 25px;margin-top: 10px;margin-bottom: 40px;border-radius: 10px;text-align: center;background-color: #cdcdcd;cursor: pointer;transition: background-color .35s}  @media screen and (max-width:600px) {  .customNav[data-v-6d779121] {width: 20%}  }  @media screen and (min-width:600px) and (max-width:900px) {  .customNav[data-v-6d779121] {width: 20%}  }  .customNav[data-v-6d779121]:hover {background-color: hsla(0, 0%, 100%, .5)}  .customNav:hover>.iconAddNav[data-v-6d779121] {color: rgba(0, 0, 0, .5)}  .customNav[data-v-6d779121]:active {background-color: hsla(0, 0%, 100%, .9)}  .customNav.added[data-v-6d779121] {background-color: hsla(0, 0%, 100%, .5)}  .customNav.added[data-v-6d779121]:hover {background-color: hsla(0, 0%, 100%, .7)}  .customNav.added:hover>.cusNavTitle[data-v-6d779121] {color: #000}  .customNav.added[data-v-6d779121]:active {background-color: hsla(0, 0%, 100%, .9)}  .customNav.added>.iconAddNav[data-v-6d779121] {opacity: 0}  .cusNavTitle[data-v-6d779121] {bottom: -25px;color: #fff;font-size: 13px;left: 5%;overflow: hidden;position: absolute;text-align: center;text-overflow: ellipsis;transition: all .25s;white-space: nowrap;width: 90%}  .presetNavArea .cusNavIcon[data-v-6d779121] {width: 26px;height: 26px;margin-top: -13px;margin-left: -13px;border-radius: 0;font-size: 26px}  .cusNavIcon[data-v-6d779121] {position: absolute;top: 50%;left: 50%;width: 24px;height: 24px;margin-top: -12px;margin-left: -12px;border: none;border-radius: 3px;background-position: 50%;background-size: contain;background-repeat: no-repeat;transition: all .25s;-webkit-touch-callout: none;-webkit-user-drag: none}  .btnSettings[data-v-16250c5d], .btnUser[data-v-16250c5d] {width: 20px;height: 20px;-webkit-animation: fadeIn .25s linear;animation: fadeIn .25s linear;display: none;position: absolute;top: 30px;background-color: transparent;color: hsla(0, 0%, 100%, .35);font-size: 22px;cursor: pointer;transition: all .25s}  .btnSettings[data-v-16250c5d] {right: 50px}  @media screen and (max-width:600px) {  .btnSettings[data-v-16250c5d] {right: 20px;top: 10px}  }  .btnUser[data-v-16250c5d] {right: 90px}  @media screen and (max-width:600px) {  .btnUser[data-v-16250c5d] {right: 60px;top: 10px}  }  .btnSettings[data-v-16250c5d]:hover {color: hsla(0, 0%, 100%, .65);transform: rotate(60deg)}  .btnUser[data-v-16250c5d]:hover {color: hsla(0, 0%, 100%, .65)}  .btnSettings[data-v-16250c5d]:active, .btnUser[data-v-16250c5d]:active {color: hsla(0, 0%, 100%, .8)}  #menuCusNav[data-v-16250c5d], #menuSearch[data-v-16250c5d], #menuSettings[data-v-16250c5d], #menuUser[data-v-16250c5d], #tipBoxCopyPaste[data-v-16250c5d] {display: none;opacity: 0;transform: scale(.5);position: absolute;width: 160px;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, .1);transition: all .25s;overflow: hidden}  #menuUser[data-v-16250c5d] {right: 90px;top: 65px;transform-origin: 95% 10%}  @media screen and (max-width:600px) {  #menuUser[data-v-16250c5d] {right: 60px;top: 45px}  }  #menuSettings[data-v-16250c5d] {right: 50px;top: 65px;transform-origin: 95% 10%}  @media screen and (max-width:600px) {  #menuSettings[data-v-16250c5d] {right: 20px;top: 45px}  }  #menuCusNav[data-v-16250c5d] {width: 140px}  #menuSearch[data-v-16250c5d] {z-index: 99;background-color: #fff}  .searchMenuItem[data-v-16250c5d], .userMenuItem[data-v-16250c5d] {padding-left: 20px;padding-top: 12px;padding-bottom: 12px;font-size: 11px;transition: all .25s}  .userMenuItem[data-v-16250c5d]:hover {background-color: rgba(0, 0, 0, .1)}  .userMenuItem[data-v-16250c5d]:active {background-color: rgba(0, 0, 0, .2)}  .time[data-v-413b3398] {position: absolute;width: 100px;left: 50%;margin-left: -47.5px;top: 100px;text-align: center;transition: all .25s}  h1[data-v-413b3398] {color: #fff;font-size: 36px;font-weight: inherit;text-shadow: 0 0 20px rgba(0, 0, 0, .35);cursor: pointer;transition: all .25s;-webkit-animation-name: delayedFadeIn;animation-name: delayedFadeIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-delay: 0s;animation-delay: 0s}  @media screen and (max-width:600px) {  h1[data-v-413b3398] {font-size: 27px}  }  h1[data-v-413b3398]:hover:after {transform: scaleX(1)}  @media screen and (max-width:600px) {  h1[data-v-413b3398]:hover:after {width: 80%;bottom: 15px;left: 10%}  }  h1[data-v-413b3398]:active {color: hsla(0, 0%, 100%, .6)}  .motto[data-v-9a6ca6ce] {position: absolute;top: 100%;margin-top: -200px;width: 100%;font-size: small;text-align: center;cursor: default;transition: all .5s;-webkit-animation-name: delayedFadeIn;animation-name: delayedFadeIn;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-delay: 0s;animation-delay: 0s}  @media screen and (max-width:600px) {  .motto[data-v-9a6ca6ce] {top: 550px;font-size: .7em;width: 80%;left: 50%;margin-left: -40%}  }  @media screen and (min-width:600px) and (max-width:900px) {  .motto[data-v-9a6ca6ce] {font-size: medium;margin-top: -15%}  }  @media screen and (max-height:550px) {  .motto[data-v-9a6ca6ce] {display: none}  }  .bg[data-v-9a6ca6ce] {z-index: -1;opacity: 0;position: absolute;left: 0;width: 100%;height: 100%;background-image: linear-gradient(130deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, 0));transition: all .5s}  .content[data-v-9a6ca6ce] {color: hsla(0, 0%, 100%, .9);text-shadow: 0 0 20px rgba(0, 0, 0, .8);transition: all .25s}  .author[data-v-9a6ca6ce] {opacity: 0;color: rgba(0, 0, 0, .9);transition: all .25s}  .motto[data-v-9a6ca6ce]:hover {color: rgba(0, 0, 0, .9)}  .motto:hover .bg[data-v-9a6ca6ce] {opacity: 1}  .motto:hover .content[data-v-9a6ca6ce] {color: rgba(0, 0, 0, .9);text-shadow: 0 0 20px transparent}  .motto:hover .author[data-v-9a6ca6ce] {opacity: 1}  .links[data-v-130e7003] {text-decoration: none;cursor: pointer;transition: all .25s}  .links[data-v-130e7003], a.links[data-v-130e7003]:link, a.links[data-v-130e7003]:visted {color: hsla(0, 0%, 100%, .6)}  a.links[data-v-130e7003]:hover {color: #fff}  a.links[data-v-130e7003]:active {color: hsla(0, 0%, 100%, .6)}  .footer[data-v-130e7003] {position: absolute;top: 100%;margin-top: -30px;width: 100%;font-size: 12px;color: hsla(0, 0%, 100%, .6);text-align: center;text-shadow: 0 0 20px rgba(0, 0, 0, .8)}  #container[data-v-92caa45e] {height: 900px}  .icon-youxiang:before {content: "\e662"}  .icon-taiyang:before {content: "\e65a"}  .icon-yueliang:before {content: "\e611"}  .icon-bilibili:before {content: "\e619"}  .icon-yunpan:before {content: "\e66f"}  .icon-weibiaoti-:before {content: "\e604"}  .icon-yinyue:before {content: "\e600"}  .icon-bizhi:before {content: "\e60b"}  .icon-fanyi:before {content: "\e6da"}  .icon-tubiao_ditu:before {content: "\e68a"}  .icon-tupian:before {content: "\e6ce"}  .icon-baidu1:before {content: "\e6bb"}  .icon-baidu:before {content: "\e654"}  .icon-biying:before {content: "\e8c9"}  .icon-guge:before {content: "\e613"}  .icon-shezhi:before {content: "\e603"}  .icon-ren:before {content: "\e63e"}  .icon-search:before {content: "\e680"}  .icon-didian:before {content: "\e605"}  .icon-jia:before {content: "\e7e8"}  .icon-jian:before {content: "\e7e9"}  .icon-xing:before {content: "\e60c"}  .icon-back:before {content: "\e635"}  .icon-cart:before {content: "\e69b"}  body {max-width: 100%;overflow: hidden;margin: 0;font-family: microsoft yahei light, microsoft yahei, pingfang sc, Helvetica, sans-serif, 等线;background-color: #333;background-repeat: no-repeat;background-size: cover;background-position: 50%;cursor: default;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}  @font-face {  font-family: iconfont;  src: url(../fonts/iconfont.6237ecaa.eot);  src: url(../fonts/iconfont.6237ecaa.eot?#iefix) format("embedded-opentype"), url(../fonts/iconfont.84cf88c4.woff2) format("woff2"), url(../fonts/iconfont.84745807.woff) format("woff"), url(../fonts/iconfont.7e83532d.ttf) format("truetype"), url(../img/iconfont.1a915f7f.svg#iconfont) format("svg")  }  .iconfont {font-family: iconfont !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}  .input::-moz-placeholder, textarea::-moz-placeholder {color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, .3);-moz-transition: all .25s;transition: all .25s}  .input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, .3);-ms-transition: all .25s;transition: all .25s}  .input::placeholder, textarea::placeholder {color: #fff;text-shadow: 0 0 10px rgba(0, 0, 0, .3);transition: all .25s}  .cover1 {z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .35);display: none;opacity: 0;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);perspective: 1000px}  .cover1, .popUp {position: absolute;transition: all .25s}  .popUp {z-index: 100;width: 600px;height: 500px;top: 50%;margin-top: -250px;left: 50%;margin-left: -300px;background-color: #fff;font-size: medium;border-radius: 20px;overflow: hidden;box-shadow: 0 10px 20px rgba(0, 0, 0, .05);transform: rotate3d(1, 1, 0, 90deg)}  #popAbout, #popAccount, #popBg, #popCompleteReg, #popDonate, #popFeedback, #popGeneralSettings, #popLogin, #popWelcome {display: none;opacity: 0}  .btnClose {z-index: 99;position: absolute;width: 20px;height: 20px;top: 40px;right: 40px;cursor: pointer}  .btnClose:after, .btnClose:before {content: "";position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background-color: #b4b4b4;transition: all .25s}  .btnClose:before {transform: rotate(45deg)}  .btnClose:after {transform: rotate(-45deg)}  .btnClose:hover:after, .btnClose:hover:before {background-color: #70c000}  .btnClose:active:after, .btnClose:active:before {background-color: rgba(112, 192, 0, .5)}  .btnCloseS {z-index: 99;position: absolute;width: 12px;height: 12px;top: 12px;right: 12px;cursor: pointer;opacity: 0;transition: all .25s}  .btnCloseS:after, .btnCloseS:before {content: "";position: absolute;height: 1px;width: 100%;top: 50%;left: 0;margin-top: -1px;background-color: #a0a0a0;transition: all .25s}  .btnCloseS:before {transform: rotate(45deg)}  .btnCloseS:after {transform: rotate(-45deg)}  .btnCloseS:hover:after, .btnCloseS:hover:before {background-color: #d6002a}  .btnCloseS:active:after, .btnCloseS:active:before {background-color: rgba(214, 0, 42, .5)}  .pTitle {position: relative;left: 70px;top: 40px;font-size: 25px;font-family: microsoft yahei bold, microsoft yahei, Helvetica, sans-serif, 等线}  .pTitle.centerAligned {width: 100%;left: 0;top: 70px;text-align: center}  .pTitleU {z-index: -1;position: absolute;margin-top: -5px;width: 35px;height: 5px;background-color: #70c000}  .pTitleU.centerAligned {left: 50%;margin-left: -25px}  .pContent {position: relative;left: 70px;top: 60px;width: 460px;height: 400px;overflow-y: auto;scrollbar-color: rgba(0, 0, 0, .1) #fff}  .pContent.centerAligned {width: 80%;left: 10%;top: 65px;text-align: center}  #pVersion {font-size: 11px;color: rgba(0, 0, 0, .5)}  .pAbout {font-size: 12px;color: rgba(0, 0, 0, .8)}  #changeLog {border-top: 1px solid rgba(112, 192, 0, .6);margin: 0 5%}  #changeLog>iframe {height: 220px;width: 100%}  .pContent::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .1);border-radius: 3px}  .pContent::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, .2)}  .links1 {text-decoration: none;cursor: pointer;transition: all .25s}  .links1, .links1:link, .links1:visted {color: #70c000 !important}  .links1:hover {color: #508c00 !important}  .links1:active {color: #376400 !important}  .switch {position: relative;float: right;display: block;width: 60px;height: 34px;transform: scale(.6)}  .switch input {display: none}  .slider {cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;border-radius: 34px;background-color: #ccc}  .slider, .slider:before {position: absolute;transition: .25s}  .slider:before {content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;border-radius: 50%;background-color: #fff}  input:active+.slider {background-color: #bbb}  input:checked+.slider {background-color: #70bf00}  input:checked:active+.slider {background-color: #61a600}  input:checked+.slider:before {transform: translateX(26px)}  .setOptCaption {position: absolute;top: 8px;font-size: medium}  .setOptComment {position: absolute;top: 28px;color: rgba(0, 0, 0, .5);font-size: 11px}  .bgPreviewBox {position: relative;display: inline-block;margin-top: 10px;margin-right: 6px;left: 0;width: 135px;height: 90px;background-color: rgba(0, 0, 0, .05);border-radius: 6px;overflow: hidden}  .bgPreBoxInner, .bgPreBoxMask {position: absolute;width: 100%;height: 100%;background-color: transparent;transition: all .25s;background-position: 50%;background-size: cover}  .bgPreBoxInner:hover {transform: scale(1.1)}  .bgPreBoxInner:hover>.bgPreBoxMask {background-color: rgba(0, 0, 0, .2)}  .bgPreBoxInner:active>.bgPreBoxMask {background-color: rgba(0, 0, 0, .4)}  .bgPreBoxInner.selected:active>.bgPreBoxMask, .bgPreBoxInner.selected:hover>.bgPreBoxMask, .bgPreBoxInner.selected>.bgPreBoxMask {background-color: rgba(0, 0, 0, .5)}  .bgPreBoxInner.unset:active>.bgPreBoxMask, .bgPreBoxInner.unset:hover>.bgPreBoxMask {background-color: transparent}  .bgPreBoxInner.selected, .bgPreBoxInner.selected:active, .bgPreBoxInner.selected:hover, .bgPreBoxInner.unset:hover {transform: scale(1)}  #bgPreBoxIn1 {background-image: url(https://fastly.jsdelivr.net/gh/MobiusBeta/assets/images/BG_A_Default_1.jpg)}  #bgPreBoxIn2 {background-image: url(https://fastly.jsdelivr.net/gh/MobiusBeta/assets/images/BG_A_Default_2.jpg)}  #bgPreBoxIn3 {background-image: url(https://fastly.jsdelivr.net/gh/MobiusBeta/assets/images/BG_A_Default_3.jpg)}  #bgPreBoxInLive {background-image: url(https://fastly.jsdelivr.net/gh/MobiusBeta/assets/images/BG_A_Live_1.jpg)}  #btnBrowse {position: unset}  #contentFeedback p {margin-top: 0}  .feedbackItem {position: relative;top: 5px;margin-top: 15px}  .feedbackItem div {margin-top: 7px;color: rgba(0, 0, 0, .7)}  .btnRectangle {position: relative;top: 35px;left: 25%;width: 50%;height: 35px;border: none;outline: none;border-radius: 5px;background-color: #70bf00;color: #fff;font-size: medium;transition: all .25s;font-family: microsoft yahei light;cursor: pointer}  #imgWC {left: 50%}  .btnRectangle2 {display: inline-block;position: relative;top: 40px;padding: 10px;padding-left: 30px;padding-right: 30px;margin-right: 10px;border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;transition: all .25s;cursor: pointer}  .btnRectangle2:hover {background-color: rgba(0, 0, 0, .05)}  .btnRectangle2:active {background-color: rgba(0, 0, 0, .1)}  @media screen and (max-width:600px) {  .bgbox, body {background-size: auto}  .popUp {width: 90%;margin-left: -45%}  .btnClose {top: 30px;right: 30px}  .pContent, .pTitle {left: 10%;width: 80%}  #contentGSet {width: 80%}  #bgPreBoxLive, #bgTitleDynamic {display: none}  #popWelcome {overflow-y: scroll}  .btnRectangle {margin-bottom: 100px}  .contentBlock {width: 100% !important}  #marqueeBar {top: calc(50% - 7.6px);font-size: 11px}  #tp-weather-widget {bottom: auto;left: 20px;top: 10px}  .bgCusBoxR .pTitleS {display: none}  #btnBrowse {margin-top: 15px}  .footer {font-size: .7em}  }  @media screen and (min-width:600px) and (max-width:900px) {  .bgbox, body {background-size: auto;background-position: 50%;background-attachment: fixed}  }  @font-face {  font-family: pr1;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/1.woff2");  font-style: normal;  font-weight: 500;  font-display: swap;  }  @font-face {  font-family: pr2;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/2.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr3;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/3.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr4;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/4.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr5;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/5.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr6;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/6.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr7;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/7.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr8;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/8.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr9;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/9.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr10;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/10.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr11;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/11.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr12;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/12.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr13;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/13.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr14;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/14.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr15;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/15.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr16;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/16.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr17;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/17.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr18;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/18.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr19;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/19.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: pr20;  src: url("https://npm.elemecdn.com/bugjava-owo@1.0.1/Fonts-main/20.woff2");  font-style: normal;  font-weight: 300;  font-display: swap;  }  @font-face {  font-family: 'SentyGoldenBell';  font-style: normal;  font-weight: normal;  font-display: swap;  src: url(https://fastly.jsdelivr.net/gh/inkss/common@1/fonts/canva/SentyGoldenBell.woff2) format('woff2');  }  @font-face {  font-family: 'HYMiaoHunTiJ';  font-style: normal;  font-weight: normal;  font-display: swap;  src: url(https://fastly.jsdelivr.net/gh/inkss/common@1/fonts/canva/HYMiaoHunTiJ.woff2) format('woff2');  }  @font-face {  font-family: 'HYRunYuan';  font-style: normal;  font-weight: normal;  font-display: swap;  src: url(https://fastly.jsdelivr.net/gh/inkss/common@1/fonts/canva/HYRunYuan.woff2) format('woff2');  }  @font-face {  font-family: 'MaShanZheng';  font-style: normal;  font-weight: normal;  font-display: swap;  src: url(https://fastly.jsdelivr.net/gh/inkss/common@1/fonts/canva/MaShanZheng-Regular.woff2) format('woff2');  }  @font-face {  font-family: 'SentyTEA';  font-style: normal;  font-weight: normal;  font-display: swap;  src: url(https://fastly.jsdelivr.net/gh/inkss/common@1/fonts/canva/SentyTEA.woff2) format('woff2');  }  @font-face {  font-family: 'SentySnowMountain';  font-style: normal;  font-weight: normal;  font-display: swap;  src: url(https://fastly.jsdelivr.net/gh/inkss/common@1/fonts/canva/SentySnowMountain.woff2) format('woff2');  }  @font-face {  font-family: 'SentyTriumphCalligraphy';  font-style: normal;  font-weight: 1000;  font-display: swap;  src: url(https://fastly.jsdelivr.net/gh/inkss/common@1/fonts/canva/SentyTriumphCalligraphy.woff2) format('woff2');  }