@charset "utf-8";

@import "../css/reset.css";
@import "../css/pop.css?v=20260908-browser-tip1";

.wrap {
    width: 100%;
    overflow: hidden;
}

.page {
    position: relative;
    width: 7.5rem;
    height: 67.5rem;
    margin: 0 auto;
    overflow: hidden;
}

.page-guest {
    height: 39.22rem;
}

.head-bg,
.main-bg {
    position: absolute;
    left: 0;
    width: 7.5rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 7.5rem auto;
}

.guest-head-bg,
.guest-main-bg {
    position: absolute;
    left: 0;
    width: 7.5rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 7.5rem auto;
}

.guest-head-bg {
    top: 0;
    height: 8.33rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//head_bg2.jpg");
}

.guest-main-bg {
    top: calc(8.33rem - 1px);
    height: calc(30.89rem + 1px);
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//bg2.jpg");
}

.head-bg {
    top: 0;
    height: 6.84rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//head_bg.jpg");
}

.main-bg {
    top: calc(6.84rem - 1px);
    height: calc(60.66rem + 1px);
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//bg.jpg");
}

.part {
    position: static;
}

.btn-back,
.top-logo,
.top-btn,
.btn-rule-side,
.part-title,
.part-image,
.image-btn,
.btn-inv-history,
.activity-card,
.decorate {
    position: absolute;
}

.btn-back,
.top-logo,
.top-btn,
.btn-rule-side {
    z-index: 5;
}

.btn-back {
    top: .21rem;
    left: .31rem;
    width: .17rem;
    height: .31rem;
}

.top-logo {
    top: .14rem;
    left: .69rem;
    width: 1.64rem;
    height: .43rem;
}

.btn-share {
    top: .21rem;
    left: 6.3rem;
    width: .3rem;
    height: .3rem;
}

.btn-rule-icon {
    top: .2rem;
    left: 6.88rem;
    width: .31rem;
    height: .31rem;
}

.btn-rule-side {
    top: 3.12rem;
    left: 7.15rem;
    width: .35rem;
    height: 1.31rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-rule.png");
}

.btn-back img,
.top-logo img,
.top-btn img,
.part-title img,
.part-image,
.activity-card-bg {
    display: block;
    width: 100%;
    height: 100%;
}

.user-info {
    position: absolute;
    z-index: 5;
    top: 6.22rem;
    left: 1.5rem;
    width: 4.5rem;
    overflow: hidden;
    color: #22325f;
    font-size: .22rem;
    line-height: .3rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-info a {
    color: #22325f;
    text-decoration:underline;
}

.user-info .logout-entry,
.user-info .logout-entry a,
.user-info .logout-entry a:visited,
.user-info .logout-entry a:hover,
.user-info .logout-entry a:active {
    color: #fff;
}

.user-name {
    display: inline;
}

.guest-user-info {
    top: 6.98rem;
}

.guest-change-role,
.guest-change-role:visited,
.guest-change-role:hover,
.guest-change-role:active {
    color: #59699b;
}

.guest-section {
    position: static;
}

.guest-title,
.guest-content,
.guest-image-btn {
    position: absolute;
    z-index: 2;
}

.guest-title img,
.guest-content {
    display: block;
    width: 100%;
    height: 100%;
}

.guest-image-btn.bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.guest-btn-help {
    position: absolute;
    z-index: 5;
    top: 7.37rem;
    left: 2.225rem;
    width: 3.05rem;
    height: .82rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-help.png");
}

.guest-title-1 {
    top: .91rem;
    left: .44rem;
    width: 6.62rem;
    height: .56rem;
}

.guest-content-1 {
    top: 1.82rem;
    left: .06rem;
    width: 7.38rem;
    height: 15.01rem;
}

.guest-btn-download {
    top: 5.5rem;
    left: 3.9rem;
    width: 2.65rem;
    height: .71rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-down.png");
}

.guest-btn-help-step2 {
    top: 10.72rem;
    left: 2.225rem;
    width: 3.05rem;
    height: .82rem;
}

.guest-help-ready {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-help2.png");
}

.guest-help-done {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-helped2.png");
}

.guest-title-2 {
    top: 17.87rem;
    left: 1.15rem;
    width: 5.2rem;
    height: .56rem;
}

.guest-content-2 {
    top: 18.96rem;
    left: .175rem;
    width: 7.15rem;
    height: 2.89rem;
}

.guest-btn-go {
    top: 21.86rem;
    left: 2.225rem;
    width: 3.05rem;
    height: .82rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-go.png");
}

.guest-content-3 {
    top: 21.84rem;
    left: 0;
    width: 7.5rem;
    height: 9.05rem;
}

.guest-title-3 {
    top: 23.87rem;
    left: .95rem;
    width: 5.6rem;
    height: .56rem;
}

.guest-btn-subscribe {
    top: 29.8rem;
    left: 2.225rem;
    width: 3.05rem;
    height: .82rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-sub-part3.png");
}

.part-title,
.part-image,
.image-btn,
.btn-inv-history,
.activity-card {
    z-index: 2;
}

.image-btn.bg,
.btn-rule-side.bg,
.btn-inv-history.bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.title-1 {
    top: .5rem;
    left: 1.55rem;
    width: 4.41rem;
    height: .9rem;
}

.part1-image {
    top: 1.64rem;
    left: .17rem;
    width: 7.15rem;
    height: 2.89rem;
}

.title-2 {
    top: 5.96rem;
    left: .63rem;
    width: 6.24rem;
    height: .95rem;
}

.part2-image {
    top: 7.29rem;
    left: 0;
    width: 7.5rem;
    height: 5.53rem;
}

.btn-part2 {
    top: 13.23rem;
    left: 2.22rem;
    width: 3.05rem;
    height: .82rem;
}

.btn-get-part2 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-get-part2.png");
}

