/* pc端提示 */
.pc_tips {
    display: none;
}

.pc_tips {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: #000 url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pc-bg.jpg) 100% 0 no-repeat;
    background-size: cover;
    min-width: 1000px;
}

.pc_tips .main {
    width: 338px;
    height: 442px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 30px;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: url(//game.gtimg.cn/images/aqtw/act/a20220612gold/pc_qrcode.png) 0 0 no-repeat;
}

.pc_tips .main .qrcode {
    width: 256px;
    height: 256px;
}

.pc_tips .main .qrcode canvas {
    width: 100%;
    height: 100%;
}

.pc_tips .main .qrcode canvas img {
    width: 100%;
    height: 100%;
}

.pc_tips .main p {
    display: none;
    font-size: 16px;
    color: #fff;
    padding: 15px 0 5px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

@font-face {
    font-family: 'fzlty';
    src: url(./fonts/fzlt-zhongzu.ttf);
}

@font-face {
    font-family: 'MIANFEIZITI';
    src: url(./fonts/MIANFEIZITI.ttf);
}

/* font-family: 'font-en'; */
body,
h3,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    background: #000;
    width: 100%;
}

a {
    display: block;
    color: #000;
    font-size: .2rem;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.tet-indent {
    text-indent: -99rem;
    overflow: hidden;
}

h3 {
    margin: 0;
}

.ht {
    display: block;
    overflow: hidden;
    text-indent: -999em
}

.hide {
    display: none;
}

/* 弹窗 */
.pop_mask_mf {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7;
    z-index: 998;
}

.pop_mask {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7;
    z-index: 1198;
}

.pop {
    width: 9.21rem;
    height: 8.04rem;
    /* height: 11rem; */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 998;
    background-color: #f4eee0;
    border-radius: .1rem;
}

.close-btn {
    width: .8rem;
    height: .82rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/icon-close.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -1rem;
    right: -0.4rem;
    cursor: pointer;
}

.pop-login {
    display: none;
}

.pop-title {
    width: 8.15rem;
    height: 1.37rem;
    position: absolute;
    top: .45rem;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    /* background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/title-box.png) 50% 50% / contain no-repeat;
    user-select: none;
    color: #f4eee1;
     padding-top: .3rem;
    font-size: .56rem;
    position: absolute;
    top: .45rem;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    font-family: "MIANFEIZITI" !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum'; */
}

.pop-title img,
.rule-title img {
    width: 100%;
    height: 100%;
}

.pop-content {
    width: 8.2rem;
    height: 8rem;
    position: relative;
    color: #393633;
    overflow: hidden;
    margin: 0 auto;
    font-size: .32rem;
}

.pop-box {
    width: 100%;
    height: 8rem;
    padding: 0.2rem;
    text-align: center;
}

.login-flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    /* height: 7rem; */
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
}

.login-qq {
    width: 2.5rem;
    height: 3.07rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/icon-qq.png) 50% 50% / contain no-repeat;
}

.login-wx {
    width: 2.5rem;
    height: 3.07rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/icon-wechat.png) 50% 50% / contain no-repeat;
}

/* 复制链接微信打开 */
.pop-loginWX {
    display: none;
}

.show-loginwx {
    padding: 1.8rem .2rem;
    text-align: center;
}

/* 绑定QQ号 */
.pop-bindQQ {
    display: none;
}

.qq-box {
    width: 100%;
    height: 7.6rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: space-around;
}


/* 预约绑定手机号 */
.pop-bind {
    display: none;
    height: 10rem;
}

.content-box {
    position: absolute;
    top: 2.1rem;
    left: 50%;
    transform: translateX(-50%);
}

.input-box {
    font-family: 'fzlty';
    font-size: .37rem;
}

.input-box-iphone {
    width: 8.15rem;
    height: .92rem;
    line-height: .92rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/input-phone.png) 50% 50% / 100% 100% no-repeat;
    user-select: none;

}

.input-text {
    width: 100%;
    height: .92rem;
    line-height: .92rem;
    border: 1px solid transparent;
    background: transparent;
    outline: none;
    user-select: none;
    padding: 0 .5rem;
    font-size: .37rem;
    color: #63625d;
    position: relative;
    /* caret-color: #b03b3a;
    font-weight: 600; */
}

