@font-face{font-family:"HYQiHei_50S";src:url(https://dldir1.qq.com/yxgw/osgame/HYQiHei_50S.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"hyqh-60";src:url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-60S-2.ttf)}
@font-face{font-family:"hyqh-65";src:url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-65S_0.OTF)}
@font-face{font-family:"hyqh-70";src:url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-70S.OTF)}
@font-face{font-family:"hyqh-80";src:url(https://dldir1.qq.com/yxgw/osgame/HYQIHEI-80S.OTF)}
@font-face{font-family:"dia_Title";src:url(https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/dia_Title.otf) format("opentype")}

*{box-sizing:border-box;margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent}
*:focus{outline:0}
*:focus-visible{outline:0}
html{width:100%;font-size:calc(100vw / 7.5);font-family:"hyqh-60","Microsoft YaHei",sans-serif;background:#080b13}
html,body{overscroll-behavior-y:none}
body{width:100%;min-height:100%;overflow-x:hidden;background:#080b13;color:#202a4f}
body,h1,h2,h3,p,ul,li,button,input{font-size:.24rem;font-weight:normal}
html,body,body *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}
img,a,button{-webkit-user-drag:none;user-drag:none}
img{display:block;max-width:none;border:0}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{border:0;outline:0;background:none;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
ul,li{list-style:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.wrapper{position:relative;width:7.5rem;overflow:hidden;background:#eef2fb}
.page-canvas{position:relative;width:7.5rem;height:98rem;background:#080b13}
.wrapper.is-rookie-art-hidden .page-canvas{height:103.9rem;background:#080b13}
.page-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.page-background__set{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.page-background__set--compact{display:none}
.wrapper.is-rookie-art-hidden .page-background__set--normal{display:none}
.wrapper.is-rookie-art-hidden .page-background__set--compact{display:block}
.page-background__segment{position:absolute;left:0;display:block;width:100%;max-width:none;height:auto;object-fit:fill;pointer-events:none}
.page-background__set--normal .page-background__segment:nth-child(1){top:0;height:18.17rem}
.page-background__set--normal .page-background__segment:nth-child(2){top:18.17rem;height:16rem}
.page-background__set--normal .page-background__segment:nth-child(3){top:34.17rem;height:16rem}
.page-background__set--normal .page-background__segment:nth-child(4){top:50.17rem;height:16rem}
.page-background__set--normal .page-background__segment:nth-child(5){top:66.17rem;height:16rem}
.page-background__set--normal .page-background__segment:nth-child(6){top:82.17rem;height:15.83rem}
.page-background__set--compact .page-background__segment:nth-child(1){top:0;height:15rem}
.page-background__set--compact .page-background__segment:nth-child(2){top:15rem;height:15rem}
.page-background__set--compact .page-background__segment:nth-child(3){top:30rem;height:15rem}
.page-background__set--compact .page-background__segment:nth-child(4){top:45rem;height:15rem}
.page-background__set--compact .page-background__segment:nth-child(5){top:60rem;height:15rem}
.page-background__set--compact .page-background__segment:nth-child(6){top:75rem;height:15rem}
.page-background__set--compact .page-background__segment:nth-child(7){top:90rem;height:13.9rem}
.section{position:absolute;z-index:1;left:0;width:7.5rem}
.section>a,.section>button{display:block}
body *::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  border-radius: 0;
  background: #ffffff;

}
body *::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background: #34405226;
  border-radius: 0;

}
body *::-webkit-scrollbar {
  width: 2px;
  height: 1px;
  border-radius: 0;

}
/* 首屏 */
.hero{position:absolute;z-index:3;top:0;left:0;width:7.5rem;height:13.34rem;overflow:hidden}
.hero__background{position:absolute;z-index:0;top:0;left:0;width:7.5rem;height:13.34rem}
.hero__shade{position:absolute;z-index:1;top:-.99rem;left:0;width:7.5rem;height:2.31rem;pointer-events:none}
.hero__logo{position:absolute;z-index:4;top:.22rem;left:.3rem;width:3.26rem;height:.81rem}
.topbar__account{
	    position: absolute;
	    z-index: 5;
	    top: .37rem;
	    right: 2rem;
	    width: 2.3rem;
	    color: #fff;
	    font-size: .2rem;
	    line-height: .3rem;
	    text-align: right;
	    white-space: nowrap;
	    text-shadow: 0 .01rem .04rem rgba(0, 0, 0, .45);
}
.topbar__account[hidden]{display:none!important}
.topbar__account p,.topbar__account a,.topbar__account span{color:#fff;font-size:inherit;line-height:inherit}
.topbar__account>div,.topbar__account p{width:100%}
.topbar__account #log p{display:flex;align-items:center;justify-content:flex-end}
.topbar__account .topbar__welcome,.topbar__account #btn_logout{flex:0 0 auto}
.topbar__account #nickname{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar__account a:active{color:#d9e5ff}
.hero__home{position:absolute;z-index:4;top:.29rem;left:5.68rem;width:1.59rem;height:.58rem}
.hero__age{position:absolute;z-index:4;top:12.21rem;left:.35rem;width:.62rem;height:.78rem}
.hero[data-stage="preregister"] .hero__age{top:12.21rem}
.hero[data-stage="predownload"] .hero__age,
.hero[data-stage="launch"] .hero__age{top:12.21rem;left:.35rem}
.hero__logo img,.hero__home img,.hero__age img{width:100%;height:100%}
.hero-promo{position:absolute;z-index:4;display:block}
.hero-promo--daji{top:.88rem;left:6.2rem;width:1.17rem;height:1.3rem;overflow:hidden}
.hero-promo--daji[hidden]{display:none!important}
.hero-promo--daji img{width:1.17rem;height:1.3rem;object-fit:contain}
.hero-promo--benefit{    top: .88rem;
    left: 6.04rem;
    width: 1.47rem;
    height: 1.46rem;}
.hero[data-stage="predownload"] .hero-promo--benefit,
.hero[data-stage="launch"] .hero-promo--benefit{top:0.8rem;left:6.17rem;width:1.08rem;height:1.24rem}
.hero-promo--benefit[hidden]{display:none!important}
.hero-promo--benefit img{width:100%;height:100%}
.hero-promo--appointment-reward{top:2.12rem;left: 6.18rem;
    width: 1rem;
    height: 1.4rem;}
.hero[data-stage="predownload"] .hero-promo--appointment-reward,
.hero[data-stage="launch"] .hero-promo--appointment-reward{top:1.9rem}
.hero-promo--appointment-reward img{width:100%;height:auto}
.hero-promo--creation-incentive{top:3.62rem;left:6.23rem;width:0.96rem;height:1.35rem}
.hero[data-stage="predownload"] .hero-promo--creation-incentive,
.hero[data-stage="launch"] .hero-promo--creation-incentive{
	/* top:3.0rem; */
	top:2.0rem;
}
.hero-promo--creation-incentive img{width:100%;height:auto}
.hero-promo--ali{top:5.07rem;left:6.23rem;width:.96rem;height:1.35rem}
.hero[data-stage="predownload"] .hero-promo--ali,
.hero[data-stage="launch"] .hero-promo--ali{top:3.15rem}
.hero-promo--ali img{width:100%;height:auto}
.hero-stage-content{--hero-stage-rise-distance:.35rem;position:absolute;z-index:2;inset:0;opacity:0;transform:translate3d(0,var(--hero-stage-rise-distance),0);pointer-events:none;will-change:opacity,transform}
.hero-stage-content[hidden]{display:none!important}
.hero-stage-content.is-visible{pointer-events:auto;animation:hero-stage-rise-in .7s cubic-bezier(.22,1,.36,1) both}
@keyframes hero-stage-rise-in{from{opacity:0;transform:translate3d(0,var(--hero-stage-rise-distance),0)}to{opacity:1;transform:translate3d(0,0,0)}}
.hero__slogan{position:absolute;z-index:2;top:6.76rem;left:.37rem;width:6.77rem;height:2.93rem;pointer-events:none}
.hero__slogan[hidden]{display:none!important}
.hero[data-stage="preregister"] .hero__slogan{top:6.44rem;left:.8rem;width:5.89rem;height:2.97rem}
.hero[data-stage="predownload"] .hero__slogan{top:6.07rem;left:.05rem;width:7.42rem;height:6.09rem}
.hero[data-stage="launch"] .hero__slogan{top:6.03rem;left:.44rem;width:6.57rem;height:2.9rem}
.hero__stage-text{position:absolute;z-index:4;top:11.66rem;left:50%;display:none;width:auto;height:.19rem;max-width:none;transform:translateX(-50%);pointer-events:none}
.hero[data-stage="scheduled-live"] .hero__stage-text--scheduled-live,
.hero[data-stage="scheduled-ended"] .hero__stage-text--scheduled-ended,
.hero[data-stage="scheduled-live"] .hero__stage-text--preregister,
.hero[data-stage="scheduled-ended"] .hero__stage-text--preregister,
.hero[data-stage="preregister"] .hero__stage-text--preregister,
.hero[data-stage="predownload"] .hero__stage-text--predownload,
.hero[data-stage="launch"] .hero__stage-text--launch{display:block}
.mobile-download{position:absolute;z-index:3;inset:0}
.mobile-download[hidden]{display:none!important}
.mobile-download__button{position:absolute;top:10.08rem;left:1.06rem;width:5.38rem;height:.8rem}
.mobile-download__button img{width:100%;height:100%}
.mobile-download__channels{position:absolute;top:11.07rem;left:1.3rem;width:4.9rem;height:.27rem}
.mobile-download__channels>img{width:100%;height:100%;pointer-events:none}
.mobile-download__channel{position:absolute;top:0;height:.27rem;display:block}
.mobile-download__channel--hykb{left:0;width:1.21rem}
.mobile-download__channel--4399{left:1.21rem;width:1.79rem}
.mobile-download__channel--taptap{left:3rem;width:1.9rem}
.mobile-download__tips{position:absolute;top:11.66rem;left:1.3rem;width:4.9rem;height:.19rem}
.mobile-download__tips.has-channels{top:11.66rem}
.mobile-download__tips[hidden]{display:none!important}
.hero-stage--scheduled{position:absolute;z-index:3;inset:0;pointer-events:none}
.hero-stage--scheduled[hidden]{display:none!important}
.scheduled-action{position:absolute;display:block;pointer-events:auto}
.scheduled-action[hidden]{display:none!important}
.scheduled-action img{width:100%;height:100%}
.scheduled-action--book{top:8.25rem;left:1.93rem;width:3.64rem;height:.68rem}
.hero[data-stage="scheduled-ended"] .scheduled-action--book{top:9.72rem}
.hero[data-stage="preregister"] .scheduled-action--book{top:9.72rem}
.scheduled-action--book.on>img{content:url("https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/top_sub_book_on.png")}
.hero[data-stage="scheduled-live"] .scheduled-action--book{left:.76rem;width:2.93rem;height:.69rem}
.hero[data-stage="scheduled-live"] .scheduled-action--book>img{content:url("https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/top_sub_book2.png")}
.hero[data-stage="scheduled-live"] .scheduled-action--book.on>img{content:url("https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/top_sub_book2_on.png")}
.scheduled-action--live{top:1.26rem;left:.23rem;width:1.07rem;height:1.36rem}
.scheduled-action--live .scheduled-action__live-icon{position:absolute;z-index:2;top:1.14rem;left:.11rem;width:.27rem;height:.27rem;pointer-events:none;transform-origin:center;animation:live-playing-pulse 1s ease-in-out infinite}
@keyframes live-playing-pulse{0%,100%{opacity:.62;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}
.scheduled-action--register{top:1.32rem;left:.01rem;width:1.48rem;height:1.31rem}
.scheduled-action--receive{top:9.27rem;left:1.52rem;width:4.47rem;height:1.23rem}
.hero[data-stage="scheduled-ended"] .scheduled-action--receive{top:10.64rem}
.hero[data-stage="preregister"] .scheduled-action--receive{top:10.64rem}
.scheduled-action--receive.on{pointer-events:none}
.scheduled-action--receive.on img{position:absolute;top:50%;left:0;width:4.47rem;height:1.16rem;transform:translateY(-50%);content:url("https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/top_sub_receive_grey.png")}
.arrow{position:absolute;z-index:4;top:12.76rem;left:0;right:0;width:.44rem;height:.23rem;margin:auto;animation:arrow-slide-down 1.5s ease-in-out infinite;will-change:transform,opacity}
@keyframes arrow-slide-down{0%{opacity:.25;transform:translateY(-.12rem)}45%{opacity:1}100%{opacity:.15;transform:translateY(.3rem)}}
@media (prefers-reduced-motion:reduce){.hero-stage-content{opacity:1;transform:none;will-change:auto}.hero-stage-content.is-visible{animation:none}}
@media (prefers-reduced-motion:reduce){.scheduled-action--live .scheduled-action__live-icon{animation:none}}

/* 上线福利 */
.launch-benefits{z-index:2;top:13.45rem;height:25.72rem}
.launch-benefits__title{position:absolute;top:1.14rem;left:1.95rem;width:4.26rem;height:1.19rem}
.launch-benefits__tips{position:absolute;top:2.78rem;left:.48rem;width:6.55rem;height:.48rem}
.launch-benefits__content{position:absolute;top:3.44rem;left:.3rem;width:6.91rem;height:19.3rem}
.launch-benefits__shine{position:absolute;z-index:2;top:10.9rem;left:0;width:3.45rem;height:3.14rem;pointer-events:none}

/* 精彩活动 */
.activities{z-index:2;top:36.83rem;height:13.47rem}
.activities__title{position:absolute;top:0;left:2.06rem;width:4.45rem;height:1.16rem}
.activity-card{position:absolute;left:.3rem;width:6.92rem}
.activity-card[hidden]{display:none!important}
.activity-card img{width:100%;height:100%}
.activity-card--adtag-display{pointer-events:none}
.activity-card--one{top:1.29rem;height:3.45rem}
.activity-card--two{top:4.82rem;height:3.45rem}
.activity-card--three{top:8.36rem;width:6.9rem;height:4.06rem}

/* 游戏特色 */
.features{z-index:2;top:50.5rem;height:7.05rem;overflow:hidden}
.features__title{position:absolute;z-index:4;top:.52rem;left:3.59rem;width:3.91rem;height:1.16rem}
.features__portrait{position:absolute;z-index:3;top:1.36rem;left:0;width:4.19rem;height:5.69rem;pointer-events:none}
.features__swiper{position:absolute;z-index:2;top:0;left:0;width:7.5rem;height:7.05rem;overflow:hidden}
.features__swiper .swiper-slide{position:relative;width:7.5rem;height:7.05rem}
.features__image{position:absolute;top:2.1rem;left:2.16rem;display:block;width:auto;height:3.87rem;max-width:none}
.features__prev,.features__next{position:absolute;z-index:5;left:6.94rem;width:.42rem;height:.42rem;transform-origin:center}
.features__prev{top:3.48rem}
.features__next{top:3.93rem;transform:rotate(180deg)}
.features__prev img,.features__next img{width:100%;height:100%}
.features__prev.swiper-button-disabled,.features__next.swiper-button-disabled{pointer-events:none;cursor:default}
.features__prev.swiper-button-disabled img,.features__next.swiper-button-disabled img{content:url(https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/p3_swiper_btn.png)}

/* 新人推荐 */
.rookies{z-index:3;top:59.07rem;height:19.7rem;overflow:visible}
.rookie-control{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.rookies__lower-bg{position:absolute;z-index:0;top:9.99rem;left:0;width:7.5rem;height:9.71rem}
.rookies__title{position:absolute;z-index:5;top:0;left:.35rem;width:4.19rem;height:1.14rem}
.rookies__more{position:absolute;z-index:6;top:.46rem;left:5.26rem;width:1.9rem;height:.54rem}
.rookies__more img{width:100%;height:100%}
.rookies__profiles{position:absolute;z-index:1;inset:0}
.rookie-profile{display:none;position:absolute;inset:0}
#rookie-role-baige:checked~.rookies__profiles .rookie-profile--baige,
#rookie-role-xiang:checked~.rookies__profiles .rookie-profile--xiang,
#rookie-role-xiaoe:checked~.rookies__profiles .rookie-profile--xiaoe,
#rookie-role-yao:checked~.rookies__profiles .rookie-profile--yao,
#rookie-role-xiaoyu:checked~.rookies__profiles .rookie-profile--xiaoyu,
#rookie-role-xiaodaji:checked~.rookies__profiles .rookie-profile--xiaodaji{display:block}
.rookies__tabs{position:absolute;z-index:10;top:1.55rem;left:0;width:7.5rem;height:1.2rem}
.rookie-tab{position:absolute;top:0;display:block;width:.99rem;height:.99rem;border-radius:.12rem;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.rookie-tab:nth-child(1){left:.39rem}
.rookie-tab:nth-child(2){left:1.55rem;top:.01rem}
.rookie-tab:nth-child(3){left:2.71rem;top:.01rem}
.rookie-tab:nth-child(4){left:3.86rem}
.rookie-tab:nth-child(5){left:5.02rem}
.rookie-tab:nth-child(6){left:6.17rem;top:-.01rem}
.rookie-tab img{position:absolute;inset:0;width:.99rem;height:.99rem;object-fit:contain;pointer-events:none}
.rookie-tab__default{z-index:1;opacity:1}
.rookie-tab__active{z-index:2;opacity:0}
.rookie-tab.is-active{z-index:3}
.rookie-tab.is-active .rookie-tab__default{animation:rookie-avatar-default-out .1s ease-out forwards}
.rookie-tab.is-active .rookie-tab__active{width:1.07rem;height:1.09rem;top:-.01rem;left:-.02rem;animation:rookie-avatar-active-in .28s cubic-bezier(.22,1,.36,1) forwards}
@keyframes rookie-avatar-default-out{from{opacity:1}to{opacity:0}}
@keyframes rookie-avatar-active-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.rookies__role-art{position:absolute;z-index:2;pointer-events:none;object-fit:fill;transition:opacity .18s ease}
.rookie-profile--baige .rookies__role-art{top:2.62rem;left:.53rem;width:6.94rem;height:7.37rem}
.rookie-profile--xiang .rookies__role-art{top:2.66rem;left:0;width:7.5rem;height:7.33rem}
.rookie-profile--xiaoe .rookies__role-art{top:2.62rem;left:.14rem;width:7.36rem;height:7.35rem}
.rookie-profile--yao .rookies__role-art{top:2.58rem;left:1.12rem;width:6.37rem;height:7.41rem}
.rookie-profile--xiaoyu .rookies__role-art{top:2.63rem;left:0;width:7.48rem;height:7.36rem}
.rookie-profile--xiaodaji .rookies__role-art{top:2.31rem;left:0;width:7.5rem;height:7.67rem}
.rookies__role-name{display:none}
.rookies__ability-title{position:absolute;z-index:4;top:10.45rem;left:.33rem;width:2.29rem;height:.4rem}
.rookies__intro-video{position:absolute;z-index:4;top:11.02rem;left:.23rem;width:4.13rem;height:2.52rem;overflow:visible}
.rookies__intro-video>img:first-child{position:relative;z-index:1;width:100%;height:100%}
.rookies__play{position:absolute;z-index:2;top:.79rem;left:1.67rem;width:.72rem;height:.72rem}
.rookies__skills{position:absolute;z-index:5;top:10.91rem;left:4.46rem;width:3.27rem;height:1.22rem}
.rookie-skill{position:absolute;top:0;width:.78rem;height:1.22rem}
.rookie-skill:nth-child(1){left:0}
.rookie-skill:nth-child(2){left:.98rem;top:.02rem}
.rookie-skill:nth-child(3){left:1.93rem;top:.02rem}
.rookie-skill__ring{position:absolute;z-index:0;top:.39rem;left:.39rem;width:1.11rem;height:1.11rem;transform:translate(-50%,-50%)}
.rookie-skill.is-active .rookie-skill__ring{content:url(https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/p4_role_icon_on.png);width:1.16rem;height:1.15rem}
.rookie-skill-switch--jineng:checked~.rookies__skills .rookie-skill--jineng .rookie-skill__ring,
.rookie-skill-switch--miji:checked~.rookies__skills .rookie-skill--miji .rookie-skill__ring,
.rookie-skill-switch--zhuanshu:checked~.rookies__skills .rookie-skill--zhuanshu .rookie-skill__ring{content:url(https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/p4_role_icon_on.png);width:1.56rem;height:1.56rem}
.rookie-skill__icon{position:absolute;z-index:1;top:.39rem;left:.39rem;width:.67rem;height:.67rem;object-fit:contain;transform:translate(-50%,-50%)}
.rookie-skill span{position:absolute;top:.81rem;left:0;width:.78rem;color:#252525;font-family:"hyqh-80","hyqh-70","Microsoft YaHei",sans-serif;font-size:.18rem;font-weight:700;line-height:.18rem;text-align:center;white-space:nowrap}
.rookies__skill-copy{position:absolute;z-index:4;top:12.14rem;left:4.46rem;display:none;width:2.77rem;max-height:1.38rem;overflow:auto;padding-right:.05rem;color:#2e2e2e;font-family:"hyqh-80","hyqh-70","Microsoft YaHei",sans-serif;font-size:.16rem;font-weight:400;line-height:.24rem;text-align:left;white-space:pre-line;    word-break: break-all;}
.rookies__skill-copy strong{font-family:"hyqh-80","hyqh-70","Microsoft YaHei",sans-serif;font-weight:blod}
.rookie-skill-switch--jineng:checked~.rookies__skill-copy--jineng,
.rookie-skill-switch--miji:checked~.rookies__skill-copy--miji,
.rookie-skill-switch--zhuanshu:checked~.rookies__skill-copy--zhuanshu{display:block}
.rookies__lineup-title{position:absolute;z-index:4;top:13.61rem;left:.33rem;width:2.29rem;height:.4rem}
.rookies__study,.rookies__copy{position:absolute;z-index:6;top:13.59rem;width:1.93rem;height:.53rem}
.rookies__study{left:3.03rem}
.rookies__study[hidden]{display:none!important}
.rookies__copy{left:5.24rem}
.rookies__study img,.rookies__copy img{width:100%;height:100%}
.rookies__cards{position:absolute;z-index:4;top:14.18rem;left:.3rem;width:7.2rem;height:1.36rem;overflow:hidden}
.rookies__cards img{width:auto;max-width:100%;height:1.36rem}
.rookies__lineup-name{position:absolute;z-index:4;top:15.62rem;left:.35rem;display:block;width:6.9rem;height:.4rem;overflow:hidden;color:#20263d;font-family:"hyqh-80","hyqh-70","Microsoft YaHei",sans-serif;font-size:.22rem;font-style:normal;font-weight:400;line-height:.4rem;text-align:left;white-space:nowrap;word-break:keep-all;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}
.rookies__lineup-copy{position:absolute;z-index:4;top:15.98rem;left:.35rem;width:6.9rem;color:#2e2e2e;font-family:"hyqh-80","hyqh-70","Microsoft YaHei",sans-serif;font-size:.16rem;line-height:.2rem;white-space:pre-line}

/* 外层移除 is-rookie-art-hidden 即恢复新人推荐立绘与原始长背景。 */
.wrapper.is-rookie-art-hidden .rookies{top:57.87rem;height:12.48rem}
.wrapper.is-rookie-art-hidden .rookies__role-art{display:none}
.wrapper.is-rookie-art-hidden .rookies__lower-bg{top:2.77rem}
.wrapper.is-rookie-art-hidden .rookies__ability-title{top:3.23rem}
.wrapper.is-rookie-art-hidden .rookies__intro-video{top:3.8rem}
.wrapper.is-rookie-art-hidden .rookies__skills{top:3.69rem}
.wrapper.is-rookie-art-hidden .rookies__skill-copy{top:4.92rem}
.wrapper.is-rookie-art-hidden .rookies__lineup-title{top:6.39rem}
.wrapper.is-rookie-art-hidden .rookies__study,.wrapper.is-rookie-art-hidden .rookies__copy{top:6.37rem}
.wrapper.is-rookie-art-hidden .rookies__cards{top:6.96rem}
.wrapper.is-rookie-art-hidden .rookies__lineup-name{top:8.4rem}
.wrapper.is-rookie-art-hidden .rookies__lineup-copy{top:8.76rem}

#rookie-role-baige:checked~.rookies__tabs .rookie-tab--baige,
#rookie-role-xiang:checked~.rookies__tabs .rookie-tab--xiang,
#rookie-role-xiaoe:checked~.rookies__tabs .rookie-tab--xiaoe,
#rookie-role-yao:checked~.rookies__tabs .rookie-tab--yao,
#rookie-role-xiaoyu:checked~.rookies__tabs .rookie-tab--xiaoyu,
#rookie-role-xiaodaji:checked~.rookies__tabs .rookie-tab--xiaodaji{z-index:3}
#rookie-role-baige:checked~.rookies__tabs .rookie-tab--baige .rookie-tab__default,
#rookie-role-xiang:checked~.rookies__tabs .rookie-tab--xiang .rookie-tab__default,
#rookie-role-xiaoe:checked~.rookies__tabs .rookie-tab--xiaoe .rookie-tab__default,
#rookie-role-yao:checked~.rookies__tabs .rookie-tab--yao .rookie-tab__default,
#rookie-role-xiaoyu:checked~.rookies__tabs .rookie-tab--xiaoyu .rookie-tab__default,
#rookie-role-xiaodaji:checked~.rookies__tabs .rookie-tab--xiaodaji .rookie-tab__default{animation:rookie-avatar-default-out .1s ease-out forwards}
#rookie-role-baige:checked~.rookies__tabs .rookie-tab--baige .rookie-tab__active,
#rookie-role-xiang:checked~.rookies__tabs .rookie-tab--xiang .rookie-tab__active,
#rookie-role-xiaoe:checked~.rookies__tabs .rookie-tab--xiaoe .rookie-tab__active,
#rookie-role-yao:checked~.rookies__tabs .rookie-tab--yao .rookie-tab__active,
#rookie-role-xiaoyu:checked~.rookies__tabs .rookie-tab--xiaoyu .rookie-tab__active,
#rookie-role-xiaodaji:checked~.rookies__tabs .rookie-tab--xiaodaji .rookie-tab__active{width:1.07rem;height:1.09rem;top:-.01rem;left:-.02rem;animation:rookie-avatar-active-in .28s cubic-bezier(.22,1,.36,1) forwards}

/* 精选商品 */
.featured-products{z-index:4;top:67.51rem;height:18.18rem;overflow:hidden}
.featured-products__image{width:7.5rem;height:18.18rem}

/* 联动合作 */
.collaboration{z-index:4;top:76.47rem;height:6.04rem;overflow:visible;}
.collaboration__frame-bg{position:absolute;z-index:1;top:2.1rem;left:-.07rem;width:6.97rem;height:3.15rem;pointer-events:none}
.collaboration__title{position:absolute;z-index:5;top:.64rem;left:2.01rem;width:4.44rem;height:1.14rem;pointer-events:none}
.collaboration__swiper{position:absolute;z-index:2;top:0;left:.33rem;width:6.84rem;height:5.84rem;overflow:hidden}
.collaboration__swiper .swiper-slide{position:relative;width:6.84rem;height:5.84rem;overflow:hidden}
.collaboration__image{border-radius: 0.15rem;position:absolute;z-index:2;top:2.1rem;left:0;width:6.84rem;height:2.94rem;object-fit:cover;object-position:center 88.8889%}
.collaboration__frame-border{position:absolute;z-index:3;top:2.1rem;left:0;width:6.84rem;height:2.94rem;pointer-events:none}
.collaboration__prev,.collaboration__next{position:absolute;z-index:5;width:.52rem;height:.52rem}
.collaboration__prev{top:3.35rem;left:.05rem}
.collaboration__next{top:3.26rem;left:6.89rem;width:.54rem;height:.54rem;transform:rotate(180deg)}
.collaboration__prev img,.collaboration__next img{width:100%;height:100%}
.collaboration__prev.swiper-button-disabled img,.collaboration__next.swiper-button-disabled img{content:url(https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/p5_swiper_btn.png)}
.collaboration__thumbs{position:absolute;z-index:5;top:5.4rem;left:0;display:flex;justify-content:center;width:7.5rem;height:.06rem}
.collaboration__thumbs button{position:relative;top:.01rem;flex:0 0 .56rem;width:.56rem;height:.04rem;background:url(https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/p5_swiper.png) no-repeat center/.56rem .04rem}
.collaboration__thumbs button+button{margin-left:.04rem}
.collaboration__thumbs button.is-active{top:0;width:.56rem;height:.06rem;background-image:url(https://game.gtimg.cn/images/osgame/cp/a20260709sfzt/m/p5_swiper_on.png);background-size:.56rem .06rem}

/* 社群 */
.community{z-index:2;top:84.05rem;height:6.2rem}
.community__title{position:absolute;top:.64rem;left:1.09rem;width:6.32rem;height:1.21rem}
.community__tips{position:absolute;top:2.07rem;left:.76rem;width:5.84rem;height:.55rem}
.community__accounts{position:absolute;top:3.23rem;left:.68rem;width:6.14rem;height:2.09rem;transition:opacity .25s ease,visibility .25s ease}
.community__accounts>img{position:absolute;top:.01rem;left:.02rem;width:6.11rem;height:2.07rem;pointer-events:none}
.account-hotspot{position:absolute;width:.94rem;height:.93rem}
.account-hotspot--enterprise-wechat{top:0;left:0}
.account-hotspot--channel{top:0;left:1.3rem}
.account-hotspot--camp{top:0;left:2.6rem}
.account-hotspot--bili{top:0;left:3.9rem}
.account-hotspot--douyin{top:0;left:5.2rem}
.account-hotspot--wechat{top:1.16rem;left:.01rem}
.account-hotspot--kuaishou{top:1.16rem;left:1.31rem}
.account-hotspot--weibo{top:1.16rem;left:2.6rem}
.account-hotspot--xhs{top:1.16rem;left:3.9rem}
.account-hotspot--mini{top:1.16rem;left:5.2rem}

/* 创作者招募 */
.recruit{z-index:2;top:90.25rem;height:3.51rem;transition:opacity .25s ease,visibility .25s ease}
.recruit__title{position:absolute;top:0;left:.2rem;width:7rem;height:2.54rem}
.recruit__button{position:absolute;top:2.81rem;left:2.24rem;width:3.02rem;height:.7rem}
.recruit__button img{width:100%;height:100%}
.wrapper.is-rookie-art-hidden .collaboration{top:86.46rem;height:5.46rem}
.wrapper.is-rookie-art-hidden .community{top:92.51rem}
.wrapper.is-rookie-art-hidden .recruit{top:98.41rem}
.js-channel-controlled.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

.intro8-panel{position:fixed;z-index:90;top:0;left:50%;width:7.5rem;height:1.51rem;transform:translateX(-50%);background:#000;color:#fff;font-family:"HYQiHei_50S","hyqh-60","Microsoft YaHei",sans-serif;font-size:.16rem;line-height:.28rem}
.intro8-panel[hidden]{display:none!important}
.intro8-panel__column{position:absolute;top:.18rem}
.intro8-panel__column--left{left:.35rem}
.intro8-panel__column--right{left:3.76rem}
.intro8-panel__column>*{display:block;height:.28rem;overflow:visible;color:#fff;line-height:.28rem;white-space:nowrap}
.intro8-panel__column a,.intro8-panel__intro{width:auto;padding:0;border:0;background:none;color:#fff;font:inherit;line-height:.28rem;text-align:left;text-decoration:none;cursor:pointer}
.intro8-panel__column u{text-underline-offset:.02rem}
body.intro8-enabled .wrapper{padding-top:1.3rem}
.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.24rem;background:#06080f}
.txp_ctrl_client_launcher,
.txp_btn_playrate,
.txp_barrage_client_launcher,
.txp_btn_pip{display:none!important}
.foot{position:relative;z-index:2;width:7.5rem;background:#181716}
div#afooter{box-sizing:border-box;height:1.8rem;padding:.2rem 0 .8rem;background:#181716;color:#5a5a5a;font-size:.2rem;line-height:.4rem;text-align:center}
div#afooter a{color:#5a5a5a}
div#afooter p{font-size:.2rem;line-height:.4rem}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}