@media screen and (orientation: portrait){html{font-size:18.8125vw;touch-action:none}.body{touch-action:manipulation;touch-action:none}.pc-only{display:none !important}.mobile-only{display:block}.movie-full{width:100%;padding-top:55%}.scroll-indicator{width:9%}.nav{justify-content:space-between;height:.6rem}.nav .hamburger-menu{width:.25rem;height:.2rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:10001}.nav .hamburger-menu span{width:100%;height:.018rem;background-color:#fff;border-radius:.01rem;transition:all .3s ease}.nav .hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(0.025rem, 0.025rem)}.nav .hamburger-menu.active span:nth-child(2){opacity:0}.nav .hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(0.025rem, -0.025rem)}.mobile-side-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;visibility:hidden;opacity:0;transition:all .2s ease;font-size:.2rem}.mobile-side-menu.active{visibility:visible;opacity:1}.mobile-side-menu .menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);cursor:pointer}.mobile-side-menu .menu-content{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:.16rem .3rem}.mobile-side-menu .menu-content .menu-header{display:flex;justify-content:space-between;align-items:center;padding:.05rem 0;margin-bottom:.1rem}.mobile-side-menu .menu-content .menu-header .menu-logo{height:.5rem;object-fit:contain}.mobile-side-menu .menu-content .menu-header .close-menu{width:.22rem;height:.22rem;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative}.mobile-side-menu .menu-content .menu-header .close-menu span{position:absolute;width:100%;height:.015rem;background-color:#fff;border-radius:.01rem;transition:all .3s ease}.mobile-side-menu .menu-content .menu-header .close-menu span:nth-child(1){transform:rotate(45deg)}.mobile-side-menu .menu-content .menu-header .close-menu span:nth-child(2){transform:rotate(-45deg)}.mobile-side-menu .menu-content .menu-lang{height:.38rem;width:1.3rem;margin-bottom:.2rem}.mobile-side-menu .menu-content .menu-lang .lang{height:100%;border-radius:8px;margin-left:0;position:relative;cursor:pointer}.mobile-side-menu .menu-content .menu-lang .lang .icon{height:.16rem}.mobile-side-menu .menu-content .menu-lang .lang .text{font-size:.16rem}.mobile-side-menu .menu-content .menu-lang .lang .chevron{height:.12rem;transition:transform .3s ease}.mobile-side-menu .menu-content .menu-lang .lang:hover .chevron{transform:rotate(180deg)}.mobile-side-menu .menu-content .menu-lang .lang:hover .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.mobile-side-menu .menu-content .menu-lang .lang .lang-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;margin-top:5px;min-width:150px;max-height:300px;overflow-y:auto}.mobile-side-menu .menu-content .menu-lang .lang .lang-dropdown .lang-option{display:block;padding:12px 16px;color:#000;text-decoration:none;font-size:.14rem;transition:background-color .2s ease;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-side-menu .menu-content .menu-lang .lang .lang-dropdown .lang-option:last-child{border-bottom:none}.mobile-side-menu .menu-content .menu-lang .lang .lang-dropdown .lang-option:hover{background-color:rgba(0,0,0,.05)}.mobile-side-menu .menu-content .menu-lang .lang .lang-dropdown .lang-option span{display:block;white-space:nowrap}.mobile-side-menu .menu-content .menu-items{padding:.05rem 0;margin:.05rem 0;border-top:2px #fff solid;border-bottom:2px #fff solid}.mobile-side-menu .menu-content .menu-items .menu-item{padding:.08rem .05rem;margin:.12rem 0;font-family:Arial,Helvetica,sans-serif;cursor:pointer;transition:all .3s ease;color:#fff}.mobile-side-menu .menu-content .menu-footer{padding:.05rem 0;border-top:1px solid hsla(0,0%,100%,.2);display:flex;flex-direction:column;flex:1;justify-content:space-between}.mobile-side-menu .menu-content .menu-footer .social-links{display:flex;gap:.24rem;margin-top:.1rem;height:.2rem}.mobile-side-menu .menu-content .menu-footer .social-links a{height:100%}.mobile-side-menu .menu-content .menu-footer .social-links a:nth-child(1){height:110%}.mobile-side-menu .menu-content .menu-footer .social-links a img{height:100%;object-fit:contain;filter:brightness(0) invert(1)}.mobile-side-menu .menu-content .menu-footer .download-buttons{justify-content:flex-start;height:.45rem;gap:.13rem}.mobile-side-menu .menu-content .menu-footer .download-buttons .sub{top:3%}.mobile-side-menu.active .menu-content{transform:translateX(0)}.section-kv .value5{width:1.2rem;left:3%;top:10%;right:unset}.section-kv .parallax{position:absolute;top:0;left:0;width:100%;height:100%}.section-kv .background-img{top:0;left:0}.section-kv .background-img img{object-position:center center}.section-kv .kv-left{width:100%;top:0;left:0}.section-kv .kv-road{width:100%;height:100%;right:0}.section-kv .kv-road img{object-position:left bottom}.section-kv .kv-soldiers{width:161%;top:unset;left:-37%;bottom:13%;transform:unset}.section-kv .kv-zombies{width:100%;bottom:21%}.section-kv .kv-zhand-left{width:24%;left:0;top:unset;z-index:1;bottom:39%;z-index:1}.section-kv .kv-zhand-middle{width:59%;position:absolute;bottom:0;left:-10%}.section-kv .kv-zhand-right{width:41%}.section-kv .kv-bang{position:absolute;left:-5%;top:11.5%;width:52%}.section-kv .download-container{display:flex;flex-direction:column-reverse;align-items:center;width:90%;bottom:9%}.section-kv .download-container .kv-text{margin-bottom:.08rem;margin-top:.14rem}.section-kv .download-container .download-buttons{width:92%;height:.44rem;justify-content:space-between}.section-intro .clouds{z-index:-2}.section-intro .bg-container{position:absolute;width:200vw;height:200vh;transform:scale(0.5);transform-origin:left top;top:0%;left:5%}.section-intro .bg{width:100%;position:relative}.section-intro .bg .road{width:236%;height:88%;right:-23%;top:unset;bottom:-1%;mask-image:linear-gradient(to top, rgb(0, 0, 0) 90%, transparent 100%)}.section-intro .bg .gate-rear{top:14%;width:18.8%;right:82%;opacity:.5}.section-intro .bg .gate-front{width:88.5%;top:19.5%;right:-10.5%;opacity:.8}.section-intro .content .soldier-1{width:100%;top:61%;left:-36%}.section-intro .content .soldier-2{width:66%;right:-21%;top:21%}.section-intro .content .soldier-4{width:94%;right:-29%;bottom:-9%;top:unset}.section-intro .content .intro{width:80%}.section-intro .content .rank{width:62%;top:50%}.section-intro .content .downloads-number{width:62%;top:45%}.soldier-3{left:0%;top:66%;width:24%}.video{top:19%;left:5.2%;width:43%;height:70%}.video-title{width:34%;top:-3%;left:10%}.swiper-pagination-bullet{height:.055rem;width:.055rem}.heroes.swiper-container{opacity:0;position:absolute;height:100%;width:100%;top:0%;right:unset;overflow:visible;display:flex;flex-direction:column;justify-content:center;background-color:rgba(255,0,0,.7)}.heroes-bg{position:absolute;width:100%;height:100%;top:0;left:0}.heroes-bg img{object-fit:fill !important;width:100%;height:100%}.hero-swiper{width:100vw;height:58%}.hero-swiper .swiper-slide .item{width:53vw;mask:linear-gradient(to bottom, rgb(0, 0, 0) 47%, transparent 66%),linear-gradient(to bottom, rgb(0, 0, 0) 25%, transparent 59%)}.hero-info .hero-name{font-size:.46rem;letter-spacing:.024rem}.hero-info .hero-name span{letter-spacing:-0.024rem}.hero-info .hero-desc{font-size:.2rem;height:.22rem}.hero-info .hero-desc .hero-item{margin:0 .13rem}.swiper-button{pointer-events:all}.section-base .intro{width:80%}.section-base .road{top:13%}.section-base .road img{filter:none}.section-footer .logo{width:32%;position:absolute;left:50%;top:7%;transform:translate(-50%, 0);z-index:1;display:none}}@media screen and (orientation: portrait)and (min-height: 700px){.section-footer .logo{display:block;width:30%;top:5%}}@media screen and (orientation: portrait)and (min-height: 800px){.section-footer .logo{display:block;width:37%;top:7%}}@media screen and (orientation: portrait){.section-footer .background-img{top:0;position:relative}.section-footer .container{width:100%;height:38%;display:flex;flex-direction:column;justify-content:flex-end;background-color:#0096ff}.section-footer .footer-pc{border-radius:.08rem;bottom:-6%;width:80%}.section-footer .footer-mobile{bottom:-4%;width:21%;right:70.5%}.section-footer .community-section{bottom:31%;top:unset;width:90%}.section-footer .community-section .community-buttons{height:.5rem;margin-bottom:.4rem}.section-footer .community-section .social-media{margin-bottom:.2rem}.section-footer .community-section .social-media .social-title{font-size:.17rem}.section-footer .community-section .social-media .social-icons{gap:.16rem}.section-footer .community-section .social-media .social-icons .social-icon{height:.24rem}.section-footer .community-section .social-media .social-icons .social-icon:nth-child(2){height:.26rem !important}.section-footer .bottom{bottom:42%;gap:.4rem}.section-footer .bottom .terms,.section-footer .bottom .contact{font-size:.12rem}.popup{width:100%}.popup .container .btn{width:40%;margin-top:.16rem}.news{width:90%;position:absolute;top:17%}.news .news-container{flex-direction:column;gap:.2rem}.news .news-image{width:100%;margin-right:0;margin-bottom:0}.news .news-image .news-title{position:absolute;left:0;top:12%;max-height:.65rem;width:40%}.news .news-image .news-title img{width:100%;object-fit:contain}.news .news-image .frame img{height:unset;width:100%}.news .news-content{justify-content:flex-start}.news .news-content .news-header{justify-content:center}.news .news-content .news-list{margin-top:.21rem}.news .news-content .news-list .news-item{padding:.12rem 0}.news .news-content .news-list .news-item .news-item-date{font-size:.16rem}.news .news-content .news-list .news-item .news-item-title{font-size:.17rem}.news .news-content .news-pagination button{width:.27rem;height:.27rem}.news .news-content .news-pagination .page-info{font-size:.2rem}}/*# sourceMappingURL=home_m.css.map */