.input-iphone-number {
    width: 8.15rem;
}

.input-box-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 8.15rem;
    height: .92rem;
    line-height: .92rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/input-code.png) 50% 50% / 100% 100% no-repeat;
    user-select: none;
    margin: .3rem auto;
    font-family: 'fzlty';
    font-size: .37rem;

}

.input-check-number {
    width: 4rem;
}

.phone-coed-are {
    width: 2.15rem;
    height: .92rem;
    line-height: .92rem;
    font-size: .38rem;
    color: #272727;
    text-align: center;
    margin-right: .5rem;
}

.phone-btn-send {
    width: 2.15rem;
    height: .92rem;
    line-height: .92rem;
    font-size: .38rem;
    cursor: pointer;
}

.phone-countdown {
    width: 1.4rem;
    height: .92rem;
    height: .92rem;
    user-select: none;
    /* text-align: center; */
}

.phone-input-tips {
    font-size: .26rem;
    color: #64625d;
    text-align: justify;
    font-family: 'fzlty';
}

.bind-btn {
    width: 3.47rem;
    height: .91rem;
    line-height: .91rem;
    font-size: .48rem;
    color: #292828;
    background-color: #f9c150;
    font-family: "MIANFEIZITI" !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
    text-align: center;
    border-radius: .45rem;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
    transition: cubic-bezier(0.10, 0.00, 0.23, 1.00);
    position: absolute;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
}

/* 解除绑定 */
.pop-unbind {
    display: none;
    height: 10rem;
}

.input-show-iphone {
    text-align: center;
}

/* 温馨提示 */
.pop-common {
    display: none;
    height: 8rem;
}

/* .common-tip {
    text-align: center;
    margin-top: 3.5rem;
    font-family: 'fzlty';
    font-size: .37rem;
} */

.show-common {
    /* height: 3rem; */
    /* margin: 2rem auto 0.8rem; */
    /* padding-top: 2.5rem !important; */
    /* margin-top: 2.5rem; */
}

.card-info {
    width: 8.2rem;
    position: absolute;
    left: 50%;
    top: 2.5rem;
    transform: translateX(-50%);
}

.common-tip {
    font-size: .26rem;
    color: #63625d;
    text-align: center;
    font-family: 'fzlty';
}

.sure-btn {
    bottom: 4rem;
}

/* 邀请组队 */
.pop-invite {
    width: 8.69rem;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    display: none;
}

.close-invite-btn {
    position: absolute;
    top: 0.5rem;
    right: -0.6rem;
}

.pop-title-invite {
    width: 100%;
    height: 1.31rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/invite-title.png) no-repeat 50% 50% / contain;
    user-select: none;
    position: absolute;
    top: 9.3rem;
    left: 0;
}

.sub-title {
    width: 6.4rem;
    user-select: none;
    color: #272727;
    font-size: .36rem;
    position: absolute;
    top: 10.8rem;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
}

.show-picture {
    width: 100%;
    height: 15.09rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/invite-bg.png) no-repeat 50% 50% / contain;
}

.friend-users {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 2.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.friend-user {
    width: 1.84rem;
    height: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/user-bg.png) no-repeat 50% 50% / contain;
}

.friend-user img {
    width: 1.46rem;
    height: 1.47rem;
    border-radius: 50%;
}

.pop-content-btn {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.join-team-btn {
    width: 100%;
    height: 1.19rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/join-team-btn.png) no-repeat 50% 50% / contain;
}

.right-share {
    width: 100%;
    height: .58rem;
    text-align: center;
    line-height: .57rem;
    font-family: 'fzlty';
    font-size: .3rem;
    color: #fff;

}

.qrcode-wrapper1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.3rem auto;
    /* background: url(//game.gtimg.cn/images/yrzx2/act/a20250313reserve/pc/part2/pop/qrcode.png) center/contain no-repeat; */
}

.qrcode-img {
    position: relative;
    margin: 0.226rem 0.126rem;
    width: 2.14rem;
    height: 2.14rem;
    z-index: 0;
}

.qrcode-img::before {
    /* content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -18%, 0);
    width: 2.34rem;
    height: 2.34rem;
    background-color: #fff;
    z-index: -1; */
}

.ca-qrcode-img-box img {
    width: 100% !important;
    height: 100% !important;
    vertical-align: top;
    -webkit-touch-callout: default;
}

