.lading-page_landingPage__0oDtf {
    max-width: 12rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 10000;
    background-color: #161532;
}
/* header */
.lading-page_header__Q8PWE {
    width: 100%;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem 0.6rem;
    box-sizing: border-box;
    background: #0D0B32;
    position: fixed;
    top: 0;
    max-width: 13rem;
    z-index: 20;
}
.lading-page_ImageWrapper__dv1ZW {
    width: 100%;
    height: auto;
}
.lading-page_loginBtn__DKkuY {
    padding: 0.18rem 0.4rem;
    font-size: 0.36rem;
    font-weight: 700;
    color: #ffffff;
    border: 2px solid #e304a6;
    border-radius: 0.4rem;
    cursor: pointer;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.08);
    outline: none;
    transition: background 0.2s;
}
.lading-page_signUpBtn__V1B6S {
    padding: 0.18rem 0.4rem;
    font-size: 0.36rem;
    font-weight: 700;
    color: #ffffff;
    background: #f805af;
    border-radius: 0.4rem;
    cursor: pointer;
    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.08);
    outline: none;
    transition: background 0.2s;
    margin-left: .5rem;
}
.lading-page_buttons__2OKwz{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* container */
.lading-page_container__LgQDQ {
    margin-top: 1.7rem;
    padding: 0 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 12rem;
}
.lading-page_bannerBox__ownqq {
    position: relative;
    width: 100%;
    height: 5rem;
    border-radius: 0.2rem;
    overflow: hidden;
    background: url("/img/google-landing/banner1.webp") center center/contain no-repeat;
    display: flex;
    align-items: center;
    box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.15);
}
.lading-page_bannerContent__XfCtC {
    position: relative;
    z-index: 2;
    width: 70%;
    color: #fff;
    text-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.2);
    padding: 0 0.4rem;
    top: -.2rem;
}
.lading-page_bannerTitle__kzd37 {
    /*font-size: 0.5rem;*/
    font-size: clamp(0.2rem, 4vw, 0.5rem);
    font-weight: 700;
    margin-bottom: 0.2rem;
    line-height: 1.1;
    text-wrap: nowrap;
    color: #FCFF00;
}
.lading-page_bannerDesc__d6GoA {
    font-size: 0.24rem;
    margin-bottom: 0.24rem;
    line-height: 1.4;
    color: #e6d1ff;
}
.lading-page_bannerSub__NvnNt {
    font-size: 0.3rem;
    font-weight: 700;
}
.lading-page_bannerBtn__ZzYKd {
    font-size: 0.28rem;
    font-weight: 700;
    background: #ff2fa6;
    color: #fff;
    border: none;
    border-radius: 0.4rem;
    padding: 0.16rem 0.7rem;
    cursor: pointer;
    box-shadow: 0 0.02rem 0.1rem 0 rgba(255, 47, 166, 0.2);
    transition: background 0.2s;
    position: relative;
    top: -0.2rem;
}
.lading-page_bannerBtn__ZzYKd:hover {
    background: #e02690;
}

/* game */
.lading-page_gamesWrapper___nd_p {
    margin-top: 0.8rem;
    width: 100%;
    max-width: 12rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 0.2rem;
}

.lading-page_slotSection__arsYz {
    margin-bottom: 0.6rem;
}

.lading-page_slotTitle__t0gAX {
    font-size: 0.36rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.24rem;
    padding-left: 0.1rem;
}

.lading-page_slotListWrapper__VrsTz {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-height: calc(2 * 3.2rem);
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}
.lading-page_slotList__mZOGe {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 3rem);
    grid-gap: 0.2rem;
    gap: 0.2rem;
    width: -webkit-max-content;
    width: max-content;
    max-width: none;
    overflow-y: hidden;
    overflow-x: auto;
    align-content: flex-start;
    /* cursor: grab; */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}
.lading-page_slotList__mZOGe::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.lading-page_slotListWrapper__VrsTz::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.lading-page_slotItem__zlJGb {
    flex: 0 0 2.2rem;
    width: 2.2rem;
    height: 3rem;
    margin-bottom: 0.15rem;
    margin-bottom: 0.15rem;
    border-radius: 0.18rem;
    overflow: hidden;
    background: #18182c;
    box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.18s;
}

.lading-page_slotItem__zlJGb:hover {
    transform: translateY(-0.08rem) scale(1.04);
}

.lading-page_slotImg__kWOlw {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.18rem;
    pointer-events: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* text */
.lading-page_featureGrid__D3rKp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.12rem;
    gap: 0.12rem;
    width: 100%;
    max-width: 12rem;
    padding: 0.1rem;
    background-color: #211f50;
    border-radius: 0.2rem;
}

.lading-page_featureItem__4SMNx {
    border-radius: 0.18rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    height: 4.5rem;
    align-items: center;
    justify-content: center;
}

.lading-page_featureImg__dE6RW {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    z-index: 0;
    pointer-events: none;
    margin-bottom: 0;
}

.lading-page_featureText__j5wJm {
    position: absolute;
    left: 0;
    bottom: 0.1rem;
    width: 100%;
    color: #fbddff;
    font-size: 0.26rem;
    text-align: left;
    line-height: 1.4;
    z-index: 1;
    padding: 0.18rem 0.1rem 0.12rem 0.1rem;
    background: transparent;
    white-space: pre-wrap;      /* 保留空白符，允许换行，但保持整词换行 */
    word-break: keep-all;       /* 禁止在单词内断行（适用于中英文） */
    overflow-wrap: break-word;
}

.lading-page_featureText__j5wJm li{
    list-style-type: disc;
    margin-left: 0.5rem;
}

.lading-page_featureBanner__1pOUK {
    max-width: 12rem;
    padding: 0 0.2rem;
}
.lading-page_featureBanner__1pOUK p {
    font-weight: 900;
    font-size: 0.5rem;
    margin: 0.7rem 0 0.5rem;
    color: #ffffff;
    line-height: 0.42rem;
    text-align: center;
}

/* footer */
.lading-page_footer__b7QXl {
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
    padding: 0.6rem 0.2rem 0.2rem 0.2rem;
    background: none;
    color: #fff;
    font-size: 0.25rem;
    box-sizing: border-box;
}

.lading-page_partnerTitle__28yOo {
    font-size: 0.48rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.22rem;
    letter-spacing: 0.01rem;
}

.lading-page_partnerList__GOpWG {
    display: flex;
    align-items: center;
    margin-bottom: 0.22rem;
    max-width: 12rem;
}

.lading-page_partnerItem__3RyrD {
    /* width: 100%; */
}

.lading-page_partnerItem__3RyrD img {
    /* height: 0.5rem; */
    height: 100%;
}

.lading-page_partnerMore__LS8CI {
    text-align: center;
    color: #c1e1ff;
    font-size: 0.36rem;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0.1rem;
    letter-spacing: 0.01rem;
}

.lading-page_footerLinks__nOTR6 {
    display: flex;
    justify-content: center;
    gap: 0.28rem;
    margin-bottom: 0.28rem;
    flex-wrap: wrap;
    max-width: 12rem;
}

.lading-page_footerLinks__nOTR6 a {
    color: #7c7fff;
    font-size: 0.26rem;
    text-decoration: underline;
    transition: color 0.2s;
}

.lading-page_footerLinks__nOTR6 a:hover {
    color: #ff2fa6;
}

.lading-page_footerNotice__JPPCq {
    display: flex;
    align-items: flex-start;
    gap: 0.18rem;
    background: none;
    margin-bottom: 0.8rem;
    font-size: 0.25rem;
    line-height: 1.5;
    max-width: 12rem;
    color: #c1e1ff;
}

.lading-page_noticeIcon__5b4J2 {
    width: 0.9rem;
    height: 0.9rem;
    flex-shrink: 0;
    object-fit: contain;
    /*margin-top: 0.04rem;*/
    margin-top: -0.08rem;
}

.lading-page_footerCopyright__kvEr2 {
    color: #bdb9e3;
    font-size: 0.25rem;
    text-align: left;
    line-height: 1.5;
    word-break: break-all;
    max-width: 12rem;
    background-color: #0d0c28;
    margin: 0 auto;
    /*position: relative;*/
    z-index: 10000;
    padding: 0.4rem;
}

