.popup-fade-enter-active{animation:popup-fade-in .3s;transition:all .3s}.popup-fade-leave-active{animation:popup-fade-out .3s;transition:all .3s}.popup-up-enter-active{animation:popup-up-in .3s;transition:all .3s}.popup-up-leave-active{animation:popup-up-out .3s;transition:all .3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}@keyframes popup-up-in{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes popup-up-out{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}.fade-down-enter-active{animation:fade-down-in .3s;transition:all .3s}.fade-down-leave-active{animation:fade-down-down .3s;transition:all .3s}@keyframes fade-down-in{0%{opacity:0;transform:translate3d(0,20%,0)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate3d(0,20%,0)}}.slide-enter-active{animation:slide-in .3s}.slide-leave-active{animation:slide-in .3s reverse}@keyframes slide-in{0%{transform:translate3d(0,100vh,0)}to{transform:translateZ(0)}}.fade-up-down-enter-active{transition:all .2s ease-out}.fade-up-down-leave-active{transition:all .2s ease-in}.fade-up-down-enter,.fade-up-down-leave-to{opacity:0;transform:translate3d(0,60%,0)}.toast-enter-active{animation:ToastBounce .2s both}.toast-leave-active{animation:ToastBounce .2s reverse both}@keyframes ToastBounce{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.9,.9,.9)}16%{transform:scale3d(.95,.95,.95)}32%{transform:scaleX(1)}48%{opacity:1;transform:scale3d(.95,.95,.95)}64%{transform:scale3d(.9,.9,.9)}80%{transform:scale3d(.95,.95,.95)}to{opacity:1;transform:scaleX(1)}}.stick-enter-active{animation:bounce-in .52s ease-in,fadeout .52s linear .52s}@keyframes bounce-in{0%{transform:scale(2);opacity:0}77%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media screen and (min-width:1100px){.slogan p{color:red}}:root{--base-bg-color:#fff;--adaptation-width:1920}@font-face{font-family:DS-DIGI;src:url(https://link.staratelier.games/static/iconfont/DS-DIGI.ttf) format("truetype")}.my-font{font-family:Righteous-Regular}button{background:none;color:inherit;font:inherit;text-align:inherit}.sr-only-ignore2vw{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.main{margin:0 auto;overflow-y:scroll;overflow-x:hidden;position:relative;min-height:100vh;font-family:Righteous-Regular,PingFang SC;-webkit-user-select:none;user-select:none;background-position:50%}.nav-bar-ignore2vw[data-v-1a4bbe41]{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:0 calc(200/var(--adaptation-width)*100vw) 0 calc(100/var(--adaptation-width)*100vw)}.nav-bar-ignore2vw.right100[data-v-1a4bbe41]{padding-right:calc(100/var(--adaptation-width)*100vw)}.nav-bar-ignore2vw[data-v-1a4bbe41]{height:calc(132/var(--adaptation-width)*100vw)}.nav-bar-ignore2vw.bg[data-v-1a4bbe41]{background:linear-gradient(180deg,#031539,rgba(3,21,57,0))}.nav-bar-ignore2vw .logo-h1[data-v-1a4bbe41]{display:flex;align-items:center;margin:0}.nav-bar-ignore2vw .logo-icon[data-v-1a4bbe41]{width:calc(265/var(--adaptation-width)*100vw);margin-left:calc(-20/var(--adaptation-width)*100vw)}.nav-bar-ignore2vw .share-icon[data-v-1a4bbe41]{display:block;width:calc(48/var(--adaptation-width)*100vw);margin-right:calc(30/var(--adaptation-width)*100vw);margin-left:calc(50/var(--adaptation-width)*100vw);cursor:pointer}.nav-bar-ignore2vw .share-icon img[data-v-1a4bbe41]{display:block;width:100%;height:auto}.nav-bar-ignore2vw .utb-link[data-v-1a4bbe41]{display:block;width:calc(48/var(--adaptation-width)*100vw);cursor:pointer}.nav-bar-ignore2vw .utb-link img[data-v-1a4bbe41]{display:block;width:100%;height:auto}.nav-bar-ignore2vw .nav[data-v-1a4bbe41]{display:flex;justify-content:center;box-sizing:border-box}.nav-bar-ignore2vw .nav .nav-item[data-v-1a4bbe41]{cursor:pointer;display:flex;margin-left:calc(32/var(--adaptation-width)*100vw);align-items:center}.nav-bar-ignore2vw .nav .nav-item[data-v-1a4bbe41]:first-child{margin-left:0}.nav-bar-ignore2vw .nav .nav-item .nav-item-img[data-v-1a4bbe41]{width:calc(12/var(--adaptation-width)*100vw);height:calc(12/var(--adaptation-width)*100vw);margin-right:calc(6/var(--adaptation-width)*100vw);opacity:0}.nav-bar-ignore2vw .nav .nav-item .nav-item-img.nav-item-img-active[data-v-1a4bbe41]{opacity:1}.nav-bar-ignore2vw .nav .nav-item .nav-item-title-icon[data-v-1a4bbe41]{font-weight:500;font-size:16px;line-height:16px;color:#fff}.nav-bar-ignore2vw .nav .nav-item .nav-item-title-icon.hover-color[data-v-1a4bbe41]{color:#2ee2e6}.page-foot-ignore2vw[data-v-36415410]{position:relative;width:100%;box-sizing:border-box}.page-foot-ignore2vw .logo-bg[data-v-36415410]{position:absolute;top:calc(200/var(--adaptation-width)*100vw);right:calc(30/var(--adaptation-width)*100vw);width:calc(400/var(--adaptation-width)*100vw);height:calc(400/var(--adaptation-width)*100vw);background:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/footer/mobile/logo.png) no-repeat 50%/100% 100%}.page-foot-ignore2vw .top-container[data-v-36415410]{background:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/footer/1773630061837-bg.png) no-repeat 0 0/100% auto;padding-top:calc(212/var(--adaptation-width)*100vw);padding-left:calc(120/var(--adaptation-width)*100vw);padding-bottom:calc(120/var(--adaptation-width)*100vw);width:100%}.page-foot-ignore2vw .top-container .title-img1[data-v-36415410]{display:block;width:calc(773/var(--adaptation-width)*100vw);height:auto}.page-foot-ignore2vw .top-container .title-img2[data-v-36415410]{display:block;width:calc(595/var(--adaptation-width)*100vw);height:auto;margin-top:calc(33/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .top-container .line[data-v-36415410]{width:calc(1293/var(--adaptation-width)*100vw);height:1px;background:hsla(0,0%,100%,.1);margin:calc(56/var(--adaptation-width)*100vw) 0 calc(44/var(--adaptation-width)*100vw) 0}.page-foot-ignore2vw .top-container .desc[data-v-36415410]{font-size:16px;font-weight:400;color:hsla(0,0%,100%,.6);line-height:28px;margin-bottom:calc(90/var(--adaptation-width)*100vw);text-align:left}.page-foot-ignore2vw .top-container .btn-group[data-v-36415410]{display:flex;grid-gap:calc(140/var(--adaptation-width)*100vw);gap:calc(140/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .top-container .btn-item[data-v-36415410]{font-size:16px;font-weight:400;color:#fff;display:flex;align-items:center;padding-left:calc(31/var(--adaptation-width)*100vw);cursor:pointer;box-sizing:border-box;background:url(https://link.staratelier.games/static/img/btn-bg.c77b1685.png?_bid=1005388) no-repeat 0;background-size:100% 100%;width:calc(400/var(--adaptation-width)*100vw);height:calc(60/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .top-container .notice[data-v-36415410]{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.6);line-height:14px;margin-top:calc(20/var(--adaptation-width)*100vw);margin-left:calc(540/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .bottom-container[data-v-36415410]{width:100%;padding-top:calc(60/var(--adaptation-width)*100vw);padding-bottom:calc(80/var(--adaptation-width)*100vw);padding-left:calc(120/var(--adaptation-width)*100vw);box-sizing:border-box;color:#fff;position:relative}.page-foot-ignore2vw .bottom-container .logo[data-v-36415410]{position:absolute;top:50%;transform:translateY(-50%);right:calc(120/var(--adaptation-width)*100vw);width:calc(230/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .bottom-container .nav-links[data-v-36415410]{display:flex;align-items:center;font-size:16px;font-weight:600}.page-foot-ignore2vw .bottom-container .nav-links span[data-v-36415410]{cursor:pointer}.page-foot-ignore2vw .bottom-container .nav-links a[data-v-36415410]{color:inherit}.page-foot-ignore2vw .bottom-container .nav-links .separator[data-v-36415410]{margin:0 calc(10/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .bottom-container .info-links[data-v-36415410]{display:flex;align-items:center;font-size:16px;font-weight:600;margin-top:calc(30/var(--adaptation-width)*100vw);margin-bottom:calc(40/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .bottom-container .info-links span[data-v-36415410]{cursor:pointer}.page-foot-ignore2vw .bottom-container .info-links a[data-v-36415410]{color:inherit}.page-foot-ignore2vw .bottom-container .info-links .separator[data-v-36415410]{margin:0 calc(10/var(--adaptation-width)*100vw)}.page-foot-ignore2vw .bottom-container .copyright[data-v-36415410]{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.6);line-height:26px}.character-page-ignore2vw[data-v-a4902f16]{box-sizing:border-box;padding-right:100px;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:9999;background-color:#020f2b}.character-page-ignore2vw .character-page-container[data-v-a4902f16]{box-sizing:border-box;width:100%;background-color:#020f2b;background-image:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/roleDetail/bg-img1.png),url(https://link.staratelier.games/static/img/bg-img2.9f756e9e.png?_bid=1005388),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/role/light-bg1.png),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/role/light-bg2.png),url(https://link.staratelier.games/static/img/top-bg.9266c011.png?_bid=1005388);background-size:calc(671/var(--adaptation-width)*100vw) auto,calc(129/var(--adaptation-width)*100vw) auto,calc(1061/var(--adaptation-width)*100vw) auto,calc(1177/var(--adaptation-width)*100vw) auto,100% auto;background-position:top calc(200/var(--adaptation-width)*100vw) center,top calc(865/var(--adaptation-width)*100vw) left,top calc(400/var(--adaptation-width)*100vw) left,top calc(2100/var(--adaptation-width)*100vw) right,top;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat}.character-page-ignore2vw .title[data-v-a4902f16]{font-weight:700;font-size:60px;line-height:129px;color:#fff;text-align:center;margin-top:calc(150/var(--adaptation-width)*100vw)}.character-page-ignore2vw .detail-container[data-v-a4902f16]{position:relative;width:100%;height:auto}.character-page-ignore2vw .desc[data-v-a4902f16]{font-size:16px;font-weight:400;line-height:28px;color:#fff;text-align:center;margin-top:calc(50/var(--adaptation-width)*100vw);margin-bottom:calc(80/var(--adaptation-width)*100vw)}.character-page-ignore2vw .rank-tab-container[data-v-a4902f16]{width:100%;display:flex;justify-content:center;align-items:center}.character-page-ignore2vw .rank-tab-container .rank-tab-item[data-v-a4902f16]{width:calc(100/var(--adaptation-width)*100vw);margin-right:calc(40/var(--adaptation-width)*100vw);cursor:pointer;transition:all .2s}.character-page-ignore2vw .rank-tab-container .rank-tab-item[data-v-a4902f16]:last-child{margin-right:0}.character-page-ignore2vw .rank-tab-container .rank-tab-item .rank-tab-item-img[data-v-a4902f16]{display:block;width:100%;height:auto}.character-page-ignore2vw .rank-title[data-v-a4902f16]{text-align:center;font-size:40px;font-weight:700;line-height:48px;color:#fff;margin-top:calc(150/var(--adaptation-width)*100vw);margin-bottom:calc(37/var(--adaptation-width)*100vw)}.character-page-ignore2vw .character-item-container[data-v-a4902f16]{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;grid-gap:calc(110/var(--adaptation-width)*100vw);gap:calc(110/var(--adaptation-width)*100vw)}.character-page-ignore2vw .character-item-container .character-item-wrap[data-v-a4902f16]{position:relative;width:calc(380/var(--adaptation-width)*100vw);height:calc(578/var(--adaptation-width)*100vw);cursor:pointer}.character-page-ignore2vw .character-item-container .character-item-img-wrap[data-v-a4902f16]{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.character-page-ignore2vw .character-item-container .character-item[data-v-a4902f16]{position:absolute;left:0;bottom:0;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:bottom center}.character-page-ignore2vw .character-item-container .character-item-base[data-v-a4902f16]{z-index:0;transition:opacity .2s ease}.character-page-ignore2vw .character-item-container .character-item-hover[data-v-a4902f16]{z-index:1;opacity:0;transition:opacity .2s ease}.character-page-ignore2vw .character-item-container .character-item-wrap:hover .character-item-base[data-v-a4902f16]{opacity:0}.character-page-ignore2vw .character-item-container .character-item-wrap:hover .character-item-hover[data-v-a4902f16]{opacity:1}.character-page-ignore2vw .character-list-container-wrap[data-v-a4902f16]{border-top:1px solid hsla(0,0%,100%,.1);margin-top:calc(80/var(--adaptation-width)*100vw);padding-bottom:calc(200/var(--adaptation-width)*100vw);position:relative;background-image:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/role/circle-bg.png);background-size:calc(868/var(--adaptation-width)*100vw) auto;background-position:100% 0 calc(-300/var(--adaptation-width)*100vw);background-repeat:no-repeat}.page-foot[data-v-03a0b45c]{position:relative;width:100%;box-sizing:border-box;padding-bottom:8vw}.page-foot .logo-bg[data-v-03a0b45c]{position:absolute;width:27.73333vw;height:27.73333vw;top:13.33333vw;right:5.33333vw;background:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/footer/mobile/logo.png) no-repeat 50%/100% 100%}.page-foot .top-container[data-v-03a0b45c]{background:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/footer/mobile/1775103708029-bg.png) no-repeat top/100% auto;padding:16.8vw 5.33333vw 16vw;width:100%;box-sizing:border-box}.page-foot .top-container .title-img1[data-v-03a0b45c]{display:block;width:49.86667vw;height:auto}.page-foot .top-container .title-img2[data-v-03a0b45c]{display:block;width:38.4vw;height:auto;margin-top:2.13333vw}.page-foot .top-container .line[data-v-03a0b45c]{width:100%;height:.8px;background:hsla(0,0%,100%,.1);margin:9.33333vw 0 8vw}.page-foot .top-container .desc[data-v-03a0b45c]{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.6);line-height:18px;margin-bottom:10.66667vw;text-align:left}.page-foot .top-container .btn-group[data-v-03a0b45c]{display:flex;flex-direction:column;grid-gap:5.33333vw;gap:5.33333vw}.page-foot .top-container .btn-item[data-v-03a0b45c]{font-size:14px;font-weight:400;color:#fff;display:flex;align-items:center;padding-left:5.33333vw;cursor:pointer;box-sizing:border-box;background:url(https://link.staratelier.games/static/img/btn-bg.c77b1685.png?_bid=1005388) no-repeat 0;background-size:100% 100%;width:87.2vw;height:12.8vw}.page-foot .top-container .notice[data-v-03a0b45c]{font-size:11px;font-weight:400;color:hsla(0,0%,100%,.6);line-height:16px;margin-top:3.2vw}.page-foot .bottom-container[data-v-03a0b45c]{width:100%;padding:10.66667vw 5.33333vw;box-sizing:border-box;color:#fff;position:relative}.page-foot .bottom-container .logo[data-v-03a0b45c]{position:absolute;top:56.26667vw;right:5.33333vw;width:27.2vw}.page-foot .bottom-container .nav-container[data-v-03a0b45c]{display:flex;grid-gap:13.33333vw;gap:13.33333vw}.page-foot .bottom-container .nav-links[data-v-03a0b45c]{display:flex;flex-direction:column;font-size:12px;font-weight:600;line-height:14px;grid-gap:8vw;gap:8vw}.page-foot .bottom-container .nav-links span[data-v-03a0b45c]{cursor:pointer}.page-foot .bottom-container .nav-links a[data-v-03a0b45c]{color:inherit}.page-foot .bottom-container .nav-links .separator[data-v-03a0b45c]{margin:0}.page-foot .bottom-container .line[data-v-03a0b45c]{width:100%;height:.8px;background:hsla(0,0%,100%,.1);margin:10.66667vw 0 8vw}.page-foot .bottom-container .copyright[data-v-03a0b45c]{font-size:10px;font-weight:400;color:hsla(0,0%,100%,.6);line-height:14px}.character-page[data-v-7e3c9a77]{box-sizing:border-box;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:9999;background-color:#020f2b}.character-page-container[data-v-7e3c9a77]{box-sizing:border-box;width:100%;background-color:#020f2b;background-image:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/home/mobile/top-bg.png),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/roleDetail/bg-img1.png),url(https://link.staratelier.games/static/img/bg-img2.9f756e9e.png?_bid=1005388),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/home/mobile/left-bg-light.png),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/home/mobile/right-bg-light1.png),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/home/mobile/right-bg-light2.png);background-size:100% auto,auto 26.66667vw,26.93333vw auto,69.6vw auto,80.53333vw auto,84vw auto;background-position:top,top 20vw center,top 130.66667vw left,top 240vw left,top 80vw right,top 453.33333vw right;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat}.title[data-v-7e3c9a77]{font-weight:700;font-size:24px;line-height:29px;color:#fff;text-align:center;padding-top:32.8vw}.detail-container[data-v-7e3c9a77]{position:relative;width:100%;height:auto}.desc[data-v-7e3c9a77]{font-size:14px;font-weight:400;line-height:18px;color:#fff;text-align:center;margin-top:8vw;margin-bottom:12vw}.rank-tab-container[data-v-7e3c9a77]{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;grid-gap:12.53333vw;gap:12.53333vw;padding:0 13.33333vw;box-sizing:border-box}.rank-tab-item[data-v-7e3c9a77]{width:16vw;cursor:pointer}.rank-tab-item.c[data-v-7e3c9a77],.rank-tab-item.t[data-v-7e3c9a77]{margin-top:-4.8vw}.rank-tab-item .rank-tab-item-img[data-v-7e3c9a77]{display:block;width:100%;height:auto}.character-list-container-wrap .line[data-v-7e3c9a77]{width:100%;height:.8px;background:hsla(0,0%,100%,.1);margin-bottom:-2.66667vw}.character-list-container-wrap[data-v-7e3c9a77]{margin-top:10.66667vw;position:relative;padding:0 5.33333vw 21.33333vw}.rank-title[data-v-7e3c9a77]{text-align:center;font-size:20px;font-weight:700;line-height:24px;color:#fff;margin-top:13.33333vw;margin-bottom:8.53333vw}.character-item-container[data-v-7e3c9a77]{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;box-sizing:border-box;grid-gap:4.8vw;gap:4.8vw}.character-item-wrap[data-v-7e3c9a77]{position:relative;width:42.13333vw;height:56vw}.character-item-img-wrap[data-v-7e3c9a77]{position:relative;width:100%;overflow:hidden}.character-item[data-v-7e3c9a77]{width:100%;height:auto;display:block}.character-detail-page-ignore2vw[data-v-9ffc9d34]{box-sizing:border-box;padding-right:100px;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:9999;background-color:#020f2b}.character-detail-page-ignore2vw .character-detail-page-container[data-v-9ffc9d34]{box-sizing:border-box;width:100%;background-color:#020f2b;background-image:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/roleDetail/bg-img1.png);background-size:calc(671/var(--adaptation-width)*100vw) auto,100% auto;background-position:top calc(200/var(--adaptation-width)*100vw) center,top;background-repeat:no-repeat;position:relative;padding-top:calc(282/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .top-light-bg[data-v-9ffc9d34]{position:absolute;top:0;left:0;width:100%;height:600px;background:url(https://link.staratelier.games/static/img/top-bg.9266c011.png?_bid=1005388) no-repeat top/100% auto;z-index:2}.character-detail-page-ignore2vw .top-nav[data-v-9ffc9d34]{position:absolute;top:0;left:0;width:100%;z-index:10}.character-detail-page-ignore2vw .title[data-v-9ffc9d34]{font-weight:700;font-size:60px;line-height:129px;color:#fff;text-align:center}.character-detail-page-ignore2vw .detail-container[data-v-9ffc9d34]{position:relative;width:100%;height:auto;margin-top:calc(-40/var(--adaptation-width)*100vw);margin-bottom:calc(200/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-container .light-bg[data-v-9ffc9d34]{position:absolute;top:calc(1270/var(--adaptation-width)*100vw);right:0;width:calc(1182/var(--adaptation-width)*100vw);height:calc(1800/var(--adaptation-width)*100vw);background:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/roleDetail/light-bg1.png) no-repeat 50%/100% auto;z-index:1}.character-detail-page-ignore2vw .detail-bg[data-v-9ffc9d34]{width:100%;height:calc(2301/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-img[data-v-9ffc9d34]{width:calc(1500/var(--adaptation-width)*100vw);height:auto;position:absolute;top:calc(135/var(--adaptation-width)*100vw);left:calc(50/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-info[data-v-9ffc9d34]{width:calc(538/var(--adaptation-width)*100vw);height:auto;position:absolute;top:calc(1700/var(--adaptation-width)*100vw);left:calc(0/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-text[data-v-9ffc9d34]{position:absolute;top:calc(455/var(--adaptation-width)*100vw);left:65%;width:calc(625/var(--adaptation-width)*100vw);height:calc(1615/var(--adaptation-width)*100vw);overflow:hidden;box-sizing:border-box;padding-top:calc(20/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-text .detail-text-content[data-v-9ffc9d34]{width:100%;box-sizing:border-box;color:#fff;padding:calc(70/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-text .detail-series[data-v-9ffc9d34]{font-size:24px;font-weight:400;line-height:29px;color:hsla(0,0%,100%,.6);margin-bottom:calc(0/var(--adaptation-width)*100vw);letter-spacing:4px}.character-detail-page-ignore2vw .detail-text .detail-name[data-v-9ffc9d34]{font-family:"Noto Serif JP";font-weight:400;font-size:68px;line-height:98px;color:#fff}.character-detail-page-ignore2vw .detail-text .detail-cv-row[data-v-9ffc9d34]{margin-top:calc(60/var(--adaptation-width)*100vw);display:flex;align-items:center;font-size:24px;line-height:29px;font-weight:400;color:hsla(0,0%,100%,.6)}.character-detail-page-ignore2vw .detail-text .detail-cv[data-v-9ffc9d34]{flex-shrink:0}.character-detail-page-ignore2vw .detail-text .detail-voice-label[data-v-9ffc9d34]{margin-left:calc(174/var(--adaptation-width)*100vw);flex-shrink:0;display:flex;align-items:center;grid-gap:calc(20/var(--adaptation-width)*100vw);gap:calc(20/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon[data-v-9ffc9d34]{width:calc(53/var(--adaptation-width)*100vw);height:calc(28/var(--adaptation-width)*100vw);border:1px solid #2cd3e7;border-top-right-radius:calc(4/var(--adaptation-width)*100vw);border-bottom-left-radius:calc(4/var(--adaptation-width)*100vw);cursor:pointer;display:flex;align-items:center;justify-content:center}.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-bars[data-v-9ffc9d34]{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:calc(4/var(--adaptation-width)*100vw);gap:calc(4/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-bar[data-v-9ffc9d34]{width:1px;height:calc(4/var(--adaptation-width)*100vw);background:#2cd3e7;transition:background .2s}.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:first-child,.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:nth-child(8){animation:voiceBarEnter-data-v-9ffc9d34 .2s ease-out forwards,voiceBarPulse_18_4_18-data-v-9ffc9d34 .8s linear .2s infinite}.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:nth-child(2),.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:nth-child(7){animation:voiceBarEnter-data-v-9ffc9d34 .2s ease-out forwards,voiceBarPulse_15_18_4_15-data-v-9ffc9d34 .8s linear .2s infinite}.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:nth-child(3),.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:nth-child(6){animation:voiceBarEnter-data-v-9ffc9d34 .2s ease-out forwards,voiceBarPulse_11_18_4_11-data-v-9ffc9d34 .8s linear .2s infinite}.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:nth-child(4),.character-detail-page-ignore2vw .detail-text .detail-voice-label .detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-9ffc9d34]:nth-child(5){animation:voiceBarEnter-data-v-9ffc9d34 .2s ease-out forwards,voiceBarPulse_4_18_4-data-v-9ffc9d34 .8s linear .2s infinite}@keyframes voiceBarEnter-data-v-9ffc9d34{0%{height:calc(2/var(--adaptation-width)*100vw)}to{height:calc(var(--bar-height)/var(--adaptation-width)*100vw)}}@keyframes voiceBarPulse_18_4_18-data-v-9ffc9d34{0%,to{height:calc(18/var(--adaptation-width)*100vw)}50%{height:calc(4/var(--adaptation-width)*100vw)}}@keyframes voiceBarPulse_15_18_4_15-data-v-9ffc9d34{0%,to{height:calc(15/var(--adaptation-width)*100vw)}33.33%{height:calc(18/var(--adaptation-width)*100vw)}66.66%{height:calc(4/var(--adaptation-width)*100vw)}}@keyframes voiceBarPulse_11_18_4_11-data-v-9ffc9d34{0%,to{height:calc(11/var(--adaptation-width)*100vw)}33.33%{height:calc(18/var(--adaptation-width)*100vw)}66.66%{height:calc(4/var(--adaptation-width)*100vw)}}@keyframes voiceBarPulse_4_18_4-data-v-9ffc9d34{0%,to{height:calc(4/var(--adaptation-width)*100vw)}50%{height:calc(18/var(--adaptation-width)*100vw)}}.character-detail-page-ignore2vw .detail-text .detail-dialogue[data-v-9ffc9d34]{margin-bottom:calc(24/var(--adaptation-width)*100vw);font-size:30px;line-height:44px;font-weight:600;color:#fff;margin-top:calc(60/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-text .detail-description[data-v-9ffc9d34]{font-size:16px;font-weight:400;line-height:32px;color:hsla(0,0%,100%,.6)}.character-detail-page-ignore2vw .detail-text .detail-divider[data-v-9ffc9d34]{height:1px;background:hsla(0,0%,100%,.1);margin:calc(60/var(--adaptation-width)*100vw) 0;width:100%}.character-detail-page-ignore2vw .detail-text .detail-attributes[data-v-9ffc9d34]{display:flex;flex-direction:column;grid-gap:calc(35/var(--adaptation-width)*100vw);gap:calc(35/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .detail-text .detail-attr-row[data-v-9ffc9d34]{display:grid;grid-template-columns:auto 1fr;grid-gap:calc(160/var(--adaptation-width)*100vw);gap:calc(160/var(--adaptation-width)*100vw);align-items:baseline;margin:0}.character-detail-page-ignore2vw .detail-text .detail-attr-label[data-v-9ffc9d34]{width:calc(96/var(--adaptation-width)*100vw);margin:0;position:relative}.character-detail-page-ignore2vw .detail-text .detail-attr-label .detail-attr-label-bar[data-v-9ffc9d34]{position:absolute;left:0;bottom:calc(10/var(--adaptation-width)*100vw);width:100%;height:calc(10/var(--adaptation-width)*100vw);background:#567bcf;transform:translateY(100%);z-index:0}.character-detail-page-ignore2vw .detail-text .detail-attr-label .detail-attr-label-chars[data-v-9ffc9d34]{position:relative;z-index:1;display:flex;justify-content:space-between;width:100%;font-size:calc(24/var(--adaptation-width)*100vw);font-weight:500;line-height:29px;color:#fff}.character-detail-page-ignore2vw .detail-text .detail-attr-label .detail-attr-char[data-v-9ffc9d34]{flex-shrink:0}.character-detail-page-ignore2vw .detail-text .detail-attr-value[data-v-9ffc9d34]{font-size:24px;font-weight:400;line-height:29px;color:hsla(0,0%,100%,.6)}.character-detail-page-ignore2vw .character-list-container[data-v-9ffc9d34]{margin-top:calc(120/var(--adaptation-width)*100vw);position:relative}.character-detail-page-ignore2vw .character-list-container .line[data-v-9ffc9d34]{position:absolute;top:calc(-60/var(--adaptation-width)*100vw);right:calc(120/var(--adaptation-width)*100vw);width:.8px;height:calc(1090/var(--adaptation-width)*100vw);background:hsla(0,0%,100%,.1)}.character-detail-page-ignore2vw .rank-title[data-v-9ffc9d34]{text-align:center;font-size:40px;font-weight:700;line-height:48px;color:#fff;margin-bottom:calc(100/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .character-item-container[data-v-9ffc9d34]{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;grid-gap:calc(110/var(--adaptation-width)*100vw);gap:calc(110/var(--adaptation-width)*100vw)}.character-detail-page-ignore2vw .character-item-container .character-item-wrap[data-v-9ffc9d34]{position:relative;width:calc(380/var(--adaptation-width)*100vw);height:calc(578/var(--adaptation-width)*100vw);cursor:pointer}.character-detail-page-ignore2vw .character-item-container .character-item-img-wrap[data-v-9ffc9d34]{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.character-detail-page-ignore2vw .character-item-container .character-item[data-v-9ffc9d34]{position:absolute;left:0;bottom:0;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:bottom center}.character-detail-page-ignore2vw .character-item-container .character-item-base[data-v-9ffc9d34]{z-index:0;transition:opacity .35s ease}.character-detail-page-ignore2vw .character-item-container .character-item-hover[data-v-9ffc9d34]{z-index:1;opacity:0;transition:opacity .35s ease}.character-detail-page-ignore2vw .character-item-container .character-item-wrap:hover .character-item-base[data-v-9ffc9d34]{opacity:0}.character-detail-page-ignore2vw .character-item-container .character-item-wrap:hover .character-item-hover[data-v-9ffc9d34]{opacity:1}.character-detail-page-ignore2vw .rank-tab-container[data-v-9ffc9d34]{position:relative;z-index:2;margin-top:calc(160/var(--adaptation-width)*100vw);width:100%;display:flex;justify-content:center;align-items:center}.character-detail-page-ignore2vw .rank-tab-container .rank-tab-item[data-v-9ffc9d34]{width:calc(100/var(--adaptation-width)*100vw);margin-right:calc(40/var(--adaptation-width)*100vw);cursor:pointer;transition:all .2s}.character-detail-page-ignore2vw .rank-tab-container .rank-tab-item[data-v-9ffc9d34]:last-child{margin-right:0}@font-face{font-family:"Noto Serif JP";src:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/font/NotoSerifJP-Bold.ttf) format("truetype");font-style:normal}.character-detail-page[data-v-de63aab0]{box-sizing:border-box;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:9999;background-color:#020f2b}.character-detail-page-container[data-v-de63aab0]{box-sizing:border-box;width:100%;background-color:#020f2b;background-image:url(https://link.staratelier.games/s1/u/ijgeeedaa/game/home/mobile/top-bg.png),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/roleDetail/bg-img1.png),url(https://link.staratelier.games/s1/u/ijgeeedaa/game/home/mobile/right-bg-light2.png);background-size:100% auto,auto 26.66667vw,84vw auto;background-position:top,top 20vw center,top 98.66667vw right;background-repeat:no-repeat,no-repeat,no-repeat}.title[data-v-de63aab0]{font-weight:700;font-size:24px;line-height:29px;color:#fff;text-align:center;padding-top:32.8vw}.detail-container[data-v-de63aab0]{position:relative;width:100%;height:auto;margin-bottom:22.66667vw}.detail-visual[data-v-de63aab0]{width:100%;overflow:hidden;display:flex;justify-content:center}.detail-img[data-v-de63aab0]{width:106.66667vw;height:auto;display:block}.detail-text[data-v-de63aab0]{width:100%;box-sizing:border-box;padding:0 5.33333vw 16vw;background:linear-gradient(169.48deg,rgba(2,15,43,0) 2.2%,#172a61 98.93%);margin-top:-8vw}.detail-text-content[data-v-de63aab0]{width:100%;box-sizing:border-box;color:#fff}.line[data-v-de63aab0]{width:100%;margin-bottom:10.66667vw}.detail-series[data-v-de63aab0]{font-size:14px;font-weight:400;line-height:17px;color:hsla(0,0%,100%,.6);letter-spacing:2px}.detail-name[data-v-de63aab0]{font-family:"Noto Serif JP";font-weight:900;font-size:28px;line-height:40px;color:#fff;margin:.53333vw 0 0}.detail-cv-row[data-v-de63aab0]{margin-top:8vw;display:flex;align-items:center;font-size:16px;line-height:19px;font-weight:400;color:hsla(0,0%,100%,.6)}.detail-cv[data-v-de63aab0]{flex-shrink:0}.detail-voice-label[data-v-de63aab0]{margin-left:10.66667vw;flex-shrink:0;display:flex;align-items:center;grid-gap:4.26667vw;gap:4.26667vw}.detail-voice-label-icon[data-v-de63aab0]{width:14.13333vw;height:7.46667vw;border:1px solid #2cd3e7;border-top-right-radius:1.06667vw;border-bottom-left-radius:1.06667vw;cursor:pointer;display:flex;align-items:center;justify-content:center}.detail-voice-bars[data-v-de63aab0]{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:1.06667vw;gap:1.06667vw}.detail-voice-bar[data-v-de63aab0]{width:1px;height:1.06667vw;background:#2cd3e7;transition:background .2s}.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:first-child,.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:nth-child(8){animation:voiceBarPulse1-data-v-de63aab0 .8s linear infinite}.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:nth-child(2),.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:nth-child(7){animation:voiceBarPulse2-data-v-de63aab0 .8s linear infinite}.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:nth-child(3),.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:nth-child(6){animation:voiceBarPulse3-data-v-de63aab0 .8s linear infinite}.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:nth-child(4),.detail-voice-label-icon.voice-playing .detail-voice-bar[data-v-de63aab0]:nth-child(5){animation:voiceBarPulse4-data-v-de63aab0 .8s linear infinite}@keyframes voiceBarPulse1-data-v-de63aab0{0%,to{height:12px}50%{height:4px}}@keyframes voiceBarPulse2-data-v-de63aab0{0%,to{height:10px}33.33%{height:12px}66.66%{height:4px}}@keyframes voiceBarPulse3-data-v-de63aab0{0%,to{height:8px}33.33%{height:12px}66.66%{height:4px}}@keyframes voiceBarPulse4-data-v-de63aab0{0%,to{height:4px}50%{height:12px}}.detail-dialogue[data-v-de63aab0]{margin-top:8vw;margin-bottom:5.33333vw;font-size:16px;line-height:22px;font-weight:600;color:#fff}.detail-description-line[data-v-de63aab0],.detail-dialogue-line[data-v-de63aab0]{margin:0}.detail-description[data-v-de63aab0]{font-size:14px;font-weight:400;line-height:28px;color:hsla(0,0%,100%,.6)}.detail-divider[data-v-de63aab0]{height:.8px;background:hsla(0,0%,100%,.1);margin:8vw 0 10.66667vw;width:100%}.detail-attributes[data-v-de63aab0]{display:flex;flex-direction:column;grid-gap:8vw;gap:8vw}.detail-attr-row[data-v-de63aab0]{display:grid;grid-template-columns:21.33333vw 1fr;grid-gap:21.33333vw;gap:21.33333vw;align-items:baseline;margin:0}.detail-attr-label[data-v-de63aab0]{width:16vw;margin:0;position:relative}.detail-attr-label-bar[data-v-de63aab0]{position:absolute;left:0;bottom:1.06667vw;width:100%;height:1.33333vw;background:#567bcf;transform:translateY(100%);z-index:0}.detail-attr-label-chars[data-v-de63aab0]{position:relative;z-index:1;display:flex;justify-content:space-between;width:100%;font-size:16px;font-weight:600;line-height:19px;color:#fff}.detail-attr-char[data-v-de63aab0]{flex-shrink:0}.detail-attr-value[data-v-de63aab0]{font-size:16px;font-weight:400;line-height:19px;color:hsla(0,0%,100%,.6);margin:0}.character-list-container[data-v-de63aab0]{margin-top:16vw;position:relative}.rank-title[data-v-de63aab0]{text-align:center;font-size:20px;font-weight:700;line-height:24px;color:#fff;margin-bottom:8.53333vw}.character-item-container[data-v-de63aab0]{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;box-sizing:border-box;padding:0 5.33333vw;grid-gap:5.33333vw;gap:5.33333vw}.character-item-wrap[data-v-de63aab0]{position:relative;width:calc(50% - 2.66667vw);cursor:pointer}.character-item-img-wrap[data-v-de63aab0]{position:relative;width:100%;overflow:hidden}.character-item[data-v-de63aab0]{width:100%;height:auto;display:block}.line[data-v-de63aab0]{width:89.33333vw;height:.8px;background:hsla(0,0%,100%,.1);margin:13.33333vw auto}.rank-tab-container[data-v-de63aab0]{position:relative;z-index:2;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;grid-gap:12.8vw;gap:12.8vw;padding:0 13.06667vw;box-sizing:border-box}.rank-tab-item[data-v-de63aab0]{width:16vw;cursor:pointer;transition:all .2s}.sidebar-menu-ignore2vw[data-v-33847db8]{position:fixed;top:0;right:0;width:100px;height:100vh;z-index:10002;display:flex;justify-content:flex-end;transition:width .5s ease;pointer-events:none}.sidebar-menu-ignore2vw>[data-v-33847db8]{pointer-events:auto}.sidebar-menu-ignore2vw.expanded[data-v-33847db8]{width:499px}.sidebar-menu-ignore2vw .sidebar-inner[data-v-33847db8]{width:100%;height:100%;background:#041336;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;position:relative}.sidebar-menu-ignore2vw .sidebar-vertical-text[data-v-33847db8]{-webkit-writing-mode:sideways-rl;writing-mode:sideways-rl;text-orientation:mixed;font-size:16px;font-weight:400;color:#fff;line-height:19px}.sidebar-menu-ignore2vw .sidebar-vertical-text-img[data-v-33847db8]{width:17px}.sidebar-menu-ignore2vw .sidebar-vertical-text-img img[data-v-33847db8]{width:100%;height:auto}.sidebar-menu-ignore2vw .sidebar-toggle[data-v-33847db8]{width:100px;height:100px;cursor:pointer;background:rgba(0,0,0,.16)}.sidebar-menu-ignore2vw .sidebar-toggle .toggle-img[data-v-33847db8]{width:100%;height:100%}.sidebar-menu-ignore2vw .sidebar-collapsed-content[data-v-33847db8]{width:100px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:absolute;top:0;right:0;box-sizing:border-box;padding:30px 0 60px;z-index:5;background:#041336}.sidebar-menu-ignore2vw .sidebar-expanded-content[data-v-33847db8]{width:399px;height:100%;padding:calc(70/var(--adaptation-width)*100vw);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;box-sizing:border-box;border-right:1px solid hsla(0,0%,100%,.06)}.sidebar-menu-ignore2vw .sidebar-expand-fade-enter-active[data-v-33847db8]{transition:opacity .5s ease}.sidebar-menu-ignore2vw .sidebar-expand-fade-leave-active[data-v-33847db8]{transition:opacity .2s ease}.sidebar-menu-ignore2vw .sidebar-expand-fade-enter-from[data-v-33847db8],.sidebar-menu-ignore2vw .sidebar-expand-fade-leave-to[data-v-33847db8]{opacity:0}.sidebar-menu-ignore2vw .sidebar-expand-fade-enter-to[data-v-33847db8],.sidebar-menu-ignore2vw .sidebar-expand-fade-leave-from[data-v-33847db8]{opacity:1}.sidebar-menu-ignore2vw .sidebar-nav[data-v-33847db8]{display:flex;flex-direction:column;grid-gap:calc(96/var(--adaptation-width)*100vw);gap:calc(96/var(--adaptation-width)*100vw)}.sidebar-menu-ignore2vw .sidebar-nav-item[data-v-33847db8]{font-size:36px;font-weight:500;color:#fff;line-height:43px;cursor:pointer}.sidebar-menu-ignore2vw .sidebar-nav-item[data-v-33847db8]:hover{color:#2ee2e6}.sidebar-menu-ignore2vw .sidebar-social[data-v-33847db8]{display:flex;grid-gap:34px;gap:34px;margin-top:auto}.sidebar-menu-ignore2vw .sidebar-social .social-icon[data-v-33847db8]{width:48px;height:48px;cursor:pointer}.sidebar-menu-ignore2vw .sidebar-music[data-v-33847db8]{flex-shrink:0;position:relative;width:60px;height:177px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;cursor:pointer;transition:color .2s;color:#fff;border-top-left-radius:33px;border-top-right-radius:33px;background:linear-gradient(180deg,rgba(46,226,230,.2),rgba(45,222,230,0));padding-top:30px}.sidebar-menu-ignore2vw .sidebar-music-label[data-v-33847db8]{position:relative;z-index:1;-webkit-writing-mode:sideways-lr;writing-mode:sideways-lr;font-size:14px;font-weight:500;color:#fff;transform:rotate(180deg);transition:color .2s}.sidebar-menu-ignore2vw .sidebar-music-label-img[data-v-33847db8]{width:14px;height:68px;background:url(https://link.staratelier.games/static/img/sound.060c718f.png?_bid=1005388) no-repeat 0 0/100% auto}.sidebar-menu-ignore2vw .sidebar-music-bars[data-v-33847db8]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;grid-gap:4px;gap:4px;margin-top:30px}.sidebar-menu-ignore2vw .sidebar-music-bar[data-v-33847db8]{width:4px;height:2px;background:#fff;transition:background .2s}.sidebar-menu-ignore2vw .sidebar-music.hover .sidebar-music-label-img[data-v-33847db8]{background:url(https://link.staratelier.games/static/img/sound-hover.0fff43a6.png?_bid=1005388) no-repeat 0 0/100% auto}.sidebar-menu-ignore2vw .sidebar-music.hover .sidebar-music-label[data-v-33847db8]{color:#2ee2e6}.sidebar-menu-ignore2vw .sidebar-music.hover .sidebar-music-bar[data-v-33847db8]{background:#2ee2e6}.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:first-child,.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:nth-child(8){animation:barEnter-data-v-33847db8 .2s ease-out forwards,barPulse_18_4_18-data-v-33847db8 .8s linear .2s infinite}.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:nth-child(2),.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:nth-child(7){animation:barEnter-data-v-33847db8 .2s ease-out forwards,barPulse_15_18_4_15-data-v-33847db8 .8s linear .2s infinite}.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:nth-child(3),.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:nth-child(6){animation:barEnter-data-v-33847db8 .2s ease-out forwards,barPulse_11_18_4_11-data-v-33847db8 .8s linear .2s infinite}.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:nth-child(4),.sidebar-menu-ignore2vw .sidebar-music.playing .sidebar-music-bar[data-v-33847db8]:nth-child(5){animation:barEnter-data-v-33847db8 .2s ease-out forwards,barPulse_4_18_4-data-v-33847db8 .8s linear .2s infinite}@keyframes barEnter-data-v-33847db8{0%{width:4px}to{width:var(--bar-width)}}@keyframes barPulse_18_4_18-data-v-33847db8{0%,to{width:18px}50%{width:4px}}@keyframes barPulse_15_18_4_15-data-v-33847db8{0%,to{width:15px}33.33%{width:18px}66.66%{width:4px}}@keyframes barPulse_11_18_4_11-data-v-33847db8{0%,to{width:11px}33.33%{width:18px}66.66%{width:4px}}@keyframes barPulse_4_18_4-data-v-33847db8{0%,to{width:4px}50%{width:18px}}.sidebar-menu-mobile-root[data-v-53c6f17a]{position:fixed;top:0;left:0;right:0;z-index:10002;pointer-events:none}.sidebar-menu-mobile-root>[data-v-53c6f17a]{pointer-events:auto}.sidebar-mobile-topbar[data-v-53c6f17a]{position:relative;z-index:10003;display:flex;align-items:center;justify-content:space-between;width:100%;height:11.73333vw;padding-left:3.2vw;box-sizing:border-box;background:#041336}.sidebar-mobile-topbar__tagline[data-v-53c6f17a]{margin:0;flex:1;min-width:0;padding-right:3.2vw;font-size:14px;font-weight:400;line-height:14px;color:#fff}.sidebar-mobile-topbar__trigger[data-v-53c6f17a]{flex-shrink:0;width:11.73333vw;height:11.73333vw;padding:0;border:none;display:flex;align-items:center;justify-content:center;background:#041336}.sidebar-mobile-topbar__trigger-img[data-v-53c6f17a]{display:block;width:100%;height:100%;object-fit:contain}.sidebar-mobile-drawer[data-v-53c6f17a]{position:fixed;top:calc(var(--sidebar-topbar-h) - 1px);left:0;width:100%;height:calc(100vh - 11.73333vw);height:calc(100vh - var(--sidebar-topbar-h, 11.73333vw));height:calc(100dvh - 11.73333vw);height:calc(100dvh - var(--sidebar-topbar-h, 11.73333vw));max-height:calc(100vh - 11.73333vw);max-height:calc(100vh - var(--sidebar-topbar-h, 11.73333vw));max-height:calc(100dvh - 11.73333vw);max-height:calc(100dvh - var(--sidebar-topbar-h, 11.73333vw));box-sizing:border-box;background:#041336;display:flex;flex-direction:column;padding:13.33333vw 0 0 5.33333vw;overflow-x:hidden;overflow-y:auto}.sidebar-mobile-nav[data-v-53c6f17a]{flex:1;display:flex;flex-direction:column;align-items:flex-start;grid-gap:16vw;gap:16vw;min-height:0}.sidebar-mobile-nav__item[data-v-53c6f17a]{display:block;width:100%;font-size:20px;line-height:24px;font-weight:700;color:#fff}.sidebar-mobile-nav__item.active[data-v-53c6f17a]{color:#2ee2e6}.sidebar-mobile-social[data-v-53c6f17a]{flex-shrink:0;display:flex;grid-gap:8vw;gap:8vw;align-items:center;padding-bottom:13.33333vw}.sidebar-mobile-social__icon[data-v-53c6f17a]{width:11.73333vw;height:11.73333vw}.sidebar-mobile-slide-enter-active[data-v-53c6f17a],.sidebar-mobile-slide-leave-active[data-v-53c6f17a]{transition:transform .45s cubic-bezier(.25,.8,.25,1)}.sidebar-mobile-slide-enter[data-v-53c6f17a],.sidebar-mobile-slide-leave-to[data-v-53c6f17a]{transform:translate3d(0,-100%,0)}.sidebar-mobile-slide-enter-to[data-v-53c6f17a],.sidebar-mobile-slide-leave[data-v-53c6f17a]{transform:translateZ(0)}.music-control[data-v-53c6f17a]{position:fixed;bottom:-1px;left:0;width:100%;height:26.66667vw;background:linear-gradient(180deg,rgba(2,15,43,0) 0,#172a61);z-index:10001;display:flex;pointer-events:none;padding-left:5.33333vw;padding-top:18.13333vw;box-sizing:border-box}.music-control .sidebar-mobile-music[data-v-53c6f17a]{pointer-events:auto;height:4.26667vw}.sidebar-mobile-music[data-v-53c6f17a]{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:4.26667vw;gap:4.26667vw;box-sizing:border-box;cursor:pointer;transition:color .2s;color:#fff}.sidebar-mobile-music-label[data-v-53c6f17a]{position:relative;z-index:1;font-size:14px;font-weight:500;color:#fff;line-height:16px;transition:color .2s;flex-shrink:0}.sidebar-mobile-music-bars[data-v-53c6f17a]{position:relative;z-index:1;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;grid-gap:.93333vw;gap:.93333vw}.sidebar-mobile-music-bar[data-v-53c6f17a]{width:1px;height:.93333vw;background:#fff;flex-shrink:0;transition:background .2s}.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:first-child,.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:nth-child(8){animation:sidebar-mobile-music-barEnter-data-v-53c6f17a .2s ease-out forwards,sidebar-mobile-music-barPulse_18_4_18-data-v-53c6f17a .8s linear .2s infinite}.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:nth-child(2),.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:nth-child(7){animation:sidebar-mobile-music-barEnter-data-v-53c6f17a .2s ease-out forwards,sidebar-mobile-music-barPulse_15_18_4_15-data-v-53c6f17a .8s linear .2s infinite}.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:nth-child(3),.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:nth-child(6){animation:sidebar-mobile-music-barEnter-data-v-53c6f17a .2s ease-out forwards,sidebar-mobile-music-barPulse_11_18_4_11-data-v-53c6f17a .8s linear .2s infinite}.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:nth-child(4),.sidebar-mobile-music.playing .sidebar-mobile-music-bar[data-v-53c6f17a]:nth-child(5){animation:sidebar-mobile-music-barEnter-data-v-53c6f17a .2s ease-out forwards,sidebar-mobile-music-barPulse_4_18_4-data-v-53c6f17a .8s linear .2s infinite}@keyframes sidebar-mobile-music-barEnter-data-v-53c6f17a{0%{height:4px}to{height:var(--bar-height)}}@keyframes sidebar-mobile-music-barPulse_18_4_18-data-v-53c6f17a{0%,to{height:18px}50%{height:4px}}@keyframes sidebar-mobile-music-barPulse_15_18_4_15-data-v-53c6f17a{0%,to{height:15px}33.33%{height:18px}66.66%{height:4px}}@keyframes sidebar-mobile-music-barPulse_11_18_4_11-data-v-53c6f17a{0%,to{height:11px}33.33%{height:18px}66.66%{height:4px}}@keyframes sidebar-mobile-music-barPulse_4_18_4-data-v-53c6f17a{0%,to{height:4px}50%{height:18px}}.page-transition[data-v-7d485174]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow:hidden;pointer-events:none}.transition-overlay[data-v-7d485174]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;pointer-events:none;transform:translateY(100%);background-color:#020f2b}.transition-overlay.cover[data-v-7d485174],.transition-overlay.staying[data-v-7d485174]{transform:translateY(0)}.transition-overlay.leaving[data-v-7d485174]{transform:translateY(-100%)}.transition-overlay .transition-image[data-v-7d485174]{width:120%;height:120%;object-fit:cover;display:block}.toast-tip-template-ignore2vw{z-index:100000;position:fixed;top:40vh;width:-webkit-fit-content;width:fit-content;right:50%;pointer-events:none}.toast-tip-template-ignore2vw.hide{display:none}.toast-tip-template-ignore2vw .tip-con{position:relative;left:50%;max-width:1000px;padding:13px 20px;border-radius:16px;background-color:#323333;font-family:PingFangSC;font-size:17px;text-align:center;color:#fff}.tip-slide-bottom-enter-active{animation:slide-bottom-tip .2s ease-out}.tip-slide-bottom-leave-active{animation:slide-bottom-tip .2s ease-out reverse}@keyframes slide-bottom-tip{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}