@charset "UTF-8";.w_100{width:100%}.mobile-btn-wrap{position:absolute;top:54%;right:0;width:29.3vw;height:9.3vw;animation:circle1 .5s ease-out}.pc-btn-wrap{position:absolute;top:51%;right:0;width:74.666667vw;z-index:2;animation:circle1 .5s ease-out;transition:all .6s}.pc-btn-wrap:hover{transform:scale(1.1)}.pc-btn-wrap img{cursor:pointer}.kv_slogan{position:absolute;top:18.4vw;left:50%;transform:translate(-50%);width:85.9vw;height:32vw}.slogan{position:absolute;top:8.266667vw;left:calc(50% + 15.333333vw);transform:translate(-50%);width:38.23vw;z-index:2}.common-slogan .img1,.common-slogan .img2,.common-slogan .img3{position:absolute;top:0;left:0}.common-slogan .img1{animation:clip1 4s 3s linear infinite}.common-slogan .img2{animation:clip2 4s 3s linear infinite}.common-slogan .img3{animation:clip3 4s 3s linear infinite}@keyframes circle1{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes clip1{0%{opacity:1;transform:translate3d(2.666667vw,0,0);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}2%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}4%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}6%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}8%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}10%{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}12%{clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}14%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}16%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}18%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}20%{clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}21.9%{opacity:1;transform:translate3d(2.666667vw,0,0)}22%,to{opacity:0;transform:translateZ(0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes clip2{0%{opacity:1;transform:translate3d(2.4vw,0,0);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}3%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}5%{clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}7%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}9%{clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}11%{clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}13%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}15%{clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}17%{clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}19%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}20%{clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}21.9%{opacity:1;transform:translate3d(2.4vw,0,0)}22%,to{opacity:0;transform:translateZ(0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes clip3{0%{opacity:1;transform:translate3d(1.6vw,0,0);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}3%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}5%{clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}7%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}9%{clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}11%{clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}13%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}15%{clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}17%{clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}19%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}20%{clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}21.9%{opacity:1;transform:translate3d(1.6vw,0,0)}22%,to{opacity:0;transform:translateZ(0);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0)}}html,body{height:100%;width:100%;background-color:#8c9aeb;color:#404040;font-family:Microsoft YaHei,微软雅黑,miui,Helvetica,Arial,sans-serif;-webkit-overflow-scrolling:touch}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}*{margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}a{text-decoration:none}.container{position:relative}.container.pc{background:#8c9aeb}.container.pc .loading{position:fixed;display:flex;justify-content:center;height:100%;width:100%;background:url(/assets/pc-static-Dhw5znm_.png) no-repeat top center;background-size:100% auto;z-index:2}.container.mobile{background:url(/assets/m-bg-2023-D3qop-9g.png) no-repeat;background-size:100% auto}.container.mobile .loading{position:absolute;display:flex;justify-content:center;height:152.3vw;width:100%;background:url(/assets/m-static-DxbJRTy3.png) no-repeat top center;background-size:100% auto;z-index:1}.container .effect-container{position:relative;z-index:1}.auth-agreement{border-radius:1.9vw;width:76vw;padding-bottom:4.3vw}.auth-agreement .van-dialog__header{font-size:4.3vw;font-weight:500;color:#1e1f20;line-height:5.9vw;text-align:center;padding:5.3vw 0}.auth-agreement .close{width:3.2vw;height:3.2vw;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAOxJREFUSEu9lkEOgkAMRX914wW8hQlhoks3Lj2wSzcuNUNIvIUXcKM1A6iIAy0zANuh/7Xldwph5IecfpblJ2YsgMfeGHOLYVprl8D8QIR7mibbAmBtfgZ4TYQr83MXCnHiRLMjM1YAXYxJNhXgexAKqYvXNQpAWUU4pCv2AwiFSIn9APpCJHGn9wfQQjTirQAJohXvBLRBiqDKihrHeVtUH7Rmtu7M+VwjLlbgs3BZgX4gxQqarRocMGqLfG4Z7CN3WTHaphoBzTteF2kDpWF8O3C6y65P5s2NJ17XMeLSPplmZY6+9GP+IqTYF6vtmijZXsc+AAAAAElFTkSuQmCC);position:absolute;right:2.7vw;top:2.7vw;z-index:1}.auth-agreement .content{padding:0 5.3vw;max-height:87.4vw;overflow-y:auto}.auth-agreement .content .item{margin-bottom:4vw}.auth-agreement .content .item:last-child{margin-bottom:0}.auth-agreement .content .item .title{font-size:4.3vw;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#1e1f20;line-height:6.4vw;margin-bottom:2.1vw}.auth-agreement .content .item .desc{font-size:3.7vw;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#5d646a;line-height:5.9vw;white-space:pre-line;margin-bottom:2.1vw}.auth-agreement .content .item .desc:last-child{margin-bottom:0}.auth-agreement.is-pc{width:494px;padding-bottom:30px}.auth-agreement.is-pc .van-dialog__header{font-size:16px;font-weight:700;color:#333;line-height:21px;padding:23px 0;text-align:left;border-bottom:1px solid #f0f0f0;margin:0 30px}.auth-agreement.is-pc .close{width:20px;height:20px;top:25px;right:30px;cursor:pointer}.auth-agreement.is-pc .content{padding:0 20px 0 30px;margin-right:10px;margin-top:24px;max-height:461px}.auth-agreement.is-pc .content::-webkit-scrollbar{width:8px}.auth-agreement.is-pc .content::-webkit-scrollbar-track{display:none}.auth-agreement.is-pc .content::-webkit-scrollbar-thumb{border-radius:4px;background:#f0f0f0}.auth-agreement.is-pc .content .item{margin-bottom:20px}.auth-agreement.is-pc .content .title{font-size:16px;line-height:24px;margin-bottom:8px}.auth-agreement.is-pc .content .desc{font-size:14px;line-height:22px;margin-bottom:10px}.pc-mainPage{margin:0 auto;min-width:1200px;width:auto;font-size:12px}.pc-mainPage .effect-wrap{position:absolute}.pc-mainPage .pc-sidebar-container{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;background:#324a97ad;width:115px;border-right:1px solid rgba(255,255,255,.5);z-index:999}.pc-mainPage .pc-sidebar-container .sidebar-title{font-weight:700;color:#c7ffff;text-align:center;flex:none;position:relative;margin-top:40px;margin-bottom:40px}.pc-mainPage .pc-sidebar-container .pc-sidebar{padding-top:7px;flex:1;width:100%;text-align:center;z-index:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.pc-mainPage .pc-sidebar-container .pc-sidebar::-webkit-scrollbar{display:none}.pc-mainPage .pc-sidebar-container .pc-sidebar a{display:inline-block;margin-bottom:25px}.pc-mainPage .pc-sidebar-container .pc-sidebar a:last-child{margin-bottom:0}.pc-mainPage .pc-sidebar-container .pc-sidebar .game-nav{color:#c7ffff;font-size:14px}.pc-mainPage .pc-sidebar-container .pc-sidebar .game-nav:hover{color:#fccbef}.pc-mainPage .pc-sidebar-container .pc-sidebar .game-nav .game-logo{border-radius:50%;width:68px;height:68px;display:inline-block;margin-bottom:10px}.pc-mainPage .pc-sidebar-container .pc-sidebar .game-nav .game-name{line-height:18px;height:18px;min-width:56px}.pc-mainPage .pc-sidebar-container .pc-sidebar .game-nav img{transition:transform .1s linear}.pc-mainPage .pc-sidebar-container .pc-sidebar .game-nav:hover img{transform:scale(1.1)}.pc-mainPage .pc-sidebar-container .sidebar-footer{width:100%;text-align:center;margin-top:40px;margin-bottom:40px;left:12px;z-index:1}.pc-mainPage .pc-sidebar-container .sidebar-footer span{display:flex;justify-content:center}.pc-mainPage .pc-sidebar-container .sidebar-footer a{display:inline-block}.pc-mainPage .pc-sidebar-container .sidebar-feedback{width:70px;height:26px;background:#d1d9ff00;border:1px solid #beffff;box-shadow:0 2px 6px #0000001a;border-radius:2px;color:#a4fefe;display:flex;justify-content:center;align-items:center}.pc-mainPage .pc-sidebar-container .sidebar-feedback:hover{color:#fccbef;border-color:#fccbef}.pc-mainPage .pc-main{height:100%;z-index:9}.pc-mainPage .pc-main .bbs-top-logo{position:absolute;top:40px;left:0;width:11.04vw;margin-left:154px;z-index:3}.pc-mainPage .pc-main .bbs-qrcode-download-container{position:fixed;bottom:10%;left:53%;transform:translate(-50%);display:flex;z-index:3}.pc-mainPage .pc-main .bbs-qrcode{width:168px;height:168px;display:flex;justify-content:center;align-items:center;margin-right:30px}.pc-mainPage .pc-main .bbs-qrcode img{border-radius:16px}.pc-mainPage .pc-main .bbs-download-container{padding:5px 0}.pc-mainPage .pc-main .bbs-download-container .bbs-download{width:215px;height:60px;color:#f5fafe;background:#31313d;line-height:60px;padding-left:78px;border-radius:5px;cursor:pointer;background-repeat:no-repeat}.pc-mainPage .pc-main .bbs-download-container .bbs-download:hover{color:#71e2ff}.pc-mainPage .pc-main .bbs-download-container .bbs-download .bbs-en-text{font-size:20px}.pc-mainPage .pc-main .bbs-download-container .bbs-download .bbs-zh-text{font-size:18px}.pc-mainPage .pc-main .bbs-download-container .bbs-download .bbs-version{font-size:14px;font-weight:500;color:#e7e7e7ba}.pc-mainPage .pc-main .bbs-download-container .bbs-ios-download{margin-bottom:38px;background:url(/assets/bbs-ios-download-2023-UEOEgmr5.png) 100%/100% no-repeat}.pc-mainPage .pc-main .bbs-download-container .bbs-ad-download{padding-top:10px;line-height:normal;background:url(/assets/bbs-ad-download-2023-CMc7KuEd.png) 100%/100% no-repeat}.pc-mainPage .bbs-rights{position:fixed;left:0;width:100%;color:#fff;bottom:30px;text-align:right;z-index:10}.pc-mainPage .bbs-rights p{margin-right:42px}.pc-mainPage .bbs-rights a{color:#fff;text-decoration:none}.pc-mainPage .bbs-rights a.primary{font-weight:500;color:#fff;cursor:pointer}.mobile-mainPage{overflow-x:hidden;min-height:100%;position:relative;z-index:2}.mobile-mainPage .header-bar{position:absolute;top:5.8vw;left:5.8vw;height:9.2vw;width:9.2vw;z-index:2}.mobile-mainPage .header-bar img{width:100%;height:100%}.mobile-mainPage .game-list-container{position:fixed;inset:0;z-index:999}.mobile-mainPage .game-list-container .game-list{background-color:#00000080;font-size:4.9vw;line-height:13.8vw;padding:5.8vw 7.2vw;width:54.3vw;height:100%;text-align:left;font-weight:400}.mobile-mainPage .game-list-container .game-list .close{position:relative;left:-1.5vw;width:9.2vw;height:9.2vw;margin-bottom:1vw}.mobile-mainPage .game-list-container .game-list .close img{width:100%;height:100%}.mobile-mainPage .game-list-container .game-list li{display:block}.mobile-mainPage .game-list-container .game-list li a{color:#fff}.mobile-mainPage .m-bbs-top-container{position:relative;width:100%;height:152.3vw}.mobile-mainPage .m-bbs-bg-top{position:absolute;width:100%;height:100%}.mobile-mainPage .m-bbs-title{position:absolute;top:6.1vw;right:2.8vw;width:27.6vw;height:9.3vw;background:url(/assets/m-title-2023-CSOJxL9n.png);background-size:100% 100%}.mobile-mainPage .m-bbs-download{position:absolute;bottom:-9.3vw;left:50%;transform:translate(-50%);width:48.3vw;height:13.6vw;background:url(/assets/m-download-2023-Dy_Rogc7.png);background-size:100% 100%;z-index:3}.mobile-mainPage .m-bbs-version{position:absolute;left:50%;transform:translate(-50%);bottom:-13.5vw;font-size:2.9vw;color:#242976}.mobile-mainPage .m-main{padding-bottom:1vw;padding-top:11vw;position:relative;width:100%}.mobile-mainPage .m-main .m-game-container{padding:0 13.3vw 10vw;margin:0 auto;position:relative;width:100%;min-height:247.6vw;background-image:url(/assets/m-game-container-bg-2023-DUBORrbu.png);background-size:100% 100%}.mobile-mainPage .m-main .m-game-container .m-game-title{display:flex;align-items:center;justify-content:center;padding-top:10vw}.mobile-mainPage .m-main .m-game-container .m-game-title .m-title{font-size:5.4vw;font-weight:800;color:#4765a2;margin:0 4vw}.mobile-mainPage .m-main .m-game-container .m-game-title .m-title-arrow{display:inline-block;width:3.2vw;height:2.7vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAoCAYAAAC4h3lxAAAAAXNSR0IArs4c6QAABVZJREFUWEe1WV1sU2UYft5zBttIVv78CSIKiRr8SdSoFyT4A2VtGaJOx4yMtpvr6QzqlVwQrnYFJl6ZYJC2rGvPcMAyNQqs7TbBRGOMiSbGSOQCQULAGbJuEdxme15zCl22s3Pa0+/U3p73fZ73+X6f9yuhSj9vOLGJmfYQsBGAyybsJAMfZaKBfTbjF4SRaGIxb8eOE/Lk8qkPwdgNQAgvz3hkJBY4J1KLEOGc4hdPLJs+RuBmEfLbOTdrauR7Tx1qGxfBEBawPXx4yYxWPwiCT4T4dk6emPypmL9fFENIwNZ3+1zaP/wliJ8TJQaQI8CfigaOOcCofM26306sXDRNKSY87YB4hhhvpGKBTx1gFFIrmgFvWF0F5mEAjzognmZwSyYaPOkAYzbVtoCmzqP356XcMEAPOiC+ScCrqWgg7QBjXqotAZ5wfD1BzoCxxgHxDRBvT0eCZ8wwPKHkOgLvAxGTnN+f+rjjoh2usgJ8St8zzNoQCCvtAFrETBLxtlQk+I3Z90Yl/oSkDxBwZ+E745okS+6hw7t+LcdZUoCvq8/NmvYZgIZyQCW+Z5ngy0QC35uPfO9TRJJe/ArD978kjb1DR4I/leK2FOBV1NcAPgqgVrh4xnVI5ElH/D+aYfi6EhtYwxBASy04xgmSNxXd9YNVDaYCvEpSAXAIgCxcPDBGzI2pWPBnMwxvSH0WxKfKzy5PaBpvGz7S/q0ZzgIBnnBiLzHtr/SINYBfzTPcVv7GE1IbifhzAEtsDtDfEvDiUDTwtTF+jgAmb0j9AIT3bIKahxEuy8xbTkeD502XTSjZxIRBAHUV8pgewQUBBUe5bCoGoL1CUGP4RWZszsQCv5tu2LD6CjEfB7BYkGfBJUgvdJ+pqb3yxyBALwmCFtPOcy63JRN/87LpmlfUVoD7ACxyyDPPhtDtNX/AIeg5ELnTEf9V8+KTfgBxh4fCXOhZI0heJfmLQ28DWZPXnj7Sdsl02ShqG4GTACSHg2RMzzNzmy5gsvxRVpo6T3XLRiKtExajf93kkqqWljFdwNjsFS4IW0bANQB3C0KXTGPgii5Av8YbHRDM8BRWZNTADdMlFEq0ENEnVdi8RvgZ1tCiC9A3mL5GxX/MsXQsEAaI/6fj0wg7e5wSwORV1J4q3AE9G1ZfULq7u7UqX2BGuJsaac3DkXZ95RQ7MiaP0neQwPrTiJNfaRG33O0XFVgIYy0LLMU8L+QLJQ8wYa8TBSCOu8brlYGB1rzpqWTbxBmzzU2dlZlzerH1urJ1ISsRNmy0sXpLW21qp31KYjeDDjpxpMSUaJio7bQS4QlZNjLG4ks2NiUamqpc/6orW9dhuZy61Mehsb4Z7zJdtjZay9ItpZJoZpD+8CTqHsFEfUvHa9utRGwJJR+WCaMAVs0VoV9SUp7cqR7/b6X2ZNmmvjHc65FY0vtiu83HAj4CjjZk64JWIpqUxEN5opE5rx6Xcnl582hP24VyB0pZATqAL5zYyIyTJXrXcjz6U0O/K1vvt9wTHT1rINfsIQlaTqt5fzS2808boPZf5grPK9D0B6nldoDNY0qLEMG1NQNF4K2diSc1ifRNd4cIWSGHcNw1XtdmNROV4lYkQAf3dCYfIwkjzhwmn3Bl63dWQ0TFAgoi9KdGlkYBuqfSEZsTPzC9es3Os92bcg4w7O8BI4m3U30AEuvH330OChhIR/2vW7lYO7hCM1AE9r0VX8t5+SsA6+yQmcUQoTUVCQwI54smFvP0/wyYuZ+A50WwCNiXigaEvZejGSgWfOtdafodEIfAWA+gxoaYf8H03XQu9/LZ3o6sjXjTkP8AKEYY6XWNqosAAAAASUVORK5CYII=);background-size:100% 100%}.mobile-mainPage .m-main .m-game-container .m-game-title .m-title-arrow.right{transform:rotate(180deg)}.mobile-mainPage .m-main .m-game-container .m-game-item-container:not(:last-child) .m-game-item{border-bottom:1px dashed #f6f2f2}.mobile-mainPage .m-main .m-game-container .m-game-item{padding:5.4vw 0;display:flex;align-items:center}.mobile-mainPage .m-main .m-game-container .m-game-item .m-game-logo{width:20vw;height:20vw;margin-right:2.7vw}.mobile-mainPage .m-main .m-game-container .m-game-item .m-game-name-container{display:flex;flex-direction:column}.mobile-mainPage .m-main .m-game-container .m-game-item .m-game-name{font-size:4.6vw;font-weight:700;color:#4765a2}.mobile-mainPage .m-main .m-game-container .m-game-item .m-game-btn{margin-left:auto;width:22.5vw;height:10.4vw;background:url(/assets/m-game-btn-2023-BzpT21o-.png);background-size:100% 100%}.mobile-mainPage .m-main .m-feedback-container{padding:8vw 0 6vw;display:flex;justify-content:center;align-items:center}.mobile-mainPage .m-main .m-feedback-container .m-feedback{display:flex;align-items:center}.mobile-mainPage .m-main .m-feedback-container .m-feedback .m-feedback-title{font-size:3.8vw;color:#e5f7ff}.mobile-mainPage .m-main .m-feedback-container .m-feedback .m-feedback-btn{display:inline-block;margin-left:2.7vw;width:4.3vw;height:4.3vw;background:url(https://img-static.mihoyo.com/mainPage/m-feedback-btn.png) left no-repeat;background-size:contain}.mobile-mainPage .m-main .m-bbs-rights{position:relative;z-index:1;font-size:2.7vw;color:#e5f7ff;text-align:center;padding-bottom:12vw}.mobile-mainPage .m-main .m-bbs-rights a{font-size:2.7vw;color:#e5f8ff}.mobile-mainPage .m-main .m-bg-bottom{width:100%;height:17.4vw;position:absolute;bottom:0}.mobile-mainPage .m-footer{position:fixed;bottom:0;background-color:#fff;z-index:3;display:flex;align-items:center;flex-direction:column;width:100%;padding-top:2.7vw;padding-bottom:2.7vw;opacity:1;transition:all .1s}.mobile-mainPage .m-footer.hidden{transform:translateY(100%);opacity:0}.mobile-mainPage .m-footer .m-footer-company{font-size:2.9vw;color:#5d646a;line-height:3.2vw;margin-bottom:1.1vw}.mobile-mainPage .m-footer .m-footer-agreement{font-size:2.9vw;font-weight:400;color:#1aa2ff;line-height:3.2vw}.mobile-mainPage .m-footer .m-footer-agreement a{text-decoration:none;color:#1aa2ff}.up-animated{animation:upAnimation 4s linear infinite}.down-animated{animation:downAnimation 3s linear infinite}@keyframes upAnimation{25%{transform:translate(-10px,-10px)}50%{transform:translate(5px,8px)}75%{transform:translate(10px,5px)}}@keyframes downAnimation{25%{transform:translate(-10px,10px)}50%{transform:translate(10px,10px)}75%{transform:translate(-10px,-10px)}}.warp-main-page{position:relative;height:100%;width:100vw}.warp-main-page.pc{overflow-x:hidden}.warp-main-page.pc .effect-wrap{width:auto;padding-bottom:56.24%}.warp-main-page.mobile .effect-wrap{position:absolute;height:152.3vw;width:100vw}.v-leave-active{transition:opacity .1s ease}