body{overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{width:8px;z-index:9999}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes masked-animation{0%{background-position-x:100%}to{background-position-x:0%}}.anim{background-image:linear-gradient(-135deg,#3778e5,#e98bc0,#3778e5,#e98bc0,#3778e5);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-size:200% 100%;animation:masked-animation 3s infinite linear}#app{width:100%;height:100%}@font-face{font-family:HarmonyOS;src:url(/assets/fonts/HarmonyOS_Sans_SC_Regular.a5de96f.woff);font-weight:400}@font-face{font-family:HarmonyOS;src:url(/assets/fonts/HarmonyOS_Sans_SC_Bold.74ff623.woff);font-weight:700}html{font-size:69.074px;font-family:Microsoft YaHei,微软雅黑,MicrosoftJhengHei,华文细黑,STHeiti,MingLiu,sans-serif;word-spacing:1px;-webkit-text-size-adjust:100%;overflow:hidden;height:100%}body{width:100%;height:100%;min-height:100%;position:relative;overflow:auto;font-size:.24rem;background-color:#fff}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}a{color:#000;text-decoration:none}li{list-style:none}video{object-fit:contain}.container *{-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;border:none}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-slide{flex-shrink:0;width:100%;position:relative;transition-property:transform,-webkit-transform}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform,-webkit-transform;box-sizing:content-box}.fade-enter-to,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.swiper-slide-active .home-index-slg,.swiper-slide-active .home-index-action,.swiper-slide-active .scroll-tip{transform:translateY(0)}.swiper-slide-prev .home-index-slg{transform:translateY(-1.4rem)}.swiper-slide-prev .home-index-action,.swiper-slide-prev .scroll-tip{transform:translateY(-1rem)}.home-swiper,.swiper-slide,.swiper-wrapper{height:100%}.home-join-tabs,.join-jobs-tabs,.join-jobs-list,.join-jobs-banner,.scroll-tip,.join-weal{-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;-o-transition:transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.fp-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about-intro__vision-title,.about-intro__mihoyo-title,.about-history-title,.about-honor-title{position:relative;margin-bottom:.4rem;font-size:.24rem;font-weight:700;color:#242933}.about-intro__vision-title b,.about-intro__mihoyo-title b,.about-history-title b,.about-honor-title b{position:absolute;left:1.04rem;bottom:-.16rem;font-size:.1rem;font-weight:400;color:#ccc;letter-spacing:.1em;text-transform:uppercase;font-family:HarmonyOS,Arial,Helvetica,sans-serif}.about-intro__mihoyo-desc p{margin-bottom:.1rem}.about-intro__mihoyo-desc strong{color:#3778e5;font-weight:700}.home-about-container>div{position:absolute;left:50%;top:0;transform:translate(-50%)}.scroll-btn{z-index:9999;position:relative;display:flex;flex-direction:column;align-items:center;width:1rem;cursor:pointer}.scroll-btn__arrow{position:relative;width:.08rem;height:.3rem;margin-top:.1rem;overflow:hidden}.scroll-btn__arrow img{position:absolute;top:0;width:.08rem;transform:translateY(-50%);animation:scrollmove 1.4s ease-in-out .4s infinite}.scroll-btn__line{width:0;height:.8rem;margin-top:.1rem;border-right:2px solid #333}@keyframes scrollmove{0%{transform:translateY(-150%)}80%{transform:translateY(300%)}to{transform:translateY(300%)}}.aside-decoration{position:absolute;top:.9rem;right:0;width:1.76rem;transition:transform 1.5s,opacity 1.5s;transform:translate(1.5rem);opacity:0}.swiper-slide-active .aside-decoration{transform:translate(0);opacity:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}