.btn-got-part2,
.btn-get-part2.is-disabled {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-got-part2.png");
}

.title-3 {
    top: 15.64rem;
    left: .83rem;
    width: 5.59rem;
    height: .57rem;
}

.part3-image {
    top: 13.79rem;
    left: 0;
    width: 7.5rem;
    height: 9.92rem;
}

.btn-part3 {
    top: 21.82rem;
    left: 2.22rem;
    width: 3.05rem;
    height: .82rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-sub-part3.png");
}

.title-4 {
    top: 25.02rem;
    left: .38rem;
    width: 6.74rem;
    height: 1rem;
}

.part4-image {
    top: 26.51rem;
    left: .29rem;
    width: 6.91rem;
    height: 3.95rem;
}

.title-5 {
    top: 31.88rem;
    left: .56rem;
    width: 6.22rem;
    height: 1.03rem;
}

.title-5-2 {
    top: 33.27rem;
    left: .32rem;
    width: 6.86rem;
    height: .41rem;
}

.part5-image {
    top: 34.04rem;
    left: .3rem;
    width: 6.9rem;
    height: 3.09rem;
}

.invite-count {
    position: absolute;
    z-index: 3;
    top: 33.28rem;
    left: 2.82rem;
    width: .74rem;
    height: .4rem;
    overflow: hidden;
    color: #fff;
    font-size: .22rem;
    font-weight: 400;
    line-height: .4rem;
    text-align: center;
    white-space: nowrap;
}

.btn-part5-invite {
    top: 37.67rem;
    left: 2.22rem;
    width: 3.05rem;
    height: .82rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-invite.png");
}

.btn-inv-history {
    top: 38.2rem;
    left: 5.43rem;
    width: .98rem;
    height: .26rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-inv-history.png");
}

.title-6 {
    top: 40.6rem;
    left: 1.77rem;
    width: 3.29rem;
    height: .55rem;
}

.part6-1-image {
    top: 41.65rem;
    left: .25rem;
    width: 7.05rem;
    height: 4.1rem;
}

.part6-2-image {
    top: 45.94rem;
    left: .25rem;
    width: 7.05rem;
    height: 4.05rem;
}

.title-7 {
    top: 51.47rem;
    left: 1.96rem;
    width: 3.6rem;
    height: .56rem;
}

.activity-card {
    top: 52.41rem;
    left: .29rem;
    width: 6.91rem;
    height: 4.07rem;
}

.decorate {
    z-index: 1;
    top: 55.66rem;
    left: 4.69rem;
    width: 2.81rem;
    height: 3.82rem;
    pointer-events: none;
}

.activity-carousel {
    position: absolute;
    z-index: 2;
    top: .12rem;
    left: .12rem;
    width: 6.67rem;
    height: 3.78rem;
    overflow: hidden;
    border-radius: .12rem;
    touch-action: pan-y;
}

.activity-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .35s ease;
}

.activity-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
}

.activity-link,
.activity-image {
    display: block;
    width: 100%;
    height: 100%;
}

.activity-image {
    object-fit: cover;
}

.activity-pagination {
    display: none;
}

.activity-arrow {
    position: absolute;
    z-index: 5;
    top: 1.86rem;
    width: .21rem;
    height: .36rem;
    margin: 0;
    color: transparent;
}

.activity-arrow::after {
    display: none;
}

.activity-arrow img {
    display: block;
    width: 100%;
    height: 100%;
}

.activity-prev {
    left: -.28rem;
}

.activity-next {
    right: -.28rem;
}

.btn_back_top {
    display: none ;
    position: fixed;
    z-index: 80;
    right: 0;
    bottom: 1.2rem;
    width: .45rem;
    height: 1.44rem;
    background: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-top.png") no-repeat 0 0 / 100% auto;
}