/* 点击右上角分享加入队伍 */
.pop-shared {
    width: 8.69rem;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    display: none;
}

.pop-shared-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 10.5rem;
    left: 0;
    text-align: end;
    padding: 0 0.7rem;
}

.pop-shared-content-item {
    font-family: 'fzlty';
    font-size: .52rem;
    color: #272727;
}

.active-color {
    color: #c3514d;
}

.right-share-btn {
    width: 100%;
    height: 1.19rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/right-share-btn.png) no-repeat 50% 50% / contain;
}

.pop-right {
    display: none;
    width: 10rem;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    transform: translate(0, 0) !important;
    z-index: 999;
}

.pop-right::before {
    content: "";
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 3rem;
    height: .99rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/right-share.png)no-repeat center/contain;
}


/* 领取规则 */
.pop-rules {
    display: none;
    height: 10.98rem;
}

.pop-apprules {
    display: none;
    height: 10.98rem;
}

.pop-teamapprules {
    display: none;
    height: 10.98rem;
}

.pop-inviterules {
    display: none;
    height: 10.98rem;
}

.pop-Allrules {
    display: none;
    height: 10.98rem;
}

.rule-title {
    width: 8rem;
    /* 宽度少0.15rem*/
    height: 1.37rem;
    margin-bottom: 0.4rem;
}

.mt-5 {
    margin-top: .5rem;
}

.slide-content {
    width: 8.2rem;
    height: 10rem;
    overflow-y: auto !important;
    overflow-x: hidden;
    margin: .5rem auto;
    padding-right: 5px;
}

.hide-rule1,.hide-rule{
    display: none;
}

.show-details {
    margin-top: 2.1rem;
    height: 8.5rem;
    overflow-y: auto !important;
    padding-right: 4px;
    -webkit-overflow-scrolling: touch;
}

.details-title {
    font-family: 'fzlty';
    font-size: .34rem;
    color: #272727;
}
.extra-title{
    line-height: 1rem;
    font-family: 'fzlty';
    font-size: .34rem;
    color: #272727;
}

.orange {
    display: contents;
    color: #d56c1f;
    font-style: normal;
}

.show-details::-webkit-scrollbar,
.slide-content::-webkit-scrollbar {
    width: 4px;
    height: 100%;
}

.show-details::-webkit-scrollbar-thumb,
.slide-content::-webkit-scrollbar-thumb {
    border-radius: .45rem !important;
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1) !important;
    background: rgb(4, 0, 0, 0.3) !important;
    border-right: 4px solid #ff9966 !important;
    z-index: 5 !important;
}

.show-details::-webkit-scrollbar-track,
.slide-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
    border-radius: .45rem;
    background: rgb(4, 0, 0, 0.4);
    transition: left 0.3s ease;
    box-shadow: 0 0 0.1rem rgba(255, 117, 62, 0.5);
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* 下载指引 */
.pop-download {
    display: none;
}

.download-tips {
    width: 8rem;
}

.download-qrcode {
    width: 2.72rem;
    height: 2.67rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/qr-bg.png) no-repeat 50% 50% / cover;
}

.download-qrcode .qrcode-img::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    /* background: url("https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/wx.png") no-repeat center center; */
    background-size: 60px 60px;
}

/* 海报样式需要使用px不然海报图会模糊 */
.pop-poster-preview {
    width: 8.69rem;
    height: 15.09rem;
    background-color: rgba(0, 0, 0, 0);
    display: none;
}

.poster-container {
    width: 869px;
    height: 1509px;
    position: absolute;
    left: -100000000000px;
    top: 0;
}

.poster-container .show-picture {
    width: 869px;
    height: 1509px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.poster-container .poster-title-invite {
    width: 768px;
    height: 131px;
    position: absolute;
    top: 917px;
    left: 38px;
}

/* .poster-container .poster-title-invite img{
    width: 100%;
    height: 100%;
} */
.poster-container .pop-shared-content {
    width: 869px;
    line-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 1092px;
    left: 0;
    text-align: end;
    padding: 0 70px;
}

.poster-container .pop-shared-content-item {
    font-size: 58px;
}

.poster-container .download-qrcode {
    width: 272px;
    height: 267px;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/qr-bg.png) no-repeat 50% 50% / cover;
}

