@charset "UTF-8";.h-full[data-v-0ab63ed7]{height:100%!important}.w-full[data-v-0ab63ed7]{width:100%!important}.hidden[data-v-0ab63ed7]{overflow:hidden}#app[data-v-0ab63ed7]{width:100%;height:100%;background:#ffffff}.bounce-top[data-v-0ab63ed7]{-webkit-animation:box-0ab63ed7 1s both infinite;animation:box-0ab63ed7 1s both infinite}@-webkit-keyframes box-0ab63ed7{0%{transform:translateY(-1.6666666667rem)}50%{transform:translateY(0)}to{transform:translateY(-1.6666666667rem)}}.fade-enter-active[data-v-0ab63ed7],.fade-leave-active[data-v-0ab63ed7]{will-change:opacity;transition:opacity .5s ease}.fade-enter-from[data-v-0ab63ed7],.fade-leave-to[data-v-0ab63ed7]{opacity:0}.fadeK-enter-active[data-v-0ab63ed7],.fadeK-leave-active[data-v-0ab63ed7]{will-change:opacity;transition:opacity .2s ease}.fadeK-enter-from[data-v-0ab63ed7],.fadeK-leave-to[data-v-0ab63ed7]{opacity:0}.charracter-card-enter-active[data-v-0ab63ed7],.charracter-card-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease}.charracter-card-enter-from[data-v-0ab63ed7],.charracter-card-leave-to[data-v-0ab63ed7]{opacity:0;transform:translate(2.3333333333rem)}.charracter-rou-bot-enter-active[data-v-0ab63ed7],.charracter-rou-bot-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease}.charracter-rou-bot-enter-from[data-v-0ab63ed7],.charracter-rou-bot-leave-to[data-v-0ab63ed7]{opacity:0;transform:translateY(3.3333333333rem)}.charracter-rou-top-enter-active[data-v-0ab63ed7],.charracter-rou-top-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease}.charracter-rou-top-enter-from[data-v-0ab63ed7],.charracter-rou-top-leave-to[data-v-0ab63ed7]{opacity:0;transform:translateY(-3.3333333333rem)}.charracter-students-enter-active[data-v-0ab63ed7],.charracter-students-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all 1s ease}.charracter-students-enter-from[data-v-0ab63ed7],.charracter-students-leave-to[data-v-0ab63ed7]{opacity:0;transform:translateY(3.3333333333rem)}.charracter-nameen-enter-active[data-v-0ab63ed7],.charracter-nameen-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease}.charracter-nameen-enter-from[data-v-0ab63ed7],.charracter-nameen-leave-to[data-v-0ab63ed7]{opacity:0;transform:translate(3.3333333333rem)}.charracter-namezn-enter-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease;transition-delay:.2s}.charracter-namezn-leave-active[data-v-0ab63ed7]{transition:all .5s ease}.charracter-namezn-enter-from[data-v-0ab63ed7],.charracter-namezn-leave-to[data-v-0ab63ed7]{opacity:0;transform:translate(3.3333333333rem)}.charracter-info01-enter-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease;transition-delay:.4s}.charracter-info01-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease}.charracter-info01-enter-from[data-v-0ab63ed7],.charracter-info01-leave-to[data-v-0ab63ed7]{opacity:0;transform:translate(3.3333333333rem)}.charracter-info02-enter-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all 1s ease;transition-delay:1.5s}.charracter-info02-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all 1s ease}.charracter-info02-enter-from[data-v-0ab63ed7],.charracter-info02-leave-to[data-v-0ab63ed7]{opacity:0;transform:translate(3.3333333333rem)}.charracter-info03-enter-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all 1s ease;transition-delay:2s}.charracter-info03-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all 1s ease}.charracter-info03-enter-from[data-v-0ab63ed7],.charracter-info03-leave-to[data-v-0ab63ed7]{opacity:0;transform:translate(3.3333333333rem)}.char-enter-active[data-v-0ab63ed7],.char-leave-active[data-v-0ab63ed7]{will-change:transform,opacity;transition:all .5s ease}.char-enter-from[data-v-0ab63ed7]{opacity:0;transform:translate(-6.6666666667rem)}.char-leave-to[data-v-0ab63ed7]{opacity:0;transform:translate(6.6666666667rem)}@media screen and (min-width: 829px),screen and (max-width: 828px){.loading_wrapper[data-v-0ab63ed7]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:9999;background:url(https://webcnstatic.yostar.net/bluearchive/ba-cn-3rdanniv-h5/prod/assets/bg.ba246778.png) no-repeat;background-size:cover}.loading_wrapper .avatar_img[data-v-0ab63ed7]{width:8.3333333333rem;height:10.6666666667rem}.loading_wrapper .avatar_img .hide[data-v-0ab63ed7]{position:absolute;opacity:0}.loading_wrapper .avatar_img img[data-v-0ab63ed7]{width:100%}.loading_wrapper .progress_wrapper[data-v-0ab63ed7]{display:flex;flex-direction:column;align-items:center;margin-top:.4666666667rem}.loading_wrapper .progress_wrapper .title[data-v-0ab63ed7]{font-family:TVPSVainCapitalRegular;color:#1289f9;font-size:1.2rem}.loading_wrapper .progress_wrapper .percent[data-v-0ab63ed7]{margin-top:.3666666667rem;font-size:.8666666667rem;font-family:TVPSVainCapitalRegular;color:#1289f9}}@media screen and (min-width: 829px),screen and (max-width: 828px){#app,.app-contain-wrapper,.app-contain-wrapper .app-contain{width:100%;height:100%}}@media (orientation: portrait){#app{transform-origin:center center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}}body{margin:0}*{-webkit-tap-highlight-color:transparent}ul{margin:0;padding:0;list-style:none}p{margin:0}img{vertical-align:middle;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}a{text-decoration:none;outline:none}h1,h2,h3,h4{margin:0}html,body{height:100%;height:100dvh;overflow-x:hidden}.popup-fade-enter-active,.popup-fade-leave-active{transition:opacity .3s ease}.popup-fade-enter-from,.popup-fade-leave-to{opacity:0}.h-full{height:100%!important}.w-full{width:100%!important}.hidden{overflow:hidden}#app{width:100%;height:100%;background:#ffffff}@font-face{font-family:TVPSVainCapitalRegular;src:url(https://webcnstatic.yostar.net/bluearchive/ba-cn-3rdanniv-h5/prod/assets/TVPS-Vain-Capital-2.cca90a05.ttf);font-weight:400;font-style:normal}@font-face{font-family:SourceHanSansCN-Normal;src:url(https://webcnstatic.yostar.net/bluearchive/ba-cn-3rdanniv-h5/prod/assets/SourceHanSansCN-Normal.df5ff3ec.otf);font-weight:400;font-style:normal}@font-face{font-family:JiangChengYuanTi;src:url(https://webcnstatic.yostar.net/bluearchive/ba-cn-3rdanniv-h5/prod/assets/jiangchengyuanti600W.a55ddaa8.ttf);font-weight:400;font-style:normal}@font-face{font-family:EryaXinDaHei;src:url(https://webcnstatic.yostar.net/bluearchive/ba-cn-3rdanniv-h5/prod/assets/eryaxindahei.a4a64335.ttf);font-weight:400;font-style:normal}@font-face{font-family:FZLanTYK_Cu;src:url(https://webcnstatic.yostar.net/bluearchive/ba-cn-3rdanniv-h5/prod/assets/FZLanTYK_Cu.c072cff3.ttf);font-weight:400;font-style:normal}.bounce-top{-webkit-animation:box 1s both infinite;animation:box 1s both infinite}@-webkit-keyframes box{0%{transform:translateY(-1.6666666667rem)}50%{transform:translateY(0)}to{transform:translateY(-1.6666666667rem)}}.fade-enter-active,.fade-leave-active{will-change:opacity;transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fadeK-enter-active,.fadeK-leave-active{will-change:opacity;transition:opacity .2s ease}.fadeK-enter-from,.fadeK-leave-to{opacity:0}.charracter-card-enter-active,.charracter-card-leave-active{will-change:transform,opacity;transition:all .5s ease}.charracter-card-enter-from,.charracter-card-leave-to{opacity:0;transform:translate(2.3333333333rem)}.charracter-rou-bot-enter-active,.charracter-rou-bot-leave-active{will-change:transform,opacity;transition:all .5s ease}.charracter-rou-bot-enter-from,.charracter-rou-bot-leave-to{opacity:0;transform:translateY(3.3333333333rem)}.charracter-rou-top-enter-active,.charracter-rou-top-leave-active{will-change:transform,opacity;transition:all .5s ease}.charracter-rou-top-enter-from,.charracter-rou-top-leave-to{opacity:0;transform:translateY(-3.3333333333rem)}.charracter-students-enter-active,.charracter-students-leave-active{will-change:transform,opacity;transition:all 1s ease}.charracter-students-enter-from,.charracter-students-leave-to{opacity:0;transform:translateY(3.3333333333rem)}.charracter-nameen-enter-active,.charracter-nameen-leave-active{will-change:transform,opacity;transition:all .5s ease}.charracter-nameen-enter-from,.charracter-nameen-leave-to{opacity:0;transform:translate(3.3333333333rem)}.charracter-namezn-enter-active{will-change:transform,opacity;transition:all .5s ease;transition-delay:.2s}.charracter-namezn-leave-active{transition:all .5s ease}.charracter-namezn-enter-from,.charracter-namezn-leave-to{opacity:0;transform:translate(3.3333333333rem)}.charracter-info01-enter-active{will-change:transform,opacity;transition:all .5s ease;transition-delay:.4s}.charracter-info01-leave-active{will-change:transform,opacity;transition:all .5s ease}.charracter-info01-enter-from,.charracter-info01-leave-to{opacity:0;transform:translate(3.3333333333rem)}.charracter-info02-enter-active{will-change:transform,opacity;transition:all 1s ease;transition-delay:1.5s}.charracter-info02-leave-active{will-change:transform,opacity;transition:all 1s ease}.charracter-info02-enter-from,.charracter-info02-leave-to{opacity:0;transform:translate(3.3333333333rem)}.charracter-info03-enter-active{will-change:transform,opacity;transition:all 1s ease;transition-delay:2s}.charracter-info03-leave-active{will-change:transform,opacity;transition:all 1s ease}.charracter-info03-enter-from,.charracter-info03-leave-to{opacity:0;transform:translate(3.3333333333rem)}.char-enter-active,.char-leave-active{will-change:transform,opacity;transition:all .5s ease}.char-enter-from{opacity:0;transform:translate(-6.6666666667rem)}.char-leave-to{opacity:0;transform:translate(6.6666666667rem)}html{font-size:1.5625vw}@media screen and (max-width: 1300px) and (min-width: 828px){html{font-size:1.5625vw}}@media (min-device-width: 828px) and (max-device-width: 1200px) and (orientation: portrait){html{font-size:1.5625vw}}@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){html{font-size:1.5625vw}}body{min-width:1300px}@media screen and (max-width: 828px){body{min-width:100%}}@media screen and (max-width: 1300px) and (min-aspect-ratio: 1/1){body{min-width:100%}}@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),(min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){body{min-width:100%}}