/* Mobile m1 visual layout: 750px design, 8400px total height. */
        html,
        body {
            margin: 0;
            padding: 0;
            background: #fff;
        }

        .wrap {
            width: 100%;
            overflow: hidden;
        }

        .page {
            position: relative;
            width: 7.5rem;
            height: 84rem;
            margin: 0 auto;
            overflow: hidden;
        }

        .head-bg,
        .main-bg {
            position: absolute ;
            left: 0 ;
            width: 7.5rem ;
            background-position: 0 0 ;
            background-repeat: no-repeat ;
        }

        .head-bg {
            top: 0 ;
            height: 11.27rem ;
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/head_bg.jpg") ;
            background-size: 7.5rem 11.27rem ;
        }

        .main-bg {
            top: calc(11.27rem - 1px) ;
            height: calc(72.73rem + 1px) ;
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/bg.jpg") ;
            background-size: 7.5rem 72.73rem ;
        }

        .part {
            position: static ;
            width: 7.5rem;
            height: 0;
        }

        .part-4,
        .part-5 {
            position: relative ;
        }

        .top-logo,
        .btn-rule-side,
        .head-download,
        .part-title,
        .part-image,
        .image-btn,
        .btn-inv-history,
        .part5-tips,
        .part7-qr,
        .decorate {
            position: absolute ;
        }

        .mobile-top-logo {
            top: .14rem ;
            left: .26rem ;
            width: 2.09rem ;
            height: .62rem ;
            z-index: 5;
        }

        .mobile-top-logo img,
        .part-title img,
        .part-image,
        .head-download img,
        .part7-qr,
        .decorate {
            display: block;
            width: 100%;
            height: 100%;
        }

        .btn-rule-side {
            top: 3rem ;
            left: 7.06rem ;
            width: .44rem ;
            height: 1.35rem ;
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-rule.png") ;
            background-position: 0 0 ;
            background-repeat: no-repeat ;
            background-size: 100% 100% ;
            color: transparent ;
            font-size: 0 ;
        }

        .user-info {
            display: block ;
            top: 11.35rem ;
            color: #22325f ;
        }

        .user-info a,
        .user-info .logout-entry,
        .user-info .logout-entry a,
        .user-info .logout-entry a:visited,
        .user-info .logout-entry a:hover,
        .user-info .logout-entry a:active {
            color: #22325f ;
        }

        .head-downloads {
            position: absolute;
            top: 10.64rem;
            left: 0;
            width: 7.5rem;
            height: .54rem;
            z-index: 5;
        }

        .head-download {
            top: 0 ;
            width: 2.11rem ;
            height: .54rem ;
        }

        .head-download-android {
            left: .30rem ;
        }

        .head-download-ios {
            left: 2.68rem ;
        }

        .head-download-pc {
            left: 5.08rem ;
        }

        .title-1 {
            top: .65rem ;
            left: 1.90rem ;
            width: 3.70rem ;
            height: .97rem ;
        }

        .part1-image {
            top: 1.97rem ;
            left: .14rem ;
            width: 7.21rem ;
            height: 1.95rem ;
        }

        .title-2 {
            top: 4.55rem ;
            left: 1.52rem ;
            width: 4.47rem ;
            height: 2.18rem ;
        }

        .part2-image {
            top: 6.89rem ;
            left: .26rem ;
            width: 6.99rem ;
            height: 4.83rem ;
        }

        .btn-part2 {
            top: 11.77rem ;
            left: 2.70rem ;
            width: 2.11rem ;
            height: .55rem ;
            background-position: 0 0 ;
            background-repeat: no-repeat ;
            background-size: 100% 100% ;
        }

        .btn-get-part2 {
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/PC-down-part2.png") ;
        }

        .btn-got-part2,
        .btn-get-part2.is-disabled {
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/PC-downed-part2.png") ;
        }

        .title-3 {
            top: 13.23rem ;
            left: .86rem ;
            width: 5.77rem ;
            height: .98rem ;
        }

        .part3-image {
            top: 14.37rem ;
            left: .32rem ;
            width: 6.95rem ;
            height: 3.75rem ;
        }

        .btn-part3 {
            top: 18.21rem ;
            left: 2.70rem ;
            width: 2.11rem ;
            height: .55rem ;
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-lock.png") ;
            background-position: 0 0 ;
            background-repeat: no-repeat ;
            background-size: 100% 100% ;
        }

        /* 第3部分按钮状态：通过切换 class 复用对应图片，不改变按钮位置和尺寸。 */
        .btn-part3.btn-lock {
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-lock.png") ;
        }

        .btn-part3.btn-getwait {
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-getwait.png") ;
        }

        .btn-part3.btn-get {
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-get.png") ;
        }

        .btn-part3.btn-got {
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//btn-got.png") ;
        }

        .title-4 {
            top: 19.81rem ;
            left: .76rem ;
            width: 5.99rem ;
            height: .96rem ;
        }

        .part4-image {
            top: 20.99rem ;
            left: 1.14rem ;
            width: 5.25rem ;
            height: 3.27rem ;
        }

        .btn-part4 {
            top: 24.52rem ;
            left: 2.70rem ;
            width: 2.11rem ;
            height: .55rem ;
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-coming.png") ;
            background-position: 0 0 ;
            background-repeat: no-repeat ;
            background-size: 100% 100% ;
        }

        .title-5 {
            top: 25.23rem ;
            left: .90rem ;
            width: 5.71rem ;
            height: .98rem ;
        }

        .title-5-2 {
            top: 26.34rem ;
            left: 1.11rem ;
            width: 5.29rem ;
            height: .31rem ;
        }

        .invite-count {
            position: absolute ;
            z-index: 3;
            top: 26.35rem ;
            left: 3rem ;
            width: .64rem ;
            height: .31rem ;
            overflow: hidden;
            color: #fff;
            font-size: .22rem;
            line-height: .31rem;
            text-align: center;
            white-space: nowrap;
        }

        .part5-image {
            top: 26.81rem ;
            left: .16rem ;
            width: 7.17rem ;
            height: 2.89rem ;
        }

        .btn-part5-invite {
            top: 29.81rem ;
            left: 2.70rem ;
            width: 2.11rem ;
            height: .55rem ;
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-invite.png") ;
            background-position: 0 0 ;
            background-repeat: no-repeat ;
            background-size: 100% 100% ;
        }

        .btn-inv-history {
            top: 30.16rem ;
            left: 5.06rem ;
            width: .75rem ;
            height: .19rem ;
            background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-inv-history.png") ;
            background-position: 0 0 ;
            background-repeat: no-repeat ;
            background-size: 100% 100% ;
        }

        .part5-tips {
            top: 30.61rem ;
            left: 1.48rem ;
            width: 4.54rem ;
            height: .18rem ;
        }

        .title-6 {
            top: 31.75rem ;
            left: .96rem ;
            width: 5.58rem ;
            height: 1.31rem ;
        }

        .part6-image {
            top: 33.37rem ;
            left: 0 ;
            width: 7.25rem ;
            height: 30rem ;
        }

        .part7-image {
            top: 61.89rem ;
            left: 0 ;
            width: 7.5rem ;
            height: 9.92rem ;
            z-index: 2;
        }

        .decorate {
            top: 64.39rem ;
            left: 5.90rem ;
            width: 1.61rem ;
            height: 2.19rem ;
            z-index: 3;
            pointer-events: none;
        }

        .title-7 {
            top: 64.33rem ;
            left: 1.68rem ;
            width: 4.18rem ;
            height: .61rem ;
            z-index: 4;
        }

        .part7-qr {
            top: 67.71rem ;
            left: 4.22rem ;
            width: 2.70rem ;
            height: 2.95rem ;
            z-index: 4;
        }

        .part4-open-btn,
        .part5-open-btn {
            position: absolute !important;
            z-index: 6 !important;
            display: block ;
            background: transparent;
            cursor: pointer;
        }

        .part4-open-btn {
            top: 22.48rem !important;
            left: 3.31rem !important;
            width: 1rem !important;
            height: 1rem !important;
        }

        .part5-open-btn {
            top: 28.69rem !important;
            width: .80rem !important;
            height: .80rem !important;
        }

        .part5-open-btn[data-index="0"] {
            left: .95rem !important;
        }

        .part5-open-btn[data-index="1"] {
            left: 3.35rem !important;
        }

        .part5-open-btn[data-index="2"] {
            left: 5.75rem !important;
        }

        .btn_back_top {
            display: none ;
        }