.poster-container .qrcode-img {
    position: relative;
    margin: 26px 16px;
    width: 214px;
    height: 214px;
    z-index: 0;
}

.pop-poster-preview .poster-save-area {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -.26rem;
    left: 0;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    /* text-align: center;
    margin: 20px 0; */
}

.pop-poster-preview .poster-save-area img {
    width: 100%;
    height: 100%;
}

.pop-poster-preview .poster-save-area canvas {
    width: 100%;
    height: 100%;
}

/* 长按提示动画 */
.save-tips {
    color: #fff;
    font-size: 14px;
    margin: 15px 0 0 0;

    animation: pulse 2s infinite;
}

/* 通知样式 */
.common-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    z-index: 9999;
    display: none;
    max-width: 80%;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 加载指示器 */
.loading-indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 海报图片hover效果 */
#posterImage {
    transition: transform 0.2s ease;
    cursor: pointer;
}

#posterImage:hover {
    transform: scale(1.02);
}


@keyframes pulse {

    0%,
    100% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }
}

/* 通用成功提示弹框 */
.pop-success-tip {
    height: auto;
    min-height: 8rem;
    max-height: 10rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1200;
    /* 弹框更高的层级 */
    background: rgb(244, 238, 225);
    border-radius: 0.1rem;
    backdrop-filter: blur(10px);
    box-shadow: 0 0.2rem 1rem rgba(235, 224, 200, 0.5);
    animation: successTipFadeIn 0.3s ease-in-out;
    /* animation: successIconScale 0.5s ease-in-out 0.2s both; */
    display: flex;
    flex-direction: column;
}

.success-tip-content {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 6.6rem;
}

.success-check {
    color: #393633;
    font-size: 0.6rem;
    font-weight: bold;
    line-height: 1;
}

.success-title {
    color: #393633;
    font-size: 0.5rem;
    font-weight: bold;
    margin: 0.3rem 0;
    font-family: "MIANFEIZITI", sans-serif;
}

.success-message {
    color: #64625d;
    font-size: 0.26rem;
    line-height: 1.5;
    margin: 0.4rem 0;
    padding: 0 0.3rem;
    text-align: center;
    font-family: 'fzlty', sans-serif;
    /* max-height: 4rem; */
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.pop-goWebsite{
    display: none;
}
.goWebsit-message {
    color: #64625d;
    font-size: 0.26rem;
    /* font-size: .37rem; */
    line-height: 2;
    margin: 0.4rem 0;
    padding: 0 0.3rem;
    text-align: center;
    font-family: 'fzlty', sans-serif;
    
}

.goWebsit-message .website-info {
    display: flex;
    align-items: center;
    flex-direction: column;

}

.goWebsit-message .website-url {
    font-size: .26rem;
    color: #292828;
    font-weight: bold;
    /* margin-bottom: 1rem; */
    text-decoration: underline;
    display: inline;
}

.pop-success-tip .pop-title {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: auto;
    padding: 0.5rem 0 0.3rem 0;
    margin: 0;
    font-size: 0.5rem;
    text-align: center;
}

.success-btn {
    width: 2.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.36rem;
    color: #292828;
    background: linear-gradient(135deg, #f9c150, #e6a82f);
    font-family: "MIANFEIZITI", sans-serif;
    text-align: center;
    border-radius: 0.4rem;
    user-select: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0.1rem 0.3rem rgba(249, 193, 80, 0.3);
}

.success-btn:hover {
    background: linear-gradient(135deg, #e6a82f, #d49520);
    transform: translateY(-0.02rem);
    box-shadow: 0 0.15rem 0.4rem rgba(249, 193, 80, 0.4);
}

.success-btn:active {
    transform: translateY(0);
    box-shadow: 0 0.05rem 0.2rem rgba(249, 193, 80, 0.2);
}

/* 成功提示弹框动画 */
@keyframes successTipFadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes successIconScale {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* 成功提示弹框退出动画 */
.pop-success-tip.fadeOut {
    animation: successTipFadeOut 0.3s ease-in-out forwards;
}

@keyframes successTipFadeOut {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }
}

/* 退出当前队伍，再加入新队伍弹框 */
.pop-team {
    display: none;
}

.pop-outteam {
    display: none;
}

.pop-team .pop-box,
.pop-outteam .pop-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pop-team .pop-title {
    font-size: 0.46rem;
}

.pop-team .friend-users,
.pop-outteam .friend-users {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    margin: 3rem 0 0.75rem 0;
    align-items: center;
}

.pop-team .friend-user,
.pop-outteam .friend-user {
    width: 1.84rem;
    height: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/user-bg.png) no-repeat 50% 50% / contain;
}

.pop-team .friend-user img,
.pop-outteam .friend-user img {
    width: 76%;
    height: 86%;
    object-fit: contain;
    border-radius: 50%;
}

.pop-team .team-buttons,
.pop-outteam .team-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 4.8rem;
}

.pop-team .default-btn,
.pop-outteam .default-btn {
    width: 3.47rem;
    height: .91rem;
    line-height: .91rem;
    font-size: .62rem;
    color: #292828;
    background-color: #f9c150;
    font-family: "MIANFEIZITI" !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
    text-align: center;
    border-radius: .45rem;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
    transition: cubic-bezier(0.10, 0.00, 0.23, 1.00);
    display: inline-block;
    text-indent: 0;
}

.pop-team .pop-content-info,
.pop-outteam .pop-content-info {
    font-size: .26rem;
    color: #64625d;
    text-align: center;
    font-family: 'fzlty';
    margin-bottom: 1.05rem;
    line-height: 1.4;
}

/* 15周年庆神秘口令弹框 */
.pop-command {
    display: none;
}

.pop-command .pop-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pop-command .login-flex {
    /* margin-top: 0.5rem; */
    padding-top: 0.8rem;
    flex-direction: column;
    justify-content: center;
}

.pop-command .input-text {
    width: 8.15rem;
    height: .92rem;
    line-height: .92rem;
    border: 1px solid transparent;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/input-phone.png) 50% 50% / 100% 100% no-repeat;
    outline: none;
    user-select: none;
    padding: 0 .5rem;
    font-size: .32rem;
    color: #929086;
    /* position: relative; */
    border-radius: .1rem;
    font-family: 'fzlty';
}