/* PC端横向排版 */
@media (min-width: 900px) {
    .lading-page_landingPage__0oDtf {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .lading-page_headerContainer__Of9Ar {
        padding: 0 3rem;
    }

    .lading-page_header__Q8PWE {
        max-width: none;
    }
    .lading-page_container__LgQDQ {
        margin-top: 1.7rem;
        padding: 0 0.2rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        max-width: 100%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #5903d4;
    }
    .lading-page_slotTitle__t0gAX {
        font-size: 0.6rem;
        margin-top: 1.1rem;
    }
    .lading-page_bannerBox__ownqq {
        flex-direction: row;
        height: 7.5rem;
        min-height: 5.7rem;
        padding: 0 1.2rem;
        background: url("/img/google-landing/banner_2.webp") center center/contain no-repeat;
        display: flex;
        max-width: 1600px;
        width: 100%;
        margin: 0 auto;
        box-shadow: none;
    }
    .lading-page_banner_bg__T4My0 {
        background: #5902d3;
        width: 100%;
    }
    .lading-page_slotSection__arsYz {
        margin-bottom: 0;
    }
    .lading-page_bannerContent__XfCtC {
        width: 70%;
        padding: 0 0.6rem 0.4rem 0.2rem;
        margin-top: 0;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center; /* 垂直居中内容 */
    }
    .lading-page_bannerTitle__kzd37 {
        font-size: clamp(0.6rem, 4vw, 1rem); /* 自适应字体大小 */
        font-weight: 700;
        margin-bottom: 0.24rem;
        line-height: 1.1;
        white-space: nowrap;
    }
    .lading-page_bannerDesc__d6GoA {
        font-size: clamp(0.2rem, 4vw, 0.3rem); /* 自适应字体大小 */
        margin-bottom: 0.24rem;
        line-height: 1.5;
        color: #e6d1ff;
    }
    .lading-page_bannerSub__NvnNt {
        font-size: clamp(0.2rem, 4vw, 0.5rem); /* 自适应字体大小 */
        font-weight: 400;
    }
    .lading-page_bannerBtn__ZzYKd {
        font-size: clamp(0.2rem, 2.8vw, 0.5rem); /* 自适应字体大小 */
        top: 0.4rem;
        width: 6.07rem;
        height: 1.2rem;
        border-radius: 1rem;
    }
    .lading-page_bannerImage__OE846 {
        width: 45%;
        margin-top: 0;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        height: 100%;
        overflow: hidden;
    }
    .lading-page_characterImg__Xk7uq {
        width: 7rem;
        max-width: 100%;
        height: auto;
        min-width: 320px;
        object-fit: contain;
        display: block;
    }
    .lading-page_gamesWrapper___nd_p {
        max-width: 1200px;
        padding: 0 1rem;
        margin-top: 1rem;
    }

    .lading-page_slotListWrapper__VrsTz {
        overflow-x: visible;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .lading-page_slotList__mZOGe {
        display: flex;
        flex-direction: row;
        gap: 0.24rem;
        width: 100%;
        max-width: 1200px;
        align-items: flex-start;
        justify-content: flex-start;
        grid-auto-flow: unset;
        grid-template-rows: unset;
    }
    .lading-page_slotItem__zlJGb {
        width: 2.2rem;
        height: 3.5rem;
        margin-bottom: 0;
        flex: 0 0 2.5rem;
    }
    .lading-page_featureGrid__D3rKp {
        max-width: 1100px;
        margin: 2rem auto;
        padding: 0.2rem;
    }
    .lading-page_featureItem__4SMNx {
        height: 100%;
        padding: 0.2rem;
    }
    .lading-page_featureText__j5wJm {
        font-size: 0.40rem;
        padding: 1rem;
        bottom: -0.4rem;
    }
    .lading-page_featureBanner__1pOUK {
        max-width: 100%;
        font-size: 0.7rem;
        width: 100%;
        text-align: center;
    }
    .lading-page_featureImg__dE6RW {
        max-width: 1200px;
    }
    .lading-page_featureImgContainer__scFqX {
        width: 100%;
        /* 渐变色由上到下：9f1513-d2310b */
        background: linear-gradient(to bottom, #9f1513, #d2310b);
    }
    .lading-page_featureBanner__1pOUK p {
        font-size: 1.1rem;
        margin: 1rem 0 1.3rem;
    }
    .lading-page_partnerTitle__28yOo {
        margin: 1.56rem 0 0.8rem;
        font-size: 1.1rem;
    }
    .lading-page_partnerList__GOpWG {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .lading-page_partnerMore__LS8CI {
        color: #a3afd7;
        font-size: 0.5rem;
        margin-bottom: 2rem;
        font-weight: 400;
        margin-top: 0.8rem;
    }
    .lading-page_footerLinks__nOTR6,
    .lading-page_footerNotice__JPPCq {
        max-width: 1100px;

        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto auto 0.4rem;
    }
    .lading-page_footerLinks__nOTR6 a {
        margin: 0 0.5rem;
    }
    .lading-page_linksIcon__Br5lQ {
        width: 1.1rem;
        height: 0.6rem;
        background: url("/img/google-landing/logo.webp") center center/contain no-repeat;
        margin-right: 0.2rem;
    }
    .lading-page_footer__b7QXl {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .lading-page_footerCopyright_1__QIykQ {
        background: #0d0c28;
        display: grid;
        align-items: center;
        justify-content: center;
    }
    .lading-page_footerCopyright__kvEr2 {
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 1rem;
    }
    .lading-page_footerCopyright__kvEr2 p {
        font-size: 0.32rem;
        text-align: justify;
        line-height: 1.5;
        max-width: 1100px;
        color: #c1e1ff;
    }
}

@media (min-width: 1100px){
    .lading-page_bannerDesc__d6GoA {
        font-size: clamp(0.2rem, 4vw, 0.5rem); /* 自适应字体大小 */
        margin-bottom: 0.24rem;
        line-height: 1.5;
        color: #e6d1ff;
    }

    .lading-page_bannerSubBox__iYaf2{
        max-width: 1150px;
        margin: auto;
    }
}
.form_item__p5QB6 {
    padding-bottom: 0.7rem;
    position: relative;
}
.form_item_wrapper__g8yDZ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e4e4e4;
    border-radius: 0.2rem;
    padding: 0 0.4rem;
    height: 1.2rem;
}

.form_main_input__EkK0R {
    flex: 1 1;
    color: #211f2c;
}

.form_main_input__EkK0R input {
    width: 100%;
    line-height: 0.8rem;
}

.form_errorTips__WnSjJ {
    position: absolute;
    bottom: 0.15rem;
    color: #db496f;
    padding: 0.2rem 0.5rem 0 0.5rem;
}

.button_bock__xgd5w {
    display: block;
    width: 100%;
    color: #fff;
}

.button_small__qGKbq {
    padding: 0 0.3rem;
    line-height: 0.75rem;
    color: #fff;
    border-radius: 0.75rem;
}

.button_loadingSpinner__VMAgK {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-top-color: #fff;
    border-radius: 50%;
    animation: button_spin__iImNR 0.8s linear infinite;
}

@keyframes button_spin__iImNR {
    to {
        transform: rotate(360deg);
    }
}
/* 遮罩层样式 */
.SDialog_overlay__ghMmN {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    pointer-events: none; /* 禁止鼠标事件，直到弹窗显示 */
    transition: opacity 0.3s ease; /* 渐变显示效果 */
    opacity: 0;
}
.SDialog_overlay__ghMmN.SDialog_bottom__iTamQ {
    justify-content: center;
    align-items: end;
}
.SDialog_overlay__ghMmN.SDialog_show__yi0KU {
    opacity: 1;
    pointer-events: all; /* 弹窗显示后允许点击 */
}

.SDialog_overlay_hidden__NxXZJ {
    background: none;
    padding-top: 1.35rem;
}

/* 弹窗容器样式 */
.SDialog_container__7qZeu {
    border-radius: 0.3rem;
    padding: 0.5rem 0.2rem;
    width: 9.7rem;
    text-align: center;
    color: white;
    position: relative;
    background: linear-gradient(360deg, #4250a2, #7520a1);

    transform: translateY(20px); /* 初始位置在下方 */
    opacity: 0; /* 初始透明度 */
    transition:
        transform 0.3s ease-out,
        opacity 0.3s ease-out; /* 进入时的动画效果 */
}

.SDialog_container__7qZeu.SDialog_showDialog__Nxwys,
.SDialog_full__kPJBV.SDialog_showDialog__Nxwys {
    /*transform: translateY(0); !* 向上移动到正常位置 *!*/
    /*opacity: 1; !* 显示 *!*/
    animation: SDialog_showDialogAni__iXHPy 0.3s ease forwards;
}

.SDialog_container__7qZeu.SDialog_hideDialog__8DOOt,
.SDialog_full__kPJBV.SDialog_hideDialog__8DOOt {
    animation: SDialog_hideDialogAni__EIyJe 0.3s ease forwards;
}

.SDialog_container__7qZeu.SDialog_showFlipDialog__YcDz0,
.SDialog_full__kPJBV.SDialog_showFlipDialog__YcDz0 {
    /*transform: translateY(0); !* 向上移动到正常位置 *!*/
    /*opacity: 1; !* 显示 *!*/
    animation-name: SDialog_flipIn__Va_MS;
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

.SDialog_container__7qZeu.SDialog_hideFlipDialog__jGnQH,
.SDialog_full__kPJBV.SDialog_hideFlipDialog__jGnQH {
    animation-name: SDialog_flipOut__aA7oM;
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

.SDialog_full__kPJBV {
    width: 100%;
    height: 100%;
    opacity: 0; /* 初始透明度 */
    transition:
        transform 0.3s ease-out,
        opacity 0.3s ease-out; /* 进入时的动画效果 */
}

/* 显示弹窗的动画 */
@keyframes SDialog_showDialogAni__iXHPy {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes SDialog_hideDialogAni__EIyJe {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        opacity: 0;
        transform: scale(0.6);
    }
}

@keyframes SDialog_flipIn__Va_MS {
    0% {
        opacity: 0;
        transform: perspective(600px) rotateX(0deg);
        transform-origin: center top;
        animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
    }
    50% {
        transform: perspective(600px) rotateX(-10deg);
        transform-origin: center top;
        animation-timing-function: ease-in;
    }
    100% {
        opacity: 1;
        transform: perspective(600px) rotateX(0deg);
        transform-origin: center top;
        animation-timing-function: ease-out;
    }
}

@keyframes SDialog_flipOut__aA7oM {
    0% {
        opacity: 1;
        transform: perspective(600px) rotateX(0deg);
        transform-origin: center top;
        animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
    }
    50% {
        transform: perspective(600px) rotateX(-10deg);
        transform-origin: center top;
        animation-timing-function: ease-in;
    }
    100% {
        opacity: 0;
        transform: perspective(600px) rotateX(0deg);
        transform-origin: center top;
        animation-timing-function: ease-out;
    }
}

/* 弹窗头部 */
.SDialog_header__oTAIz {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    /*margin-bottom: 0.6rem;*/
    position: relative;
    min-height: 1rem;
}

.SDialog_header__oTAIz .SDialog_title__0ZWTx {
    /*margin: 0 0 0 0.2rem;*/
    /*font-size: 0.7rem;*/
    font-weight: 600;
    font-size: clamp(0.2rem, 0.7rem, 0.65rem);
}

.SDialog_icon__SZpK_ {
    margin-right: 0.2rem;
}

.SDialog_closeButton__V3bNk {
    background: none;
    border: none;
    font-size: 24px;
    color: white;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.53rem;
    height: 1.53rem;
    overflow: hidden;
    z-index: 9999;
    border-radius: 0 0.3rem 0 0;
}

.SDialog_closeButton__V3bNk:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.53rem 1.53rem 0;
    border-color: transparent #5d258f transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.SDialog_closeButton__V3bNk:hover {
    color: #ffcccb;
}

.SDialog_closeIcon__CRAwF {
    position: absolute;
    top: 0.09rem;
    right: 0.09rem;
    z-index: 2;
    color: #a27ebf;
    font-size: 0.7rem;
    font-weight: 700;
}

/* 弹窗主体内容 */
.SDialog_body__GGC3t {
    font-size: 0.45rem;
    line-height: 0.56rem;
    color: #fff;
    width: 8.96rem;
    background-color: rgba(0, 0, 0, 0.2);

    border-radius: 0.15rem;
    font-weight: 400;
    margin: 0 auto 0.5rem auto;
    min-height: 5.6rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.SDialog_content__0CEpx {
    font-size: 0.45rem;
    line-height: 0.56rem;
    color: #fff;
    width: 8.96rem;
    font-weight: 400;
    margin: 0 auto;
    min-height: 5.6rem;
}

.SDialog_bodyCenter__IGVuu {
    text-align: center;
    overflow-wrap: break-word;
    white-space: normal;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}
.SDialog_bodyPad__H_UeG {
    padding: 0.4rem;
}

/* 弹窗底部按钮区域 */
.SDialog_footer__qr9LV {
    display: flex;
    justify-content: space-around;
}

.SDialog_defaultBtn__Tz8sc {
    min-width: 4rem;
    background-color: #3ddc97;
    border: none;
    border-radius: 0.6rem;
    padding: 0.2rem 1rem;
    color: white;
    cursor: pointer;
    font-size: 0.62rem;
    font-weight: 700;
}

.SDialog_greenBtn__IUR4m {
    background-color: #17c147;
}

.SDialog_greenBtn__IUR4m:hover {
    background-color: #17c147;
}

.SDialog_warnBtn__Zr_t1 {
    background-color: #ff5252;
    border: none;
    border-radius: 0.6rem;
    color: white;
    cursor: pointer;
    font-size: 0.6rem;
}

.SDialog_warnBtn__Zr_t1:hover {
    background-color: #ff7373;
}

.SDialog_blueBtn__VPMBu {
    background-color: #0090ff;
}

.SDialog_blueBtn__VPMBu:hover {
    background-color: #0090ff;
}

.SDialog_grayBtn__mfMcO {
    background-color: #ccc;
}

.SDialog_grayBtn__mfMcO:hover {
    background-color: #ccc;
    cursor: not-allowed;
}

/*@media screen and (max-height: 1000px) and (min-aspect-ratio: 1 / 1) {*/
/*    !*body {*!*/
/*    !*    font-size: 25px!important;*!*/
/*    !*}*!*/
/*}*/

.popover_popover__CoGNM {
    position: relative;
}

.popover_dialog__b_G5F {
    position: absolute;
    width: 2rem;
    max-height: 6rem;
    background: #fff;
    text-align: center;
    line-height: 0.75rem;
    border-radius: 0.1rem;
    margin-top: 0.15rem;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transform: translate(0, 20px) scale(0.8);
    transform-origin: 0 0;
    filter: drop-shadow(0 12px 20px rgba(22, 42, 90, 0.08));
    transition:
        all 0.4s ease,
        transform 0.4s cubic-bezier(0.87, -0.41, 0.19, 1.44),
        filter 0.3s ease 0.2s;
}

.popover_dialog__b_G5F.popover_open__7JBBw {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 12px) scale(1);
    filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16));
}

.popover_dialog_content__iYcNq {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0.2rem 0;
}
.popover_dialog_content__iYcNq::before {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.2rem;
    background: #fff;
    top: -0.2rem;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.popover_arrow__dJF4T {
    margin-top: -0.75rem;
}

.popover_arrow_icon__fe5Zx {
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    color: #fff;
}

.popover_item__kh1ON {
    color: #95679d;
    font-weight: 700;
}
.popover_item__kh1ON:active,
.popover_item__kh1ON:hover {
    background: #dcd0e2;
}

.switch_switch__IPDjC {
    --checked-color: var(--switch-color);
    --height: 31px;
    --width: 51px;
    --border-width: 2px;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    position: relative;
}

.switch_checkbox__X1aoH {
    min-width: var(--width);
    height: var(--height);
    box-sizing: border-box;
    border-radius: 31px;
    background: #eee;
    z-index: 0;
    overflow: hidden;
    line-height: var(--height);
}

.switch_switch_checked__viuzt .switch_checkbox__X1aoH {
    background: var(--checked-color);
}

.switch_checkbox__X1aoH:before {
    content: " ";
    position: absolute;
    left: var(--border-width);
    top: var(--border-width);
    width: calc(100% - var(--border-width) * 2);
    height: calc(var(--height) - var(--border-width) * 2);
    border-radius: calc(var(--height) - var(--border-width) * 2);
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
    transition: all 0.2s;
    transform: scale(1);
}

.switch_switch_checked__viuzt .switch_checkbox__X1aoH:before {
    transform: scale(0);
}

.switch_handle__dKuFC {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--height) - var(--border-width) * 2);
    height: calc(var(--height) - var(--border-width) * 2);
    border-radius: calc(var(--height) - var(--border-width) * 2);
    background: #fff;
    position: absolute;
    z-index: 2;
    top: var(--border-width);
    left: var(--border-width);
    transition: all 0.2s;
    box-shadow:
        0 0 2px 0 rgba(0, 0, 0, 0.2),
        0 2px 11.5px 0 rgba(0, 0, 0, 0.08),
        -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.switch_switch_checked__viuzt .switch_handle__dKuFC {
    left: calc(100% - var(--height) + var(--border-width));
}

.switch_inner__hEvi4 {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px 0 calc(var(--height) - var(--border-width) + 5px);
    height: 100%;
    color: #999;
    transition: margin 0.2s;
    font-size: 15px;
}

.switch_switch_checked__viuzt .switch_inner__hEvi4 {
    margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 8px;
    color: #fff;
}

.GuidePage_guide_page__Wroh6 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10000;
}

.CoinLabel_coinLabel__fPo4x {
  width: 100%;
  height: 0.9rem;
  background-color: #000000;
  border-radius: 0.6rem;
  border: 0.06rem solid var(--border-color);
}
.CoinLabel_coinLabel_add__r_9Fq {
  width: 100%;
}
.CoinLabel_coinLabel_add__r_9Fq .CoinLabel_addBtn__NBn4l {
  display: block;
}
.CoinLabel_type__JVb1R {
  color: var(--border-color);
  font-size: 0.53rem;
  font-weight: 900;
  width: 1rem;
  text-align: center;
}
.CoinLabel_coin__voIzt {
  font-weight: 700;
  font-size: 0.42rem;
  color: #ffffff;
  flex: 1 1;
}
.CoinLabel_addBtn__NBn4l {
  display: none;
  padding: 0.1rem;
  color: #ffffff;
  cursor: pointer;
}
.CoinLabel_add__pWE1W {
  background-color: #b400ff;
  border-radius: 50%;
  width: 0.66rem;
  height: 0.66rem;
}
.CoinLabel_add__pWE1W span {
  color: #ffffff;
  font-size: 0.46rem;
}
.bubble-tip-container {
    position: relative;
}

.question-mark-button {
    width: 0.7rem;
    height: 0.7rem;
    background-size: 100% 100%;
    cursor: pointer;
    font-size: 0.3rem;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    background: #46bf4f;
    border-radius: 5rem;
}

.question-mark-button:hover {
}

.bubble-tip {
    position: absolute;
    top: 1.15rem;
    right: -0.12rem;
    width: 8rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.15rem;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    animation: fadeIn 0.3s ease;
}

.bubble-tip-arrow {
    position: absolute;
    top: -10px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 1001;
}

.bubble-tip-content {
    padding: 0.3rem;
    font-size: 0.4rem;
}

.bubble-tip p {
    margin: 0;
    color: #333;
    line-height: 1.5;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/_next/static/media/slick.25572f22.eot);
    src: url(/_next/static/media/slick.25572f22.eot?#iefix) format('embedded-opentype'), url(/_next/static/media/slick.653a4cbb.woff) format('woff'), url(/_next/static/media/slick.6aa1ee46.ttf) format('truetype'), url(/_next/static/media/slick.f895cfdf.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.toast_container__h1pbc {
    position: fixed;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    left: 0;
    z-index: 10000;
    text-align: center;
    color: #fff;
    font-size: 0.4rem;
    padding: 0.1rem 0;
}

.NumberScroll_wrapper__GqnRS {
    fontweight: 500;
    fontsize: 0.42rem;
    color: #ffffff;
}

.tabs_tabs__iwAKJ {
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    overflow: hidden;
}

.tabs_tabHeaders__600FU {
    display: flex;
    background-color: #1d0a33;
    border-radius: 0.6rem;
    color: #9487a1;
    padding: 0.15rem;
}

.tabs_tabHeader__vtQLi {
    flex: 1 1;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    font-size: 0.37rem;
    color: #9487a1;
    transition:
        background-color 0.3s,
        color 0.3s;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs_tabHeader__vtQLi:hover {
    /* background-color: #eaeaea; */
}

.tabs_tabHeader__vtQLi.tabs_active__rZy9J {
    color: #ffffff;
    width: 5.5rem;
    height: 1rem;
    font-size: 0.37rem;
    background: var(--tabs-bg-color);
    border-radius: 0.5rem;
    white-space: nowrap;
}

.tabs_tabContent__sktX3 {
    flex: 1 1;
    font-size: 0.37rem;
    color: #333;
    overflow-y: auto; /* 默认支持滚动 */
    overflow-x: hidden; /* 禁止横向滚动 */
}

.progress-bar-container {
    /* width: 7.4rem; */
    position: relative;
    background: var(--modalOverlay--progress-bg);
    border-radius: 10px;
    box-sizing: border-box;
    height: 0.27rem;
    right: 0.45rem;
}

.progress-bar-track,
.progress-bar-fill {
    height: 0.15rem;
    border-radius: 15px;
    position: absolute;
    top: 0.06rem;
    left: 0;
    right: 0;
    width: 100%;
}

.progress-bar-track {
    background-color: var(--modalOverlay--progress-bg);
    z-index: 1;
}

.progress-bar-fill {
    background-color: #f39c12;
    z-index: 2;
    transition: width 0.3s ease-in-out;
    margin-left: 0.06rem;
}

.progress-bar-track-marker {
    position: absolute;
    top: 50%;
    width: 0.45rem;
    height: 0.45rem;
    background-color: var(--modalOverlay--progress-bg);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 2;
}

.progress-bar-marker-container {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
    top: 0.15rem;
}

.progress-bar-marker {
    width: 0.35rem;
    height: 0.35rem;
    background-color: var(--modalOverlay--progress-bg);
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: -0.02rem;
    transform: translate(-50%, -50%);
    transition:
        background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out;
    right: -0.35rem;
}

.progress-bar-marker.active {
    background-color: #f39c12;
    border-color: #f39c12;
}

.progress-bar-label {
    color: white;
    font-weight: 300;
    font-size: 0.32rem;
    font-family: Roboto, sans-serif;
    white-space: nowrap;
    position: absolute;
    top: 0.35rem;
}

.Select_select__YFCUb {
    position: relative;
    font-size: 0.5rem;
    margin-right: 0.3rem;
    z-index: 10;
  }
  
  .Select_selected__FXHzx {
    background: #3b368b;
    color: #fff;
    border-radius: 0.18rem;
    padding: 0.18rem 0;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    position: relative;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .Select_dropdown___xHEo {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #3b368b;
    border-radius: 0.18rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 100;
    overflow: hidden;
    animation: Select_fadeIn__7zdWn 0.15s;
    overflow: auto;
    max-height: 4rem;
  }
  
  @keyframes Select_fadeIn__7zdWn {
    from { opacity: 0; transform: translateY(-10%);}
    to { opacity: 1; transform: translateY(0);}
  }
  
  .Select_option__LCkdJ {
    padding: 0.18rem 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    background: transparent;
    transition: background-color 0.2s;
  }
  
  .Select_option__LCkdJ:hover,
  .Select_active__OMuuo {
    background: #2d296b;
  }
.carousel-container {
    position: relative;
    overflow: hidden;
    /* --outer-r: 24px; */
    /* --p-distance: 12px; */
  }
  
  /* Track */
  .carousel-track {
    display: flex;
  }
  
  /* Carousel item */
  .carousel-item {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    /* border-radius: calc(var(--outer-r) - var(--p-distance)); */
    background-color: #0D0D0D;
    overflow: hidden;
    cursor: grab;
  }
  
  .carousel-item:active {
    cursor: grabbing;
  }
  
  .carousel-container.round {
    border: 1px solid #555;
  }
  
  .carousel-item.round {
    background-color: #0D0D0D;
    position: relative;
    bottom: .1em;
    border: 1px solid #555;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  
  .carousel-item-header.round {
    padding: 0;
    margin: 0;
  }
  
  .carousel-indicators-container.round {
    position: absolute;
    z-index: 2;
    bottom: 3em;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .carousel-indicator.active {
    background-color: #333333;
  }
  
  .carousel-indicator.inactive {
    background-color: rgba(51, 51, 51, 0.4);
  }
  
 
  
  /* Indicators */
  /* .carousel-indicators-container {
    display: flex;
    width: 100%;
    justify-content: center;
  } */
  
  .carousel-indicators {
    height: .2rem !important;
    display: flex;
    position: absolute;
    top: 0.4rem;
    width: 12rem;
    justify-content: center;
    align-items: center;
  }
  
  .carousel-indicator {
    width: .32rem;
    height: .1rem !important;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color 150ms;
    margin: 0 .125rem !important;
  }
  
  .carousel-indicator.active {
    background-color: #fff;
  }
  
  .carousel-indicator.inactive {
    background-color: #555;
  }

.page_container__8PKIw {
    max-width: 600px;
    margin: 0 auto ;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #fff;
    word-break: break-all;
}

.page_textContent__LT_8v h1,
.page_textContent__LT_8v h2,
.page_textContent__LT_8v h3 {
    font-weight: 600;
    margin-top: 1em;
    margin-bottom: 0.2em;
}

.page_textContent__LT_8v h1 {
    font-size: 0.75rem; /* 默认约 32px，基于 html font-size: 16px */
}

.page_textContent__LT_8v h2 {
    font-size: 0.6rem;
}

.page_textContent__LT_8v h3 {
    font-size: 0.5rem;
    margin-top: 0.5em;
}



.page_textContent__LT_8v p,
.page_textContent__LT_8v li {
    font-size: 16px;
    margin-bottom: 12px;
}
.page_textContent__LT_8v li {
    list-style-type: disc;
    margin-left: 20px;
}

.page_home_icon__ry6W_{
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 123, 255, 0.6); /* 半透明蓝色，60% 不透明度 */
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    border-radius: 50%;
}


.NavTabs_nav_tabs__LijUB {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.NavTabs_tab_container__XcGO8 {
    position: relative;
    flex: 1 1;
    text-align: center;
}

.NavTabs_tab_highlight__42YEd {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    /* background: var(--nav-bg-color); */
    background: greenyellow;
    border-radius: 2px;
    top: 1rem;
}


/* ******** footer */
/* .tab-highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #211f2c;
}

.nav-tabs-container {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.tab {
  position: relative;
  padding: 0.3rem 0;
  flex: 1;
  text-align: center;
}
.tab_wrapper {
  position: relative;
  flex: 1;
}

.tab_highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #211f2c;
  z-index: 1;
}

.tab_icon {
  position: relative;
  z-index: 2;
}
.tab_textMain {
position: relative;
z-index: 2;
} */
.VipGrade_header_vip_wrapper__gwJPU {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    border: 0.06rem solid var(--border-color);
    padding: 0.05rem;
    background: #000;
}

.VipGrade_vip_circle__RdCfY {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /*border: .06rem solid rgba(255, 255, 255, .3);*/
    background: conic-gradient(var(--circle-color) var(--progress), rgba(255, 255, 255, 0.3) var(--last));
    /*padding: 0.1rem;*/
}

.VipGrade_circle_num__4jSpZ {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 85%;
    background-color: #000;
    border-radius: 50%;
}

.VipGrade_vip_content__CK74C {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0;
    text-align: center;
    color: #fff;
    font-family: Roboto-Black;
    margin-top: -0.05rem;
}

.USRegionSelectorStyled_selectorContainer__chxrL {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.USRegionSelectorStyled_selector__2UHUc {
    width: 100%;
    font-size: 0.4rem;
    color: #666;
    border: none;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e4e4e4;
    border-radius: 0.2rem;
    padding: 0 0.4rem;
    height: 1.2rem;
    color: #9e94a5;
}

.USRegionSelectorStyled_arrowIconStyle__H4Mjk {
    font-size: 0.3rem;
    transform: rotate(90deg);
    margin-bottom: -0.055rem;
    margin-left: 0.15rem;
    display: inline-block;
    color: #9e94a5;
}

.USRegionSelectorStyled_error_wrapper__EmClb {
    display: flex;
    align-items: center;
    padding: 0.1rem 0.5rem;
}

.USRegionSelectorStyled_error_text__WmeD_ {
    margin-left: 0.1rem;
    color: #d9486f;
}
.USRegionSelectorStyled_grid3__V1fzR {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    gap: 8px;
}
.USRegionSelectorStyled_grid2__eYZOR {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
    gap: 8px;
}

.GameLoad_game_container__bf0tA {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    /*background-color: #361b4a;*/
    background: linear-gradient(180deg, rgba(122, 30, 123, 0.8), rgba(94, 23, 136, 0.8)) rgba(94, 23, 136, 1);
}
.GameLoad_game_fixed__0mZaS {
    position: fixed;
    top: 0;
    z-index: 1;
    left: 0;
}

.GameLoad_game_content__RRBvM {
    /*width: 5rem;*/
    height: 10rem;
    text-align: center;
    /*display: flex;*/
}
.GameLoad_game_box__A9XL8 {
    text-align: center;
    position: relative;
    width: 8rem;
    height: 8rem;
    padding-bottom: 0.3rem;
    box-sizing: content-box;
    margin: 0 auto;
}

.GameLoad_circle_1__KOujU,
.GameLoad_circle_2__uUGXj,
.GameLoad_circle_3__2UiGv,
.GameLoad_circle_4__GHtOL {
    border: 0.05rem solid transparent;
    border-top-color: rgba(227, 104, 255, 0.5);
    border-right-color: rgba(227, 104, 255, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
}

.GameLoad_circle_4__GHtOL {
    width: 7.8rem;
    height: 7.8rem;
    margin-left: -3.9rem;
    margin-top: -3.9rem;
    /*animation: spin 2.25s linear infinite;*/
}

.GameLoad_circle_3__2UiGv {
    width: 6rem;
    height: 6rem;
    margin-left: -3rem;
    margin-top: -3rem;
    /*animation: spin 2s linear infinite;*/
}

.GameLoad_circle_2__uUGXj {
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -2.25rem;
    margin-top: -2.25rem;
    /*animation: spin 1.75s linear reverse infinite;*/
}

.GameLoad_circle_1__KOujU {
    width: 3.72rem;
    height: 3.72rem;
    margin-left: -1.86rem;
    margin-top: -1.86rem;
    /*animation: spin 1.5s linear infinite;*/
    border-width: 0.1rem;
    opacity: 0.9;
}

.GameLoad_icon__pjZYw {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.48rem;
    height: 3.48rem;
    margin-left: -1.74rem;
    margin-top: -1.74rem;
    overflow: hidden;
    border-radius: 50%;

    border: 0.2rem solid rgba(227, 104, 255, 0.1);
}

@keyframes GameLoad_spin__Q_JvV {
    0% {
        transform: rotate(0deg) translateZ(0);
    }
    100% {
        transform: rotate(360deg) translateZ(0);
    }
}

/* 添加媒体查询控制 */
/*@media (prefers-reduced-motion: reduce) {*/
/*    .circle_1, .circle_2, .circle_3, .circle_4 {*/
/*        animation: none !important;*/
/*        border-top-color: transparent;*/
/*        border-right-color: transparent;*/
/*    }*/
/*}*/

.GameLoad_game_title__PvOPL {
    text-align: center;
    color: #b378ce;
    font-size: 0.7rem;
    font-weight: 800;
}
.GameLoad_game_info__SOyCj {
    text-align: center;
    color: #bb81d4;
    font-size: 0.45rem;
    padding-top: 0.3rem;
    font-weight: 500;
}

.RedeemBottomInfo_notice__vsLxg {
    bottom: 1.8rem;
    font-weight: 400;
    font-size: 0.3rem;
    color: #5a5c9f;
    line-height: 0.4rem;
    padding: 0.5rem 1rem;
}

/* AddressCom.module.css */
.AddressCom_container__Ihrlh {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(3.8rem, 1fr));
  grid-gap: 0.2rem;
  padding: 0.2rem;
  corlor: #211f2c;
}
.AddressCom_formGroup__5Vxbb {
  /*background-color: lightblue;*/
  padding: 0.1rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.AddressCom_formGroup__5Vxbb:nth-child(0) {
  z-index: 10;
}
.AddressCom_formGroup__5Vxbb:nth-child(1) {
  z-index: 9;
}
.AddressCom_formGroup__5Vxbb:nth-child(2) {
  z-index: 8;
}
.AddressCom_label__D4SOo {
  display: block;
  font-size: 0.4rem;
  font-weight: 400;
  margin-bottom: 0.1rem;
}
.AddressCom_input__z3Nlb {
  width: 100%;
  height: 1rem;
  border: 0;
  border-radius: 0.15rem;
  font-size: 0.36rem;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 9;
  padding: 0.1rem 0.1rem 0.1rem 0.3rem;
}
.AddressCom_button__dC__8 {
  padding: 12px 20px;
  background-color: #4caf50;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}
.AddressCom_button__dC__8:hover {
  background-color: #45a049;
}
/* 自定义下拉框 */
.AddressCom_customDropdown__9OSgP {
  position: relative;
  z-index: 1;
  display: flex;
}
.AddressCom_customDropdown__9OSgP input {
  color: #765c88;
}
.AddressCom_shrink__dJrNb {
  position: absolute;
  top: 0;
  right: 0;
  color: #b270c6;
  display: block;
  height: 1rem;
  line-height: 1rem;
  z-index: 10;
}
.AddressCom_dropdownList__kzjYe {
  position: absolute;
  top: 0.9rem;
  width: 100%;
  background: #cbbdd0;
  border-radius: 0 0 0.15rem 0.15rem;
  display: block;
  max-height: 4rem;
  overflow-y: auto;
  z-index: 1;
  padding-top: 0.1rem;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}
.AddressCom_dropdownItem__5V18C {
  cursor: pointer;
  font-size: 0.36rem;
  color: #211f2c;
  padding: 0.25rem 0 0.25rem 0.25rem;
}
.AddressCom_dropdownItem__5V18C:hover {
  background-color: #b270c6;
}
/* 显示下拉菜单 */
.AddressCom_customDropdown__9OSgP.AddressCom_open__1WcLM .AddressCom_dropdownList__kzjYe {
  display: block;
}
.redeem_btn__8IoY1 {
  width: 9rem;
  display: block;
  color: #fff;
  height: 1.2rem;
  font-size: 0.6rem;
  background: #0090ff;
  margin: 0.7rem auto;
  border-radius: 1rem;
}
.redeem_btn_cash_out_confirm__0oDxY {
  margin-top: 2.4rem;
}
.redeem_listLogo__hFSHC {
  position: relative;
  min-height: 1.8rem;
  width: 2.8rem;
  margin: 0.2rem auto;
}
.redeem_logoItem__wPDrk {
  width: 2.1rem;
  height: 1.3rem;
  margin: 0.1rem 0.1rem;
  position: relative;
  box-sizing: content-box;
  cursor: pointer;
  border-radius: 0.23rem;
}
.redeem_logoItem__wPDrk img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.redeem_logoItem__wPDrk input {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.redeem_curActive__ZeC_2 {
  border: 0.08rem solid #ffffff;
}
.redeem_curActive__ZeC_2:after {
  content: "";
  width: 0;
  height: 0;
  z-index: 9;
  position: absolute;
  bottom: -0.23rem;
  left: 50%;
  display: block;
  border-style: solid;
  border-width: 0.2rem 0.2rem 0 0.2rem;
  border-color: #ffffff transparent transparent transparent;
  border-radius: 0.2rem;
  transform: translate(-50%, 0);
}
.redeem_content__f1SIe {
  width: 100%;
  margin: 0.2rem auto;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.3rem 0.3rem;
  border-radius: 0.15rem;
  color: #ffffff;
}
.redeem_emailBox__qW7gw .redeem_info__3cqob {
  font-size: 0.3rem;
  color: #b263c9;
  width: 8rem;
  margin: 0.5rem auto;
  text-align: center;
}
.redeem_eTitle__6OX6N {
  font-size: 0.6rem;
  font-weight: 500;
}
.redeem_inputBox__akT34 .redeem_inputName__Pbxaj {
  width: 2rem;
  text-align: right;
  margin-right: 0.2rem;
  font-size: 0.4rem;
  line-height: 0.4rem;
}
.redeem_inputBox__akT34 .redeem_input__qs_iP {
  width: 6.4rem;
  height: 1rem;
  background-color: #e4e4e4;
  border-radius: 0.15rem;
  position: relative;
  font-size: 0.4rem;
}
.redeem_inputBox__akT34 input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  color: #000000;
  font-size: 0.4rem;
}
.redeem_inputBox__akT34 input:-ms-input-placeholder {
  color: #9e94a5;
}
.redeem_inputBox__akT34 input::placeholder {
  color: #9e94a5;
}
.redeem_inputBox__akT34 .redeem_err__w7pZI {
  position: absolute;
  bottom: -0.38rem;
  left: 0.2rem;
  color: #ff235c;
  font-size: 0.3rem;
}
.redeem_inputItem__NppZQ {
  padding: 0.4rem 0;
}
/* AddressForm.css */
.redeem_form-group__fLKT8 {
  margin-bottom: 15px;
}
.redeem_redeemInfo__j1NYl {
  padding: 0.5rem 0.6rem;
}
.redeem_accountBox___ZZ6k {
  width: 100%;
  margin: 0.2rem auto;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0;
  border-radius: 0.15rem;
  color: #ffffff;
}
.redeem_avatar__T88rJ {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  position: relative;
}
.redeem_iconPen__WrDu3 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #4f9bf8;
  color: #ffffff;
  overflow: hidden;
  border-radius: 50%;
  border: #411957 0.06rem solid;
  cursor: pointer;
}
.redeem_accountInfo___5N58 {
  padding: 0.2rem 0.4rem;
  max-width: 80%;
}
.redeem_accountInfo___5N58 .redeem_title__8fA9E {
  font-weight: bold;
  font-size: 0.4rem;
}
.redeem_accountInfo___5N58 .redeem_account__mD8xg {
  font-weight: 400;
  font-size: 0.52rem;
  padding-top: 0.2rem;
}
.redeem_outBox__Mrstj {
  width: 100%;
  margin: 0.2rem auto;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.4rem 0.6rem;
  border-radius: 0.15rem;
  color: #ffffff;
}
.redeem_redeemInfoBottom__aiyjb {
  background-color: #3a0f55;
  padding: 0.4rem 0.6rem;
  border-bottom-left-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}
.redeem_redeemInfoBottom_info__o9jRI {
  font-weight: 500;
  font-size: 0.4rem;
  color: #ffffff;
}
.redeem_redeemInfoBottom_info2__lmcv_ {
  padding-top: 0.2rem;
}
.redeem_outAmount__VGcad {
  padding: 0.4rem 0;
}
.redeem_outAmount_type__cjHNH {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  position: relative;
}
.redeem_outAmount_type__cjHNH img {
  width: 100%;
}
.redeem_outAmount_input__aeWLi {
  position: relative;
  width: 6.8rem;
  height: 1rem;
  margin-left: 0.4rem;
}
.redeem_outAmount_input__aeWLi input {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.36rem;
  padding: 0.2rem 0.39rem;
  background-color: #e4e4e4;
  border-radius: 0.15rem;
  color: #000000;
}
.redeem_outAmount_input__aeWLi input:-ms-input-placeholder {
  color: #9e94a5;
}
.redeem_outAmount_input__aeWLi input::placeholder {
  color: #9e94a5;
}
.redeem_outAmount_input_err__Dp7dX {
  font-weight: 500;
  font-size: 0.3rem;
  color: #db496f;
  padding-left: 0.4rem;
  padding-top: 0.1rem;
}
.redeem_inf___q3EF {
  font-size: 0.4rem;
}
.redeem_outInfo_item__j_J47 {
  padding: 0.1rem 0;
}
.redeem_outInfo_tips__rk0N_ {
  position: relative;
  width: 0.48rem;
  height: 0.48rem;
  background-color: #db496f;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 0.2rem;
}
.redeem_outInfo_tipsDow__WrW3T {
  position: absolute;
  opacity: 1;
  display: block;
  top: 0.8rem;
  left: -0.5rem;
  background-color: #ffffff;
  color: #000000;
  width: 7.2rem;
  border-radius: 0.15rem;
  padding: 0.3rem 0.5rem;
}
.redeem_outInfo_tipsDow_icon__KXtQi {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.15rem;
}
.redeem_outInfo_tipsDow__WrW3T h3 {
  font-size: 0.46rem;
  font-weight: 700;
}
.redeem_outInfo_tipsDow__WrW3T section {
  font-size: 0.44rem;
  font-weight: 400;
  padding: 0.15rem 0;
}
.redeem_outInfo_tipsDow__WrW3T :after {
  content: "";
  width: 0;
  height: 0;
  z-index: 9;
  position: absolute;
  left: 0.55rem;
  top: -0.2rem;
  display: block;
  border-width: 0.2rem 0.2rem 0 0.2rem;
  border-left: 0.2rem solid transparent;
  border-right: 0.2rem solid transparent;
  border-bottom: 0.2rem solid #ffffff;
  border-radius: 0;
}
.redeem_SCIcon__E3qLI {
  margin-right: 0.3rem;
  width: 0.86rem;
  height: 0.86rem;
}
.redeem_redeem_account_wrapper__W7GCj,
.redeem_redeem_cash_out_wrapper__QWrhC {
  width: 100%;
  height: auto;
  min-height: 100%;
  padding: 1.6rem 0.3rem 1rem 0.3rem;
  background: linear-gradient(180deg, rgba(122, 30, 123, 0.8), rgba(94, 23, 136, 0.8));
}
.redeem_cardAddIcon__hCcUY {
  width: 4.4rem;
  height: 2.4rem;
  margin: 0.2rem auto;
  cursor: pointer;
}
.UI_test__x5scQ {
    background: red;
    font-size: 0.3rem;
}

.UI_confirmBody__iBE1G {
    text-align: left;
    font-size: 0.45rem;
}
.UI_account__pjJUF {
    background-color: #e4e4e4;
    width: 7.6rem;
    min-height: 1rem;
    padding: 0.2rem 0.2rem;
    text-align: center;
    color: #211f2c;
    margin: 0.2rem auto;
    border-radius: 0.15rem;
    font-size: 0.52rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    white-space: normal;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    display: block !important;
}

.UI_s_head__SDCEn {
    background-color: rgba(0, 0, 0, 0.3);
    color: #bc8cf0;
    border-radius: 0.1rem;
    padding: 0.2rem 0.2rem;
    margin-bottom: 0.2rem;
    font-size: 0.4rem;
}

.UI_s_col__OMv41 {
    width: 30%;
}

.BubbleTipFree_container__SEiwr {
    position: relative;
    /*display: inline-block;*/
}

.BubbleTipFree_btn__Rs2ek {
    position: relative;
    width: 0.48rem;
    height: 0.48rem;
    background-color: #db496f;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 0.2rem;
}

/*.question-mark-button {*/
/*    !*background-color: #f0f0f0;*!*/
/*    !*border: 1px solid #ccc;*!*/
/*    !*border-radius: 50%;*!*/
/*    width: 0.8rem;*/
/*    height: 0.8rem;*/
/*    background: url("/img/redeem/img_smdi.webp") no-repeat;*/
/*    background-size: 100% 100%;*/
/*    cursor: pointer;*/
/*    font-size: 0.3rem;*/
/*    color: #333;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    transition: background-color 0.3s ease;*/
/*}*/

/*.question-mark-button:hover {*/
/*    !*background-color: #e0e0e0;*!*/
/*}*/

.BubbleTipFree_tip__lWWwf {
    position: absolute;
    top: 0.8rem;
    left: 0;
    width: 6rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.15rem;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    animation: BubbleTipFree_fadeIn__JFW7g 0.3s ease;
}

.BubbleTipFree_arrow_left__l225R {
    position: absolute;
    top: -10px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 1001;
}

.BubbleTipFree_content__MITTC {
    padding: 0.3rem;
    font-size: 0.43rem;
}

.BubbleTipFree_content__MITTC p {
    margin: 0;
    color: #333;
    line-height: 1.5;
}

@keyframes BubbleTipFree_fadeIn__JFW7g {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.list_wrapper__qDZgR {
    color: #fff;
    padding: 0 2%;
    min-height: 70vh;
    overflow: auto;
}
.list_head__WhRXE {
    display: flex;
    font-size: 0.4rem;
    color: #aa62dc;
    padding: 0.6rem 0 0.3rem 0;
}
.list_row__pVpzE {
    display: flex;
    background: rgba(56, 15, 86, 0.8);
    margin-bottom: 0.4rem;
    border-radius: 0.1rem;
    font-size: 0.3rem;
    padding: 0.2rem 0;
    align-items: center;
}
.list_col__TUp8w {
    flex: 1 1;
}
.list_sucess__9u04_ {
    color: #39e516;
}
.list_waiting__YcOjL {
    color: #00b4ff;
}
.list_fail__339FB {
    color: #d9001b;
}
.list_icon_coin__pUf44 {
    width: 0.55rem;
}
.list_icon_payment__HLXgy {
    width: 0.92rem;
    height: 0.92rem;
    vertical-align: middle;
    margin-right: 0.2rem;
}
.list_empty__2RKN8 {
    height: 6rem;
    line-height: 6rem;
    color: #999;
    font-size: 0.4rem;
}

.select_list__Zr69X {
    max-height: 6.5rem;
}
.select_out_item__Nkeh2 {
    padding: 0.05rem 0.36rem;
    cursor: pointer;
}
.select_goBack__j1hTC {
    position: absolute;
    top: 0.125rem;
    left: 0.2rem;
}
.select_header__Q_bGA {
    height: 1.6rem;
    font-size: 0.7rem;
    line-height: 1.6rem;
    background: linear-gradient(180deg, rgba(122, 20, 123, 0.8), rgba(94, 23, 136, 0.8));
}
.select_tips__pJXcj {
    font-size: 0.4rem;
    color: #46bf4f;
    padding-top: 0;
}

.page_page__hPHK_ {
    position: relative;
    color: #fff;
    text-align: center;
    padding-top: 1.6rem;
}
.page_goBack__mt7g2 {
    position: absolute;
    top: 0.125rem;
    left: 0.2rem;
}
.page_header__KYKQN {
    height: 1.6rem;
    font-size: 0.7rem;
    line-height: 1.6rem;
    background: linear-gradient(180deg, rgba(122, 20, 123, 0.8), rgba(94, 23, 136, 0.8));
}
.page_tips__EFApw {
    font-size: 0.4rem;
    color: #46bf4f;
    padding-top: 0;
}

.redeem_page__TzuYV {
  padding: 0 0.3rem;
  color: #fff;
  text-align: center;
}
.redeem_title__bDKY2 {
  text-align: center;
  position: relative;
  /*margin-top: .15rem;*/
}
.redeem_history__uxa3P {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 4.05rem;
  border: 0.06rem solid var(--border-color);
  padding: 0.1rem;
  border-radius: 1rem;
  width: 0.8rem;
  height: 0.8rem;
}
.redeem_record_box__tv5LY {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.redeem_redeemHistoryIcon__soKTZ {
  color: #ffffff;
  font-size: 0.5rem !important;
}
.redeem_itemCenter__Tier8 {
  background: linear-gradient(180deg, #7a1e7b, #5e1788);
  border-radius: 0.25rem;
  width: 9.06rem;
  margin: 0.4rem auto;
  padding: 0.56rem 0.25rem;
  position: relative;
}
.redeem_itemCenterMore__yEi1l {
  position: absolute;
  top: 0.05rem;
  right: 0.1rem;
}
.redeem_item__JuIVB {
  width: 100%;
  height: 2.7rem;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  border-radius: 0.2rem;
  text-align: center;
}
.redeem_item__JuIVB .redeem_info__zv3_R {
  font-weight: 400;
  font-size: 0.45rem;
  color: #ffffff;
  padding-top: 0.48rem;
}
.redeem_itemTop__N9J7W {
  margin-top: 0.25rem;
}
.redeem_gold___VDz3 {
  padding-top: 0.2rem;
}
.redeem_gold___VDz3 .redeem_goldIcon__M12Hn {
  margin-right: 0.3rem;
  width: 0.86rem;
  height: 0.86rem;
}
.redeem_gold___VDz3 .redeem_val___1u8b {
  font-weight: 700;
  font-size: 0.9rem;
}
.redeem_btn__IAJdd {
  width: 9rem;
  display: block;
  color: #fff;
  height: 1.2rem;
  font-size: 0.6rem;
  background: #33d24a;
  margin: 0.4rem auto;
  border-radius: 1rem;
  font-weight: 700;
}
.redeem_tips_bottom__XuwPN {
  max-width: 10.24rem;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 0.45rem;
  color: #ffffff;
}
.newcomerGiftPack_layer__SIsOi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1000;
    padding: 0 0.5rem;
}

.newcomerGiftPack_wrapper__1UXHX {
    z-index: 1001;
    width: 9.2rem;
    max-width: 9.2rem;
    height: 11rem;
    background: url("data:image/webp;base64,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")
        no-repeat;
    background-size: 100% 100%;
}

.newcomerGiftPack_content__22LhA {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    padding-top: 0.4rem;
}

.newcomerGiftPack_content__22LhA h4 {
    color: #f1ab39;
}

.newcomerGiftPack_content__22LhA h1 {
    color: #fff;
}

.newcomerGiftPack_icon_close__eEryu {
    position: absolute;
    top: 0;
    right: 0.3rem;
    z-index: 1010;
}

.newcomerGiftPack_main__7ZKuY {
    width: 94%;
    height: 4.4rem;
    background: #5a0c86;
    border-radius: 0.3rem;
    margin: 1.2rem auto 0.5rem auto;
    position: relative;
}

.newcomerGiftPack_main_icon__JIKbg {
    width: 4.8rem;
    margin-top: -1.1rem;
}

.newcomerGiftPack_text_claim__olEXt {
    font-size: 0.5rem;
    color: #9a8aff;
    margin-top: -0.1rem;
}

.newcomerGiftPack_icon_gold__3y8Dc {
    width: 1rem;
    margin-right: 0.2rem;
}

.newcomerGiftPack_text_num__J166M {
    font-size: 1.3rem;
    font-weight: 900;
    color: #faee31;
}

.newcomerGiftPack_text_num__J166M:nth-last-child(1) {
    color: #44ff0f;
}

.newcomerGiftPack_text_plus__49rcU {
    font-weight: 900;
    margin: 0 0.3rem;
    color: #fff;
    display: inline-block;
    vertical-align: 0.1rem;
}

.PwaGuideDialog_container__pNT_e {
    position: relative;
    padding-top: 2.8rem;
}

.PwaGuideDialog_phone__sgW0V {
    width: 4.7rem;
    height: 4.1rem;
    position: absolute;
    left: 0;
    top: -1.4rem;
    z-index: 101;
}

.PwaGuideDialog_circle__mLCvP {
    width: 2.6rem;
    height: 2.7rem;
    position: absolute;
    left: 3.85rem;
    top: -0.6rem;
    z-index: 102;
}

.PwaGuideDialog_money__vxAu6 {
    width: 1.1rem;
    height: 0.8rem;
    position: absolute;
    z-index: 103;
}

.PwaGuideDialog_money1__O6Shp {
    top: -0.95rem;
    left: 0.7rem;
}

.PwaGuideDialog_money2__vkjy7 {
    top: 1.5rem;
    left: 5.9rem;
}

.PwaGuideDialog_gold__bzpPp {
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    left: 0.45rem;
    top: 0.3rem;
}

.PwaGuideDialog_sc_free__MAKQa {
    width: 6.1rem;
    height: 1.3rem;
    background: #240758;
    border-radius: 0.6rem;
    color: #44ff0f;
    font-size: 0.7rem;
    line-height: 1.3rem;
    position: relative;
    text-indent: 0.6rem;
    margin: 0.25rem auto 0 auto;
    font-weight: 700;
}

.PwaGuideDialog_title__Ao1Ly {
    color: #55FF32;
    font-weight: bold;
    font-size: .6rem;
}

.PwaGuideDialog_btn_install___sHjH {
    position: fixed;
    right: 1.3rem;
    bottom: 1.85rem;
    width: 2.9rem;
    z-index: 100001;
}
.InfoDetailBox_gift_content__bEoQ6 {
    padding-bottom: 0.5rem;
    text-align: left;
    white-space: pre-wrap;
}

.InfoDetailBox_gift_msg_content__98LYC {
    max-height: 3.9rem;
    overflow-y: auto;
}

.InfoDetailBox_gift_box__7shtA {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    padding-top: 0.3rem;
    text-align: left;
    height: 3rem;
}

.InfoDetailBox_gift_list__UCbTt {
    display: flex;
    gap: 0.3rem;
    text-align: center;
    font-size: 0.4rem;
    margin-top: 0.2rem;
    color: #33d24a;
    font-weight: bold;
}

.InfoDetailBox_gift__l45_G {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.1rem;
    padding: 0.25rem 0.3rem 0.1rem 0.3rem;
    position: relative;
}

.InfoDetailBox_gift_no_bg__gcECR {
    background: none;
}

.InfoDetailBox_gift_gray__xo7Fo {
    background: none;
    border-radius: 0.2rem;
    /*filter: brightness(0.5);*/
}

.InfoDetailBox_gift_gray__xo7Fo::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(27, 28, 38, 0.6);
    border-radius: 0.1rem;
}

.InfoDetailBox_gift_icon__bTeDK {
    width: 1.2rem;
}

.InfoDetailBox_gift_check__PgP57 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0.7rem;
}

.InfoDetailBox_gc_color__zkHya {
    color: #faee31;
    margin-top: -0.15rem;
}

.InfoDetailBox_sc_color__ehe_w {
    color: #33d24a;
    margin-top: -0.15rem;
}

.inboxDialog_modalOverlay__DJlTx {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    top: 1.8rem;
    margin: 0 auto;
}

.inboxDialog_modal__7WQIC {
    background: #05011d;
    color: #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    position: relative;
    font-size: 0.3rem;
    max-width: 12rem;
}

.inboxDialog_header__bJKAb {
    text-align: center;
    background-image: url("/img/rewards/banner_inbox@2x.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 2.5rem;
    position: relative;
    display: flex;
    align-items: center;
}
.inboxDialog_headerContent__Qjfdp {
    display: flex;
    align-items: center;
}
.inboxDialog_headerContent__Qjfdp img {
    width: 0.52rem;
    margin: 0 0.56rem;
    /* height: 0.32rem; */
}
.inboxDialog_headerContent__Qjfdp h1 {
    font-weight: lighter !important;
}

.inboxDialog_emails__L5wf9 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: calc(100% - 3.8rem) !important;
    /* height: 100%; */
    overflow-y: auto;
    margin-top: 0.3rem;
    padding: 0 0.4rem 0.4rem 0.4rem;
    position: relative;
}

.inboxDialog_emailItem__VEYVq {
    padding: 0.5rem;
    border-radius: 10px;
    background: linear-gradient(180deg, #2a0a3b, #22083f);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.inboxDialog_item_gray___s5QA {
    background: #261c31;
    color: #655c6f;
}

.inboxDialog_item_gray___s5QA .inboxDialog_rechargeLabel__ieGhy {
    color: #655c6f;
}

.inboxDialog_item_gray___s5QA .inboxDialog_emailValue__adTHG {
    color: #4f4659;
}

.inboxDialog_statuIcon__A8JlP {
    width: 0.39rem;
    height: 0.39rem;
    background: #ff183e;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.39);
    border-radius: 50%;
    border: 1px solid #ffe9e9;
    position: absolute;
    right: 0;
    top: 0;
}

.inboxDialog_leftContent__zGUjN {
    display: flex;
    align-items: center;
    width: 100%;
}
.inboxDialog_iconStyle__bSq1I {
    width: 1rem;
    margin-right: 0.4rem;
}

.inboxDialog_emailDetails__VaXth {
    display: flex;
    justify-content: space-between;
    /* margin: 0.2rem 0; */
    font-size: 14px;
    color: #333;
}
.inboxDialog_delTime__shl_0 {
    color: #1cd551;
}

.inboxDialog_emailButton__Si5Du {
    width: 2.8rem;
    height: 1rem;
    background: #0090ff;
    border-radius: 0.5rem;

    font-family: Roboto;
    font-weight: 700;
    font-size: 0.52rem;
    color: #ffffff;
}
.inboxDialog_claimButton__GgR7z {
    background: #1cd551;
}
.inboxDialog_emailButton__Si5Du:hover {
    opacity: 0.9;
}

.inboxDialog_emailButton__Si5Du:active {
    transform: scale(0.98);
}

.inboxDialog_checkmark__XQffP {
    display: inline-block;
    height: 0.52rem;
    /* position: absolute;
  bottom: -0.1rem;
  right: 0; */
}
.inboxDialog_checkmark__XQffP img {
    width: 100%;
    height: 100%;
    transform: scaleX(-1); /* 水平翻转 */
}

.inboxDialog_progressContainer__gyfA8 {
    width: 100%;
    color: #fff;
    font-family: Arial, sans-serif;
    background: var(--tabs-bg-color);
    height: 2rem;
    border-radius: 0.2rem;
    padding: 0 0.2rem 0.2rem 0;
    margin: 0.4rem 0;
    display: flex;
}
.inboxDialog_progressContainerImg__z95OY {
    width: 2.7rem !important;
    height: 2rem !important;
    position: relative !important;
}
.inboxDialog_progressStyle__jPLZH {
    width: 77%;
}

.inboxDialog_label__tZHqA {
    margin-bottom: 8px;
    font-size: 0.4rem;
    color: #d0c0e0;
    position: relative;
    right: 0.5rem;
    margin-top: 0.2rem;
}

.inboxDialog_progressBar__lFm7f {
    position: relative;
    height: 0.4rem;
    border-radius: 50px;
    padding: 0.1rem;
    background-color: #3e2146; /* 背景条颜色 */
    overflow: hidden;
    right: 0.5rem;
}

.inboxDialog_progressFill__Yy3xi {
    height: 100%;
    background-color: #ff8c00; /* 进度条颜色 */
    transition: width 0.3s ease;
    border-radius: 50px;
}

.inboxDialog_milestones__eQHKA {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #ffffff;
    right: 0.5rem;
    top: 5px;
}

.inboxDialog_milestone__CepLz {
    position: relative;
    text-align: center;
    font-size: 0.38rem;
}

.inboxDialog_rechargeText__42y1y {
    font-size: 0.4rem;
    color: #d0c0e0;
    margin-bottom: 0.1rem;
}

.inboxDialog_rechargeLabel__ieGhy {
    color: #d0c0e0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 7rem;
}

.inboxDialog_rechargeTarget___h4Fc {
    color: #1cd551;
    font-weight: bold;
}

.inboxDialog_rechargeProgress___sPwQ {
    color: #d0c0e0;
}

.inboxDialog_progressComplete__qrLlt {
    color: #1cd551; /* 完成时的颜色 */
    font-weight: bold;
}

.inboxDialog_progressIncomplete__LbxLf {
    color: #d0c0e0; /* 未完成时的颜色 */
}
.inboxDialog_emailValue__adTHG {
    color: #7b6b8d;
    display: flex;
    align-items: center;
    font-size: 0.4rem;
}

.inboxDialog_emailValue__adTHG span {
    margin-left: 0.2rem;
}
.inboxDialog_noPresent__yCBYu {
    width: 100%;
    height: 0.49rem;
    font-family: Roboto;
    font-weight: 400;
    font-size: 0.52rem;
    color: #454354;
    text-align: center;
    margin-bottom: 1rem;
}

.page_page__yRWMN {
    padding: 0 0.3rem;
    color: #fff;
    text-align: center;
}

.page_title__VScbl {
    text-align: center;
    position: relative;
    /*margin-top: .15rem;*/
}

.page_history__fsl4p {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 4.05rem;
    border: 0.06rem solid var(--border-color);
    padding: 0.1rem;
    border-radius: 1rem;
    width: 0.8rem;
    height: 0.8rem;
}

.page_record_box__tZn3T {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_grid_container__I3mg_ {
    display: grid;
    grid-column-gap: 0.4rem;
    column-gap: 0.4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
        "starter_pack special_offer" /* 第一行 */
        "add_to_screen add_to_screen"
        "coming_soon coming_soon"; /* 第二行，item3 独占一列 */
    grid-row-gap: 0.7rem;
    row-gap: 0.7rem;
    max-width: 12rem;
    margin: 0.4rem auto 0.4rem auto;
}

.page_grid_item__A_oWN {
    background: linear-gradient(180deg, rgba(122, 30, 123, 0.8), rgba(94, 23, 136, 0.8));
    border-radius: 0.2rem;
    padding: 0 0 0.25rem 0;
    overflow: hidden;
}
.page_grid_item__A_oWN:nth-child(1) {
    grid-area: starter_pack;
}
.page_grid_item__A_oWN:nth-child(2) {
    grid-area: special_offer;
}
.page_grid_item__A_oWN:nth-child(3) {
    grid-area: inbox;
}
.page_grid_item__A_oWN:nth-child(4) {
    grid-area: add_to_screen;
}
.page_grid_item_gray__SIr_J {
    filter: brightness(0.5);
}

.page_grid_image__mQDBw {
}

/*.grid_item:nth-child(1) .grid_image_gray {*/
/*    filter: grayscale(100%);*/
/*    !*background: url("/img/rewards/img_1 _gray.webp") no-repeat;*!*/
/*    !*background-size: cover;*!*/
/*}*/

.page_grid_item__A_oWN .page_grid_image__mQDBw {
    position: relative;
    width: 100%;
    height: 4.1rem;
    margin-bottom: 0.25rem;
}
.page_grid_item__A_oWN .page_grid_image__mQDBw img {
}
.page_grid_item__A_oWN .page_grid_image__mQDBw .page_grid_title__4W2bG {
    position: absolute;
    top: 0;
    left: 50%; /* 将元素的左边缘移动到父元素的 50% 位置 */
    transform: translateX(-50%);
    font-size: 0.5rem;
    padding-top: 0.4rem;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}

.page_coming_soon__DviFc {
    grid-area: coming_soon;
    background: linear-gradient(180deg, #7a1e7b, #5e1788);
    border-radius: 0.2rem;
    opacity: 0.35;
    font-size: 0.6rem;
    line-height: 2.85rem;
    max-width: 12rem;
}

.page_statuIcon__YCsva {
    width: 0.33rem;
    height: 0.33rem;
    background: #ff183e;
    box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.39);
    border-radius: 50%;
    border: 1px solid #ffe9e9;
    position: absolute;
    z-index: 1;
    right: 0.1rem;
    top: 0.1rem;
}

.page_btn__6DjOs {
}

.page_container__rigBV {
    /*grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));*/
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    gap: 0.2rem;
    /*padding: 0 0.2rem;*/
    justify-content: flex-start; /* 左对齐 */
}

.page_grid__gdJNW {
    flex: 1 1 2rem; /* 可增长，可缩小，基础宽度为 5rem */
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.3rem;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 0.4rem;
    background: #33d24a;
    margin: 0.1rem auto;
    border-radius: 1rem;
}

.SettingsDialog_layer__O7BkR {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
}
.SettingsDialog_settings_wrapper__t9nQJ {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.16rem;
}
.SettingsDialog_content__7NvKR {
    width: 4.1rem;
    height: 3.25rem;
    border-radius: 0.175rem;
    background: linear-gradient(180deg, rgba(115, 34, 160, 0.8), rgba(44, 13, 66, 0.8));
    position: relative;
    padding: 0.45rem 0.22rem 0 0.22rem;
}
.SettingsDialog_close__XxiK0 {
    position: absolute;
    top: 0.12rem;
    right: 0.12rem;
    color: #a97ac3;
}
.SettingsDialog_item__PpMRO {
    height: 0.55rem;
    background: rgba(22, 8, 44, 0.4);
    border-radius: 0.11rem;
    margin-bottom: 0.11rem;
    display: flex;
    padding: 0 0.16rem;
    align-items: center;
    justify-content: space-between;
}
.SettingsDialog_item__PpMRO:nth-last-child(1) {
    font-size: 0.22rem;
}

/** 竖屏样式 ***/
@media screen and (max-aspect-ratio: 13/9) {
    .SlotHeader_slot_header__jHqZf {
        width: 100%;
        height: 2.9rem;
        background: rgba(16, 9, 37, 0.55);
        padding: 0.9rem 0.4rem 0 0.4rem;
        position: relative;
        top: 0;
        left: 0;
        z-index: 900;

        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0; /* 防止在内容溢出时压缩 */
    }

    .SlotHeader_content_wrapper__Febkr {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .SlotHeader_btns_portrait__2a7uu {
        position: absolute;
        bottom: 0;
        width: 6.7rem;
        height: 1.1rem;
        background: url("/img/game/bg_head.webp") no-repeat;
        background-size: 100% 100%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0;
        padding: 0.2rem;
    }

    .SlotHeader_device_orient_icon__Wq7UA {
        position: absolute;
        width: 0.6rem;
        height: 0.6rem;
        right: 0;
        bottom: 0.4rem;
        background: url("/img/game/ico_pmzh.webp") no-repeat;
        background-size: 100% 100%;
    }

    .SlotHeader_coin_wrapper__QdFZG {
        /*transform: scale(.5);*/
        /*transform-origin: 0% 0%;*/
        position: absolute;
        left: 0.5rem;
        top: 0.05rem;
    }

    .SlotHeader_crown_wrapper__2cR0F {
        /*transform: scale(.4);*/
        /*transform-origin: 0% 0%;*/
        position: absolute;
        right: 0;
        top: 0.05rem;
    }

    .SlotHeader_flex_wrapper__DoQdq {
        width: 100%;
        /*height: 100%;*/
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .SlotHeader_flex__KBxeU {
        display: flex;
        align-items: center;
    }
}

/** 横屏样式 ***/
@media screen and (min-aspect-ratio: 13/9) {
    .SlotHeader_slot_header__jHqZf {
        width: 100%;
        height: 0.55rem;
        background: rgba(16, 9, 37, 0.55);
        padding: 0 0.22rem;
        position: relative;
        top: 0;
        left: 0;
        z-index: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0; /* 防止在内容溢出时压缩 */
    }

    .SlotHeader_content_wrapper__Febkr {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .SlotHeader_coin_wrapper__QdFZG {
        transform: scale(0.5);
        transform-origin: 0% 0%;
        position: absolute;
        left: 0.5rem;
        top: 0.05rem;
    }

    .SlotHeader_crown_wrapper__2cR0F {
        transform: scale(0.4);
        transform-origin: 0% 0%;
        position: absolute;
        right: 0;
        top: 0.05rem;
    }

    .SlotHeader_flex_wrapper__DoQdq {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .SlotHeader_flex__KBxeU {
        display: flex;
        align-items: center;
    }
}

.SlotSpin_slot_spin__rQ7qm {
    position: fixed;
    bottom: 0.05rem;
    right: 0.28rem;
    width: 1.12rem;
    height: 1.12rem;
    background: url("/img/slot/slot_spin.webp") no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}
.SlotSpin_dropdown_wrapper__g7_S4 {
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}
.SlotSpin_dropdown__8i238 {
    width: 0.67rem;
    height: 1.9rem;
    border-radius: 0.055rem;
    background: rgba(16, 9, 37, 0.8);
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
}
.SlotSpin_drop_item__fKbKk {
    font-size: 0.22rem;
    padding: 0.055rem 0;
}
.SlotSpin_drop_item__fKbKk:active {
    background: rgba(16, 9, 37, 0.8);
}

.WebHeader_header__aHO0H {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.3rem;
    z-index: 1000;
    transition:
        background-color 0.3s ease,
        transform 0.3s ease,
        opacity 0.3s ease;
    /*background-color: rgba(23, 23, 23, 0);*/
    background: #000;
    margin: 0 auto;
}

.WebHeader_show_header__NkCeN {
    z-index: 10001;
}

.WebHeader_header__aHO0H.WebHeader_fixed__vh1IK {
    position: unset;
}

.WebHeader_header__aHO0H.WebHeader_shrink__P_fc9 {
    background-color: rgba(23, 23, 23, 1);
}

header.WebHeader_fade__Jo_uc {
    background-color: rgba(23, 23, 23, 0.8) !important;
}

.WebHeader_header_wrapper__okEUf {
    display: flex;
    align-items: center;
    width: 12rem;
    max-width: 100%;
    margin: 0 auto;
}
.WebHeader_morey__e46Ds {
    justify-content: center;
}
.WebHeader_header_logo__Se62p {
    display: block;
}
.WebHeader_header_logo__Se62p {
    width: 1.9rem;
    height: 0.8rem;
    cursor: pointer;
    /*background: url("/img/logo.webp");*/
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
}

.WebHeader_header_logo_img__VukHo {
    width: 100%;
}

.WebHeader_hd_border__0CO3o {
    background: #000;
    border-radius: 0.6rem;
    border: 0.06rem solid var(--border-color);
}

.WebHeader_header_gold_wrapper__QcJrY {
    width: 5.8rem;
    height: 0.9rem;
    padding: 0 0.1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.5rem;
}

.WebHeader_gold_left__9JCAi {
    /*font-size: .5rem;*/
}

.WebHeader_gold_right__p292O {
    width: 0.65rem;
    height: 0.65rem;
    background: #b400ff;
    border-radius: 50%;
    text-align: center;
    line-height: 1.3;
}

.WebHeader_gold_plus__WX4w_ {
    color: #fff;
    font-size: 0.56rem !important;
}

.WebHeader_header_switch_wrapper__kqa1F {
    width: 1.6rem;
    height: 0.9rem;
    padding: 0.1rem;
    margin: 0 0.3rem;
}

.WebHeader_header_vip_wrapper__VzvDY {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    border: 0.05rem solid var(--border-color);
    padding: 0.05rem;
    background: #000;
}

.WebHeader_download__OKTQ7 {
    /*width: 1.1rem;*/
    /*height: .8rem;*/
    /*background: red;*/
    margin-left: auto;
    text-align: center;
    font-size: 0;
}

.WebHeader_arrow__v6ByK {
    margin-bottom: 0.1rem;
    animation: WebHeader_download__OKTQ7 1s ease-in-out infinite;
}

@keyframes WebHeader_download__OKTQ7 {
    0% {
        transform: translateY(-0.2rem);
    }
    50% {
        transform: translateY(-0.1rem);
    }
    100% {
        transform: translateY(0);
    }
}

.WebHeader_vip_circle__77B6E {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /*border: .06rem solid rgba(255, 255, 255, .3);*/
    background: conic-gradient(#46bf4f var(--progress), rgba(255, 255, 255, 0.3) var(--last));
    /*padding: 0.1rem;*/
    cursor: pointer;
}

.WebHeader_circle_num__5DihE {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 85%;
    background-color: #000;
    border-radius: 50%;
    overflow: hidden;
    border: 0.05rem solid rgba(255, 255, 255, 0);
}

.WebHeader_vip_content__Pmln9 {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0;
    text-align: center;
    color: #fff;
    font-family: Roboto-Black;
    margin-top: -0.05rem;
}

.WebHeader_mode__Yaqd3 {
    color: var(--border-color);
    vertical-align: middle;
    margin-right: 0.2rem;
}

.WebHeader_gold_num__H95oq {
    color: #fff;
    font-size: 0.4rem;
}

.WebHeader_switch__GBTty {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.WebHeader_switch__GBTty input {
    opacity: 0;
    width: 0;
    height: 0;
}

.WebHeader_slider__8gHFz {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1em;
    background: rgba(228, 145, 0, 0.36);
    transition: 0.4s;
}

.WebHeader_slider__8gHFz:before {
    position: absolute;
    content: "G";
    height: 0.65rem;
    width: 0.65rem;
    border-radius: 0.65rem;
    left: 0;
    bottom: -0.05em;
    background-color: var(--mark-text-color);
    transition: 0.4s;
    color: #fff;
    font-size: 0.55rem;
    text-align: center;
    font-weight: 600;
    line-height: 0.65rem;
}

input:checked + .WebHeader_slider__8gHFz {
    background: rgba(91, 228, 53, 0.36);
}

input:checked + .WebHeader_slider__8gHFz:before {
    content: "S";
    left: 100%;
    transform: translateX(-100%);
    background-color: var(--bg-color);
}