/*
 * 视觉样式切换（由开发修改 HTML 属性，不使用 JS 控制）：
 * 1. 默认样式：index.html 的 data-theme="m1"，使用 m1 头图和背景图。
 * 2. 第二套样式：将 index.html 的 data-theme 改为 "m2"，仅替换头图和背景图。
 * 页面结构、定位和其他前景资源保持共用；PC 页面在 index_pc.html 中同步修改。
 */
html[data-theme="m1"] .head-bg {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/head_bg.jpg");
}

html[data-theme="m1"] .main-bg {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/bg.jpg");
    margin-top: -.02rem;
}

html[data-theme="m2"] .head-bg {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m2/head_bg2.jpg");
}

html[data-theme="m2"] .main-bg {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m2/bg2.jpg");
    margin-top: -.01rem;
}

html[data-theme="m1"] .btn-part4 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-coming.png");
}

html[data-theme="m2"] .btn-part4 {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m2/btn-go.png");
}

/*
 * Mobile flex layout
 * 页面和各活动模块使用纵向 flex 流。仅素材内部的点击热区、二维码与装饰层
 * 继续绝对定位，避免破坏图片上的固定叠加关系。
 */
.flex-page {
    display: flex;
    flex-direction: column;
    width: 7.5rem;
    height: 84rem;
}