.pop-command .bind-btn {
    position: relative;
    transform: none;
    left: auto;
    bottom: auto;
    margin: 0.6rem auto 0.8rem;
}

.pop-command .bind-btn:hover {
    background-color: #e6a82f;
    transform: translateY(-0.02rem);
}

.pop-command .website-info {
    font-family: 'fzlty';
}

.pop-command .website-text {
    font-size: .37rem;
    color: #292828;
    margin-bottom: .5rem;
    display: inline;
}

.pop-command .website-url {
    font-size: .37rem;
    color: #292828;
    font-weight: bold;
    margin-bottom: 1rem;
    display: inline;
}

.pop-command .game-tip {
    font-size: .26rem;
    color: #63625d;
    line-height: 1.4;
    margin-top: 0.5rem;
    padding: 0 .5rem;
}
.pop-command .font-tips{
    font-size: .3rem;
    color: #292828;
    font-family: 'fzlty';
}

/* 阻止背景滚动的样式 */
.modal-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

/* 确保规则弹框内的滚动容器可以正常滚动 */
.pop-rules .show-details,
.pop-apprules .show-details,
.pop-teamapprules .show-details {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* 优化弹框滚动条样式 */
/* .show-details {
    scrollbar-width: thin;
    scrollbar-color: rgba(4, 0, 0, 0.3) rgba(4, 0, 0, 0.4);
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.show-details::-webkit-scrollbar {
    width: 4px !important;
    height: 100%;
}

.show-details::-webkit-scrollbar-thumb {
    border-radius: 3px !important;
    background: rgba(4, 0, 0, 0.3) !important;
    border-right: 2px solid #ff9966 !important;
    -webkit-box-shadow: none !important;
    z-index: auto !important;
}

.show-details::-webkit-scrollbar-track {
    border-radius: 3px !important;
    background: rgba(4, 0, 0, 0.1) !important;
    box-shadow: inset 0 0 3px rgba(255, 117, 62, 0.3) !important;
    -webkit-box-shadow: none !important;
    transition: none !important;
    cursor: auto !important;
    user-select: auto !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
} */

/* 确保弹框内容区域可以正常滚动 */
.modal-open .show-details {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}