.flex-page .head-bg,
.flex-page .main-bg {
    position: relative;
    top: auto !important;
    left: auto;
    flex-shrink: 0;
    width: 7.5rem;
}

.flex-page .head-bg {
    display: flex;
    flex: 0 0 11.27rem;
    flex-direction: column;
    align-items: center;
    height: 11.27rem;
}

.flex-page .main-bg {
    display: flex;
    flex: 0 0 72.73rem;
    flex-direction: column;
    align-items: center;
    height: 72.73rem;
}

.flex-page .mobile-top-logo {
    position: static;
    align-self: flex-start;
    flex: 0 0 .62rem;
    width: 2.09rem;
    height: .62rem;
    margin: .14rem 0 0 .26rem;
}

.flex-page .head-downloads {
    position: static;
    display: flex;
    flex: 0 0 .54rem;
    flex-direction: row;
    justify-content: space-between;
    width: 6.9rem;
    height: .54rem;
    margin-top: 9.88rem;
}

.flex-page .head-download {
    position: static;
    flex: 0 0 2.11rem;
    width: 2.11rem;
    height: .54rem;
}

.flex-page .user-info {
    position: static;
    flex: 0 0 .3rem;
    width: 4.5rem;
    height: .3rem;
}

.flex-page.has-downloads .user-info {
    margin-top: .17rem;
}

.flex-page.no-downloads .user-info {
    margin-top: 10.59rem;
}

.flex-page .part {
    position: relative;
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    width: 7.5rem;
    height: auto;
    box-sizing: border-box;
    transform: none;
}

.flex-page .part > .part-title,
.flex-page .part > .part-image,
.flex-page .part > .image-btn,
.flex-page .part > .part-actions,
.flex-page .part-actions > .image-btn,
.flex-page .part-actions > .btn-inv-history {
    position: static;
    flex: none;
}

.flex-page .part-1 {
    flex-basis: 4.55rem;
    padding-top: .65rem;
}

.flex-page .title-1 {
    width: 3.7rem;
    height: .97rem;
}

.flex-page .part1-image {
    width: 7.21rem;
    height: 1.95rem;
    margin-top: .35rem;
}

.flex-page .part-2 {
    flex-basis: 8.68rem;
}

.flex-page .title-2 {
    width: 4.47rem;
    height: 2.18rem;
}

.flex-page .part2-image {
    width: 6.99rem;
    height: 4.83rem;
    margin-top: .16rem;
}

.flex-page .btn-part2 {
    width: 2.11rem;
    height: .55rem;
    margin-top: .05rem;
}

.flex-page .part-3 {
    flex-basis: 6.58rem;
}

.flex-page .title-3 {
    width: 5.77rem;
    height: .98rem;
}

.flex-page .part3-image {
    width: 6.95rem;
    height: 3.75rem;
    margin-top: .16rem;
}

.flex-page .btn-part3 {
    width: 2.11rem;
    height: .55rem;
    margin-top: .09rem;
}

.flex-page .part-4 {
    flex-basis: 5.42rem;
}

.flex-page .title-4 {
    width: 5.99rem;
    height: .96rem;
}

.flex-page .part4-image {
    width: 5.25rem;
    height: 3.27rem;
    margin-top: .22rem;
}

.flex-page .btn-part4 {
    width: 2.11rem;
    height: .55rem;
    margin: .26rem 0 0;
}

.flex-page .part4-open-btn {
    top: 2.67rem !important;
    left: 3.31rem !important;
}

.flex-page .part-5 {
    flex-basis: 6.52rem;
}

.flex-page .title-5 {
    width: 5.71rem;
    height: .98rem;
}

.flex-page .title-5-2 {
    width: 5.29rem;
    height: .31rem;
    margin-top: .13rem;
}

.flex-page .invite-count {
    top: 1.12rem;
    left: 3rem;
}

.flex-page .part5-image {
    width: 7.17rem;
    height: 2.89rem;
    margin-top: .16rem;
}

.flex-page .part5-actions {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: .25rem;
    align-self: stretch;
    width: 7.5rem;
    height: .55rem;
    margin-top: .11rem;
    padding-left: 2.7rem;
    box-sizing: border-box;
}

.flex-page .btn-part5-invite {
    width: 2.11rem;
    height: .55rem;
}

.flex-page .btn-inv-history {
    width: .75rem;
    height: .19rem;
}

.flex-page .part5-open-btn {
    top: 3.46rem !important;
}

.flex-page .part5-open-btn[data-index="0"] {
    left: .95rem !important;
}

.flex-page .part5-open-btn[data-index="1"] {
    left: 3.35rem !important;
}

.flex-page .part5-open-btn[data-index="2"] {
    left: 5.75rem !important;
}

.flex-page .part-6 {
    flex-basis: 30.14rem;
}

.flex-page .title-6 {
    width: 5.58rem;
    height: 1.31rem;
}

.flex-page .part6-image {
    align-self: flex-start;
    width: 7.25rem;
    height: 30rem;
    margin-top: .31rem;
}

.flex-page .part-7 {
    flex-basis: 10.84rem;
}

.flex-page .part-7 > .part7-image,
.flex-page .part-7 > .decorate,
.flex-page .part-7 > .title-7,
.flex-page .part-7 > .part7-qr {
    position: absolute;
}

.flex-page .part7-image {
    top: 0;
    left: 0;
    width: 7.5rem;
    height: 9.92rem;
}

.flex-page .decorate {
    top: 2.5rem;
    left: 5.9rem;
    width: 1.61rem;
    height: 2.19rem;
}

.flex-page .title-7 {
    top: 2.44rem;
    left: 1.68rem;
    width: 4.18rem;
    height: .61rem;
}

.flex-page .part7-qr {
    top: 5.82rem;
    left: 4.22rem;
    width: 2.7rem;
    height: 2.95rem;
}

/* 0906 mobile design reconstruction: 750 × 11980. */
.design-page {
    display: flex;
    flex-direction: column;
    width: 7.5rem;
    height: 121.38rem;
    overflow: hidden;
}

.design-page .head-bg {
    position: relative;
    display: block;
    flex: 0 0 9.51rem;
    width: 7.5rem;
    height: 9.51rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/head_bg.jpg");
    background-size: 7.5rem 9.51rem;
}

.design-page .btn-rule-side {
    top: 2.9rem;
    right: 0;
    left: auto;
}

.design-page .hero-download,
.design-page .design-action {
    position: static;
    display: block;
    flex: none;
    width: 3.42rem;
    height: .89rem;
    margin: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.design-page .hero-download {
    position: absolute;
    z-index: 5;
    top: 7.37rem;
    left: 2.04rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-Mdown.png");
}

.design-page .user-info {
    position: absolute;
    z-index: 5;
    top: 9.1rem;
    left: 1.5rem;
    width: 4.5rem;
    height: .3rem;
    margin: 0;
    color: #263673;
}
html[data-theme="m2"] .design-page .user-info {
    position: absolute;
    z-index: 5;
    top: 9.7rem;
    left: 1.5rem;
    width: 4.5rem;
    height: .3rem;
    margin: 0;
    color: #263673;
}

.design-page .user-info a,
.design-page .user-info .logout-entry,
.design-page .user-info .logout-entry a,
.design-page .user-info .logout-entry a:visited,
.design-page .user-info .logout-entry a:hover,
.design-page .user-info .logout-entry a:active {
    color: #263673;
}

.design-page .main-bg {
    position: relative;
    display: flex;
    flex: 0 0 111.87rem;
    flex-direction: column;
    align-items: center;
    width: 7.5rem;
    height: 111.87rem;
    overflow: visible;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/bg.jpg");
    background-size: 7.5rem 111.87rem;
}

.design-page .part {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 7.5rem;
    height: auto;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
    transform: none;
}

.design-page .part > .part-title,
.design-page .part > .design-part-image,
.design-page .part > .design-action {
    position: static;
    flex: none;
}

.design-page .part > .part-stage {
    position: relative;
    flex: none;
}

.design-page .part-title img,
.design-page .design-part-image {
    display: block;
    width: 100%;
    height: 100%;
}

.design-page .part-1 {
    flex-basis: 14.4rem;
    padding-top: .5rem;
}

.design-page .title-1 {
    width: 5.99rem;
    height: 2.3rem;
}

.design-page .part1-stage {
    position: relative;
    width: 7.5rem;
    height: 11.19rem;
    margin-top: .11rem;
}

.design-page .part1-stage .part1-image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 7.5rem;
    height: 11.19rem;
    transform: translateX(-50%);
}

.design-page .part-2 {
    flex-basis: 10.25rem;
}

.design-page .title-2 {
    width: 5.99rem;
    height: 2.3rem;
}

.design-page .part2-image {
    width: 6.99rem;
    height: 5.67rem;
    margin-top: .11rem;
}

.design-page .part2-action {
    margin-top: .01rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/PC-down-part2.png");
}

.design-page .part-3 {
    flex-basis: 32.8rem;
}

.design-page .title-3 {
    width: 7.18rem;
    height: 2.28rem;
}

.design-page .part3-image {
    width: 7.26rem;
    height: 29.29rem;
    margin-top: .33rem;
}

.design-page .part-4 {
    flex-basis: 10.2rem;
}

.design-page .title-4 {
    width: 5.68rem;
    height: 2.28rem;
}

.design-page .part4-image-new {
    width: 6.9rem;
    height: 5.23rem;
    margin-top: .17rem;
}

.design-page .part4-action {
    margin-top: .39rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-go.png");
}

.design-page .part-5 {
    flex-basis: 5.04rem;
}

.design-page .title-5 {
    width: 7.5rem;
    height: 2.28rem;
}

.design-page .part5-image-new {
    width: 6.64rem;
    height: 1.93rem;
    margin-top: .41rem;
}

.design-page .part5-action {
    position: absolute;
    top: 2.69rem;
    left: .43rem;
    width: 6.64rem;
    height: 1.93rem;
    background: transparent;
}

.design-page .part-6 {
    flex-basis: 12.7rem;
}

.design-page .title-6 {
    width: 7.5rem;
    height: 2.28rem;
}

.design-page .part6-image-new {
    width: 7.42rem;
    height: 7.63rem;
    margin-top: .12rem;
}

.design-page .part6-action {
    margin-top: .26rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-lock.png");
}

.design-page .part6-action.btn-get {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-go.png");
}

.design-page .part6-action.btn-got {
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-got.png");
}

.design-page .part-7 {
    flex-basis: 7.89rem;
}

.design-page .title-7 {
    position: static;
    width: 7.18rem;
    height: 2.28rem;
}

.design-page .part7-image-new {
    width: 6.91rem;
    height: 3.6rem;
    margin-top: .19rem;
}

.design-page .part7-action {
    margin-top: .2rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-join.png");
}

.design-page .part-8 {
    flex-basis: 7.84rem;
}

.design-page .title-8 {
    width: 5.51rem;
    height: 2.28rem;
}

.design-page .part8-image {
    width: 6.91rem;
    height: 4.06rem;
    margin-top: .19rem;
}

.design-page .part-9 {
    flex-basis: 10.73rem;
}

.design-page .title-9 {
    width: 6.59rem;
    height: 2.3rem;
}

.design-page .part9-image {
    width: 7.17rem;
    height: 6.79rem;
    margin-top: .31rem;
}

.design-page .part9-action {
    margin-top: -.55rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-sub.png");
}

html[data-theme="m2"] .design-page {
    height: 116.09rem;
}

html[data-theme="m2"] .design-page .main-bg {
    flex-basis: 106.58rem;
    height: 106.58rem;
    background-size: 7.5rem 106.58rem;
}

html[data-theme="m2"] .design-page .part-1 {
    flex-basis: 16.84rem;
}

html[data-theme="m2"] .design-page .part1-stage,
html[data-theme="m2"] .design-page .part1-stage .part1-image {
    height: 11.19rem;
}

html[data-theme="m2"] .design-page .part1-stage .part1-image {
    left: 0;
    width: 7.5rem;
    transform: none;
}

/*
 * m2 独立排版：设计稿尺寸为 750 × 10700（head 951 + main 9749）。
 * m2 删除旧 Part 04 后，Part 05～09 的内容依次承担视觉 Part 04～08；
 * 不复用 m1 的 flex 高度，所有坐标以 m2/bg2.jpg 的 main 顶部为基准。
 */
.design-page .theme-title-m2 {
    display: none !important;
}

html[data-theme="m2"] .design-page .theme-title-m1 {
    display: none !important;
}

html[data-theme="m2"] .design-page .theme-title-m2 {
    display: block !important;
}

html[data-theme="m2"] .design-page {
    display: block;
    width: 7.5rem;
    height: 112.33rem;
    overflow: hidden;
}

html[data-theme="m2"] .design-page .head-bg {
    position: relative;
    display: block;
    flex: none;
    width: 7.5rem;
    height: 9.51rem;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m2/head_bg2.jpg");
    background-size: 7.5rem 9.51rem;
}

html[data-theme="m2"] .design-page .main-bg {
    position: relative;
    display: block;
    flex: none;
    width: 7.5rem;
    height: 102.82rem;
    overflow: hidden;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m2/bg2.jpg");
    background-size: 7.5rem 102.82rem;
    margin-top: -.01rem;
}

html[data-theme="m2"] .design-page .main-bg > .part {
    position: absolute;
    display: block;
    left: 0;
    width: 7.5rem;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    flex: none;
    transform: none;
}

html[data-theme="m2"] .design-page .main-bg > .part > .part-title,
html[data-theme="m2"] .design-page .main-bg > .part > .part-stage,
html[data-theme="m2"] .design-page .main-bg > .part > .design-part-image,
html[data-theme="m2"] .design-page .main-bg > .part > .design-action {
    position: absolute;
    flex: none;
    margin: 0;
}

html[data-theme="m2"] .design-page .part-1 {
    top: 0;
}

html[data-theme="m2"] .design-page .part-1 .title-1 {
    top: .57rem;
    left: .76rem;
    width: 5.99rem;
    height: 2.3rem;
}

html[data-theme="m2"] .design-page .part-1 .part1-stage {
    top: 2.8rem;
    left: 0;
    width: 7.5rem;
    height: 11.19rem;
}

html[data-theme="m2"] .design-page .part-1 .part1-image {
    top: 0;
    left: 0;
    width: 7.5rem;
    height: 11.19rem;
    transform: none;
}

/* Part 01 红包入口：m1、m2 共用 part1-m2 素材和入口位置。 */
.design-page .part-1 .part1-action {
    position: absolute;
    display: block;
    top: 8.1rem;
    left: 2.04rem;
    width: 3.42rem;
    height: .89rem;
    z-index: 4;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-go.png");
}

html[data-theme="m2"] .design-page .part-2 {
    top: 15.09rem;
}

html[data-theme="m2"] .design-page .part-2 .title-2 {
    top: 0;
    left: .76rem;
    width: 5.99rem;
    height: 2.3rem;
}

html[data-theme="m2"] .design-page .part-2 .part2-image {
    top: 2.44rem;
    left: .28rem;
    width: 6.99rem;
    height: 5.67rem;
}

html[data-theme="m2"] .design-page .part-2 .part2-action {
    top: 8.09rem;
    left: 2.04rem;
}

html[data-theme="m2"] .design-page .part-3 {
    top: 25.61rem;
}

html[data-theme="m2"] .design-page .part-3 .title-3 {
    top: 0;
    left: .16rem;
    width: 7.18rem;
    height: 2.28rem;
}

html[data-theme="m2"] .design-page .part-3 .part3-image {
    top: 2.64rem;
    left: 0;
    width: 7.26rem;
    height: 29.29rem;
}

/* 旧的王牌新人挑战赛卡片只保留给 m1。 */
html[data-theme="m2"] .design-page .part-4 {
    display: none !important;
}

/* 视觉 Part 04：开服限定称号。 */
html[data-theme="m2"] .design-page .part-5 {
    top: 58.85rem;
}

html[data-theme="m2"] .design-page .part-5 .title-5 {
    top: 0;
    left: 0;
    width: 7.5rem;
    height: 2.28rem;
}

html[data-theme="m2"] .design-page .part-5 .part5-image-new {
    top: 2.7rem;
    left: .4rem;
    width: 6.64rem;
    height: 1.93rem;
}

html[data-theme="m2"] .design-page .part-5 .part5-action {
    display: none;
}

/* 视觉 Part 05：企微服务号福利。 */
html[data-theme="m2"] .design-page .part-6 {
    top: 63.89rem;
}

html[data-theme="m2"] .design-page .part-6 .title-6 {
    top: 0;
    left: .16rem;
    width: 7.18rem;
    height: 2.28rem;
}

html[data-theme="m2"] .design-page .part-6 .part6-image-new {
    top: 2.44rem;
    left: .08rem;
    width: 7.42rem;
    height: 7.63rem;
}

html[data-theme="m2"] .design-page .part-6 .part6-action {
    top: 10.3rem;
    left: 2.02rem;
}

/* 视觉 Part 06：棋盘与王者头像框福利。 */
html[data-theme="m2"] .design-page .part-7 {
    top: 76.61rem;
}

html[data-theme="m2"] .design-page .part-7 .title-7 {
    top: 0;
    left: .16rem;
    width: 7.18rem;
    height: 2.28rem;
}

html[data-theme="m2"] .design-page .part-7 .part7-image-new {
    top: 2.44rem;
    left: .28rem;
    width: 6.91rem;
    height: 3.6rem;
}

html[data-theme="m2"] .design-page .part-7 .part7-action {
    top: 6.25rem;
    left: 2.02rem;
}

/* 视觉 Part 07：更多精彩内容。 */
html[data-theme="m2"] .design-page .part-8 {
    top: 84.49rem;
}

html[data-theme="m2"] .design-page .part-8 .title-8 {
    top: 0;
    left: 1rem;
    width: 5.51rem;
    height: 2.28rem;
}

html[data-theme="m2"] .design-page .part-8 .part8-image {
    top: 2.48rem;
    left: .28rem;
    width: 6.91rem;
    height: 4.06rem;
}

/* 视觉 Part 08：关注白歌，保留设计稿底部的“立即关注”按钮。 */
html[data-theme="m2"] .design-page .part-9 {
    top: 92.13rem;
}

html[data-theme="m2"] .design-page .part-9 .title-9 {
    top: 0;
    left: .44rem;
    width: 6.59rem;
    height: 2.3rem;
}

html[data-theme="m2"] .design-page .part-9 .part9-image {
    top: 2.6rem;
    left: 0;
    width: 7.17rem;
    height: 6.79rem;
}

html[data-theme="m2"] .design-page .part-9 .part9-action {
    display: block;
    top: 8.84rem;
    left: 2.04rem;
    margin: 0;
    background-image: url("//game.gtimg.cn/images/osgame/cp/act20260908//m1/btn-sub.png");
}