/* Recommendation 游戏卡片左右间距 */
.moving-tab > div {
    margin-right: -10px !important;
}

/* 调整首页 EVENT / BESOFT / SLOT / LIVE 的左右间距 */
.game-tab .swiper-wrapper > .swiper-slide {
    margin-right: -10px !important;
}


/* =====================================
   REGISTER - CSS STYLE
===================================== */


/* ---------- REGISTER CARD ---------- */

#register-form-wrapper {
    width: calc(100% - 32px) !important;
    max-width: 520px !important;

    margin: 28px auto 40px !important;
    padding: 28px 26px 30px !important;

    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8f9ff 55%,
            #f3f3ff 100%
        ) !important;

    border: 1px solid rgba(45, 48, 255, 0.14) !important;
    border-radius: 24px !important;

    box-shadow:
        0 18px 50px rgba(28, 31, 90, 0.10),
        0 2px 8px rgba(0, 0, 0, 0.04) !important;
}


/* 顶部蓝紫光 */
#register-form-wrapper::before {
    content: "";

    position: absolute;
    width: 300px;
    height: 180px;

    top: -120px;
    left: 50%;

    transform: translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(67, 72, 255, .22) 0%,
            rgba(104, 50, 255, .08) 40%,
            transparent 72%
        );

    pointer-events: none;
}


/* 内容置顶 */
#register-form-wrapper > * {
    position: relative;
    z-index: 2;
}


/* =====================================
   FORM LAYOUT
===================================== */


/* 强制改成单列 APP Form */
#register-form-wrapper .d-grid {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) !important;

    width: 100% !important;
}


/* Label */
#register-form-wrapper .d-grid > .d-flex.align-items-center {
    display: block !important;

    width: 100% !important;
    max-height: none !important;

    margin: 0 0 7px 2px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    color: #191b25 !important;
}


/* 把冒号隐藏 */
#register-form-wrapper .d-grid > .d-flex-center {
    display: none !important;
}


/* Input 所在 div 占满 */
#register-form-wrapper .d-grid > div {
    width: 100% !important;
}


/* 原本的 spacer 不需要 */
#register-form-wrapper .grid-full {
    display: none !important;
}


/* =====================================
   INPUT
===================================== */

#register-form-wrapper .list {
    width: 100% !important;

    min-height: 50px !important;

    margin: 0 0 18px !important;

    position: relative !important;

    background:
        linear-gradient(
            180deg,
            #f7f8fc 0%,
            #f1f3f8 100%
        ) !important;

    border: 1px solid #dfe2eb !important;

    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 2px 6px rgba(0,0,0,.025) !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


/* Input */
#register-form-wrapper input {
    display: block !important;

    width: 100% !important;
    height: 50px !important;

    padding: 0 15px !important;

    border: 0 !important;
    outline: none !important;

    background: transparent !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    color: #111318 !important;
}


/* Password */
#register-form-wrapper #password {
    padding-right: 48px !important;
}


/* Placeholder */
#register-form-wrapper input::placeholder {
    color: #a3a7b2 !important;
    font-weight: 400 !important;
}


/* Input focus */
#register-form-wrapper .list:focus-within {
    background: #ffffff !important;

    border-color: #3442ff !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 0 0 3px rgba(52, 66, 255, .09),
        0 8px 18px rgba(52, 66, 255, .09) !important;
}


/* focus 左边小蓝条 */
#register-form-wrapper .list::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;

    width: 3px;
    height: 26px;

    border-radius: 0 5px 5px 0;

    background:
        linear-gradient(
            180deg,
            #6f5cff,
            #0106c4
        );

    opacity: 0;

    transform: scaleY(.45);

    transition: .2s ease;
}


#register-form-wrapper .list:focus-within::before {
    opacity: 1;

    transform: scaleY(1);
}


/* =====================================
   FULL NAME NOTICE
===================================== */

#register-form-wrapper .position-relative.start-0.d-flex {
    margin: -10px 2px 18px !important;
}


#register-form-wrapper .position-relative.start-0.d-flex .text12 {
    margin: 0 !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    color: #e63636 !important;
}


/* =====================================
   REGISTER BUTTON
===================================== */

#register-submit-btn {
    width: 100% !important;
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;
    overflow: hidden !important;

    margin-top: 4px !important;

    border-radius: 15px !important;

    background:
        linear-gradient(
            135deg,
            #3447ff 0%,
            #0106c4 48%,
            #6737ff 100%
        ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    letter-spacing: .6px !important;

    box-shadow:
        0 10px 24px rgba(20, 26, 200, .25),
        inset 0 1px 0 rgba(255,255,255,.25) !important;
}


/* Button 扫光 */
#register-submit-btn::before {
    content: "";

    position: absolute;

    top: -60%;
    left: -40%;

    width: 30%;
    height: 220%;

    transform: rotate(20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );

    animation: registerShine 3.5s ease-in-out infinite;
}


@keyframes registerShine {

    0% {
        left: -45%;
    }

    42% {
        left: 125%;
    }

    100% {
        left: 125%;
    }

}


/* =====================================
   LOGIN
===================================== */

#register-form-wrapper .text-center {
    margin-top: 4px !important;
}


#register-form-wrapper .text-center .lh-sm {
    margin-bottom: 7px !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    color: #777b88 !important;
}


#register-login-here {
    color: #1725dc !important;

    font-size: 14px !important;
    font-weight: 800 !important;
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 600px) {

    #register-form-wrapper {
        width: calc(100% - 16px) !important;
        max-width: none !important;

        margin: 10px auto 24px !important;

        padding: 20px 16px 22px !important;

        border-radius: 20px !important;
    }

}

/* =====================================
   REGISTER FIELD ORDER
   Full Name → Username → Password → Mobile → Referrer
===================================== */

#register-form-wrapper .d-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
}


/* FULL NAME */
#register-form-wrapper .d-grid > div:nth-child(5) {
    order: 10 !important;
}

#register-form-wrapper .d-grid > div:nth-child(6) {
    order: 11 !important;
}

#register-form-wrapper .d-grid > div:nth-child(7) {
    order: 12 !important;
}

#register-form-wrapper .d-grid > div:nth-child(8) {
    order: 13 !important;
}


/* USERNAME */
#register-form-wrapper .d-grid > div:nth-child(1) {
    order: 20 !important;
}

#register-form-wrapper .d-grid > div:nth-child(2) {
    order: 21 !important;
}

#register-form-wrapper .d-grid > div:nth-child(3) {
    order: 22 !important;
}

#register-form-wrapper .d-grid > div:nth-child(4) {
    order: 23 !important;
}


/* PASSWORD */
#register-form-wrapper .d-grid > div:nth-child(13) {
    order: 30 !important;
}

#register-form-wrapper .d-grid > div:nth-child(14) {
    order: 31 !important;
}

#register-form-wrapper .d-grid > div:nth-child(15) {
    order: 32 !important;
}

#register-form-wrapper .d-grid > div:nth-child(16) {
    order: 33 !important;
}


/* MOBILE */
#register-form-wrapper .d-grid > div:nth-child(9) {
    order: 40 !important;
}

#register-form-wrapper .d-grid > div:nth-child(10) {
    order: 41 !important;
}

#register-form-wrapper .d-grid > div:nth-child(11) {
    order: 42 !important;
}

#register-form-wrapper .d-grid > div:nth-child(12) {
    order: 43 !important;
}


/* REFERRER */
#register-form-wrapper .d-grid > div:nth-child(17) {
    order: 50 !important;
}

#register-form-wrapper .d-grid > div:nth-child(18) {
    order: 51 !important;
}

#register-form-wrapper .d-grid > div:nth-child(19) {
    order: 52 !important;
}

#register-form-wrapper .d-grid > div:nth-child(20) {
    order: 53 !important;
}


/* Mobile No. spacing 微调 */
#register-form-wrapper .list:has(#phone) {
    margin-top: 2px !important;
    margin-bottom: 20px !important;
}

/* =====================================
   LOGIN FINAL - APP STYLE
   MATCH REGISTER THEME
   CSS ONLY / KEEP SYSTEM TEXT
===================================== */


/* =====================================
   LOGIN CARD
===================================== */

.form-wrapper:has(#login-title) {
    width: calc(100% - 32px) !important;
    max-width: 520px !important;

    height: auto !important;

    margin: 28px auto 40px !important;
    padding: 28px 26px 18px !important;

    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8f9ff 55%,
            #f3f3ff 100%
        ) !important;

    border: 1px solid rgba(45, 48, 255, 0.14) !important;
    border-radius: 24px !important;

    box-shadow:
        0 18px 50px rgba(28, 31, 90, 0.10),
        0 2px 8px rgba(0, 0, 0, 0.04) !important;
}


/* 顶部蓝紫光 */
.form-wrapper:has(#login-title)::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 180px;

    top: -120px;
    left: 50%;

    transform: translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(67, 72, 255, .22) 0%,
            rgba(104, 50, 255, .08) 40%,
            transparent 72%
        );

    pointer-events: none;
}


/* 内容置顶 */
.form-wrapper:has(#login-title) > * {
    position: relative;
    z-index: 2;
}


/* =====================================
   TITLE
===================================== */

#login-title {
    padding: 0 !important;
    margin: 0 0 22px 0 !important;

    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    letter-spacing: -0.6px !important;

    color: #111318 !important;
}


/* 标题蓝紫短线 */
#login-title::after {
    content: "";

    display: block;

    width: 34px;
    height: 4px;

    margin-top: 9px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #3447ff,
            #6737ff
        );
}


/* =====================================
   LABEL
===================================== */

.form-wrapper:has(#login-title)
.text15.text-white.lh-sm {
    margin-bottom: 18px !important;
}


.form-wrapper:has(#login-title)
.text15.text-white.lh-sm > .mb-10 {
    margin: 0 0 7px 2px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    color: #191b25 !important;
}


/* =====================================
   INPUT
===================================== */

.form-wrapper:has(#login-title) .list {
    width: 100% !important;
    min-height: 50px !important;

    position: relative !important;

    background:
        linear-gradient(
            180deg,
            #f7f8fc 0%,
            #f1f3f8 100%
        ) !important;

    border: 1px solid #dfe2eb !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 2px 6px rgba(0,0,0,.025) !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


/* Input */
.form-wrapper:has(#login-title) input {
    display: block !important;

    width: 100% !important;
    height: 50px !important;

    padding: 0 15px !important;

    border: 0 !important;
    outline: none !important;

    background: transparent !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    color: #111318 !important;
}


/* Password 右侧留 Eye Icon 空间 */
.form-wrapper:has(#login-title) #password {
    padding-right: 48px !important;
}


/* Placeholder */
.form-wrapper:has(#login-title) input::placeholder {
    color: #a3a7b2 !important;
    font-weight: 400 !important;
}


/* =====================================
   INPUT FOCUS
===================================== */

.form-wrapper:has(#login-title) .list:focus-within {
    background: #ffffff !important;

    border-color: #3442ff !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 0 0 3px rgba(52, 66, 255, .09),
        0 8px 18px rgba(52, 66, 255, .09) !important;
}


/* Focus 左侧蓝紫条 */
.form-wrapper:has(#login-title) .list::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;

    width: 3px;
    height: 26px;

    border-radius: 0 5px 5px 0;

    background:
        linear-gradient(
            180deg,
            #6f5cff,
            #0106c4
        );

    opacity: 0;

    transform: scaleY(.45);

    transition: .2s ease;
}


.form-wrapper:has(#login-title)
.list:focus-within::before {
    opacity: 1;
    transform: scaleY(1);
}


/* =====================================
   PASSWORD EYE
===================================== */

.form-wrapper:has(#login-title)
.toggle-password-icon {
    width: 18px !important;
    height: 18px !important;

    opacity: .65 !important;
}


/* =====================================
   LOWER AREA
===================================== */

.form-wrapper:has(#login-title) .mt-20 {
    display: flex !important;
    flex-direction: column !important;

    margin-top: 0 !important;
}


/* =====================================
   LOGIN BUTTON WRAPPER
===================================== */

.form-wrapper:has(#login-title)
.mt-20 > .p-0.mb-20 {
    order: 1 !important;

    margin-bottom: 12px !important;
}


/* =====================================
   LOGIN BUTTON
===================================== */

#login-submit-btn {
    width: 100% !important;
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;
    overflow: hidden !important;

    margin: 0 !important;

    border: none !important;
    border-radius: 15px !important;

    background:
        linear-gradient(
            135deg,
            #3447ff 0%,
            #0106c4 48%,
            #6737ff 100%
        ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    letter-spacing: .6px !important;

    box-shadow:
        0 10px 24px rgba(20, 26, 200, .25),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease !important;
}


/* Button 扫光 */
#login-submit-btn::before {
    content: "";

    position: absolute;

    top: -60%;
    left: -40%;

    width: 30%;
    height: 220%;

    transform: rotate(20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );

    animation: loginShine 3.5s ease-in-out infinite;
}


@keyframes loginShine {

    0% {
        left: -45%;
    }

    42% {
        left: 125%;
    }

    100% {
        left: 125%;
    }

}


#login-submit-btn:active {
    transform: scale(.975) !important;

    box-shadow:
        0 5px 12px rgba(20,26,200,.20) !important;
}


/* =====================================
   BOTTOM AREA
===================================== */

.form-wrapper:has(#login-title)
.text-center {
    order: 2 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* =====================================
   FORGOT PASSWORD
   独立控制，不受 account text 影响
===================================== */

#login-forgot-password {
    order: 1 !important;

    align-self: flex-end !important;

    position: static !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 4px 2px 18px auto !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    --login-forget-password-text-color: #6a5cff !important;

    color: #6a5cff !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    opacity: 1 !important;
}


/* 强制内部文字 / SVG 跟随辅助色 */
#login-forgot-password,
#login-forgot-password * {
    color: #6a5cff !important;
}


#login-forgot-password svg {
    margin-left: 3px !important;
    fill: currentColor !important;
}


/* =====================================
   DO NOT HAVE AN ACCOUNT YET?
===================================== */

.form-wrapper:has(#login-title)
.text-center > div.lh-sm {
    order: 2 !important;

    /* 与 Forgot Password 拉开距离 */
    margin: 10px 0 4px 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    color: #777b88 !important;

    /* 不再使用视觉位移 */
    transform: none !important;
}


/* =====================================
   REGISTER WRAPPER
===================================== */

.form-wrapper:has(#login-title)
.text-center > .d-flex.mb-3 {
    order: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}


/* =====================================
   REGISTER LINK
   增大真实点击区域
===================================== */

#login-register-btn {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 90px !important;

    height: 34px !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 6px 16px !important;

    background: transparent !important;

    border: none !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    color: #1725dc !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    text-decoration: none !important;

    cursor: pointer !important;

    z-index: 5 !important;
}


/* 点击反馈 */
#login-register-btn:active {
    background: rgba(23, 37, 220, 0.06) !important;
    transform: scale(.97) !important;
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 600px) {

    .form-wrapper:has(#login-title) {
        width: calc(100% - 16px) !important;
        max-width: none !important;

        margin: 10px auto 24px !important;

        padding: 20px 16px 16px !important;

        border-radius: 20px !important;
    }


    #login-title {
        font-size: 25px !important;
        margin-bottom: 20px !important;
    }


    #login-forgot-password {
        font-size: 11px !important;
    }


    .form-wrapper:has(#login-title)
    .text-center > div.lh-sm {
        font-size: 13px !important;
    }


    #login-register-btn {
        font-size: 14px !important;
    }

}

/* =====================================
   RESET PASSWORD FINAL - APP STYLE
   MATCH REGISTER / LOGIN THEME
===================================== */


/* =====================================
   RESET PASSWORD CARD
===================================== */

.form-wrapper:has(#resetPassword-title) {
    width: calc(100% - 32px) !important;
    max-width: 520px !important;

    height: auto !important;

    margin: 28px auto 40px !important;
    padding: 28px 26px 24px !important;

    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8f9ff 55%,
            #f3f3ff 100%
        ) !important;

    border: 1px solid rgba(45, 48, 255, 0.14) !important;
    border-radius: 24px !important;

    box-shadow:
        0 18px 50px rgba(28, 31, 90, 0.10),
        0 2px 8px rgba(0, 0, 0, 0.04) !important;
}


/* 顶部蓝紫光 */
.form-wrapper:has(#resetPassword-title)::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 180px;

    top: -120px;
    left: 50%;

    transform: translateX(-50%);

    background:
        radial-gradient(
            circle,
            rgba(67, 72, 255, .22) 0%,
            rgba(104, 50, 255, .08) 40%,
            transparent 72%
        );

    pointer-events: none;
}


/* 内容置顶 */
.form-wrapper:has(#resetPassword-title) > * {
    position: relative;
    z-index: 2;
}


/* =====================================
   TITLE
===================================== */

#resetPassword-title {
    padding: 0 !important;
    margin: 0 0 22px 0 !important;

    border: none !important;

    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;

    letter-spacing: -0.6px !important;

    color: #111318 !important;
}


/* 标题蓝紫短线 */
#resetPassword-title::after {
    content: "";

    display: block;

    width: 34px;
    height: 4px;

    margin-top: 9px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #3447ff,
            #6737ff
        );
}


/* =====================================
   FORM LAYOUT
===================================== */

.form-wrapper:has(#resetPassword-title) .d-grid {
    display: grid !important;

    grid-template-columns: 1fr !important;

    width: 100% !important;
}


/* Mobile No Label */
.form-wrapper:has(#resetPassword-title)
.d-grid > .d-flex.align-items-center {
    display: block !important;

    width: 100% !important;
    max-height: none !important;

    margin: 0 0 7px 2px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    color: #191b25 !important;
}


/* 隐藏冒号 */
.form-wrapper:has(#resetPassword-title)
.d-grid > .d-flex-center {
    display: none !important;
}


/* Input 区域满宽 */
.form-wrapper:has(#resetPassword-title)
.d-grid > div {
    width: 100% !important;
}


/* 隐藏 spacer */
.form-wrapper:has(#resetPassword-title)
.grid-full {
    display: none !important;
}


/* =====================================
   INPUT
===================================== */

.form-wrapper:has(#resetPassword-title) .list {
    width: 100% !important;

    min-height: 50px !important;

    margin: 0 0 18px 0 !important;

    position: relative !important;

    background:
        linear-gradient(
            180deg,
            #f7f8fc 0%,
            #f1f3f8 100%
        ) !important;

    border: 1px solid #dfe2eb !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 2px 6px rgba(0,0,0,.025) !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


.form-wrapper:has(#resetPassword-title) input {
    display: block !important;

    width: 100% !important;
    height: 50px !important;

    padding: 0 15px !important;

    border: 0 !important;
    outline: none !important;

    background: transparent !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    color: #111318 !important;
}


/* Placeholder */
.form-wrapper:has(#resetPassword-title) input::placeholder {
    color: #a3a7b2 !important;
    font-weight: 400 !important;
}


/* =====================================
   INPUT FOCUS
===================================== */

.form-wrapper:has(#resetPassword-title)
.list:focus-within {
    background: #ffffff !important;

    border-color: #3442ff !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 0 0 3px rgba(52, 66, 255, .09),
        0 8px 18px rgba(52, 66, 255, .09) !important;
}


/* Focus 左侧蓝紫条 */
.form-wrapper:has(#resetPassword-title)
.list::before {
    content: "";

    position: absolute;

    left: 0;
    top: 12px;

    width: 3px;
    height: 26px;

    border-radius: 0 5px 5px 0;

    background:
        linear-gradient(
            180deg,
            #6f5cff,
            #0106c4
        );

    opacity: 0;

    transform: scaleY(.45);

    transition: .2s ease;
}


.form-wrapper:has(#resetPassword-title)
.list:focus-within::before {
    opacity: 1;

    transform: scaleY(1);
}


/* =====================================
   RESET PASSWORD BUTTON
===================================== */

#resetPassword-submit-btn {
    width: 100% !important;
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;
    overflow: hidden !important;

    margin: 0 !important;

    border: none !important;
    border-radius: 15px !important;

    background:
        linear-gradient(
            135deg,
            #3447ff 0%,
            #0106c4 48%,
            #6737ff 100%
        ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    letter-spacing: .6px !important;

    box-shadow:
        0 10px 24px rgba(20, 26, 200, .25),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease !important;
}


/* Button 扫光 */
#resetPassword-submit-btn::before {
    content: "";

    position: absolute;

    top: -60%;
    left: -40%;

    width: 30%;
    height: 220%;

    transform: rotate(20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );

    animation: resetPasswordShine 3.5s ease-in-out infinite;
}


@keyframes resetPasswordShine {

    0% {
        left: -45%;
    }

    42% {
        left: 125%;
    }

    100% {
        left: 125%;
    }

}


#resetPassword-submit-btn:active {
    transform: scale(.975) !important;

    box-shadow:
        0 5px 12px rgba(20,26,200,.20) !important;
}


/* =====================================
   LOGIN HERE
===================================== */

.form-wrapper:has(#resetPassword-title)
.text-center {
    margin-top: 14px !important;
}


/* Login Here */
#resetPassword-login-here {
    width: auto !important;
    min-width: unset !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    color: #1725dc !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;
}


/* 箭头 */
#resetPassword-login-here svg {
    margin-left: 3px !important;

    color: inherit !important;

    fill: currentColor !important;
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 600px) {

    .form-wrapper:has(#resetPassword-title) {
        width: calc(100% - 16px) !important;
        max-width: none !important;

        margin: 10px auto 24px !important;

        padding: 20px 16px 18px !important;

        border-radius: 20px !important;
    }


    #resetPassword-title {
        font-size: 25px !important;
        margin-bottom: 20px !important;
    }

}

/* =====================================
   HOME - CSS STYLE
===================================== */
.header.header-bg {
    background:
        radial-gradient(
            circle at 50% -80%,
            rgba(103, 55, 255, 0.16) 0%,
            transparent 55%
        ),
        linear-gradient(
            110deg,
            #f8f9ff 0%,
            #eef1ff 38%,
            #f5f1ff 68%,
            #fff5fb 100%
        ) !important;

    border-bottom: 1px solid rgba(52, 71, 255, 0.10) !important;

    box-shadow:
        0 3px 14px rgba(28, 31, 90, 0.06) !important;
}

/* =====================================
   HOME CENTER AREA - GRADIENT
===================================== */
.pt-0.d-flex-column.col:has(.game-tab) {
    background:
        radial-gradient(
            circle at 15% 8%,
            rgba(52, 71, 255, 0.07) 0%,
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 28%,
            rgba(103, 55, 255, 0.07) 0%,
            transparent 32%
        ),
        linear-gradient(
            155deg,
            #ffffff 0%,
            #f6f8ff 32%,
            #eef2ff 62%,
            #f8f5ff 82%,
            #ffffff 100%
        ) !important;
}

/* Category 下方蓝紫渐变分隔线 */
.pt-0.d-flex-column.col:has(.game-tab)
.game-tab + div {
    height: 2px !important;

    border-bottom: none !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(52, 71, 255, 0.45) 18%,
            #3447ff 42%,
            #6737ff 58%,
            rgba(103, 55, 255, 0.45) 82%,
            transparent 100%
        ) !important;
}

.bg-home-left-section {
    background:
        radial-gradient(
            circle at 85% 8%,
            rgba(103, 55, 255, 0.10) 0%,
            transparent 32%
        ),
        radial-gradient(
            circle at 5% 42%,
            rgba(52, 71, 255, 0.08) 0%,
            transparent 30%
        ),
        linear-gradient(
            160deg,
            #f9faff 0%,
            #eef1ff 45%,
            #f7f4ff 75%,
            #ffffff 100%
        ) !important;
}

.bg-home-right-section {
    background:
        radial-gradient(
            circle at 85% 8%,
            rgba(103, 55, 255, 0.10) 0%,
            transparent 32%
        ),
        radial-gradient(
            circle at 5% 42%,
            rgba(52, 71, 255, 0.08) 0%,
            transparent 30%
        ),
        linear-gradient(
            160deg,
            #f9faff 0%,
            #eef1ff 45%,
            #f7f4ff 75%,
            #ffffff 100%
        ) !important;
}

/* =====================================
   BOTTOM MENU - GLASS DOCK
===================================== */

.bottom-menu {
    --bottom-menu-color:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(242, 245, 255, 0.78) 45%,
            rgba(247, 241, 255, 0.80) 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.88) !important;

    box-shadow:
        0 -10px 28px rgba(35, 39, 110, 0.16),
        0 -2px 8px rgba(52, 71, 255, 0.08),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    backdrop-filter:
        blur(18px) saturate(150%) !important;

    -webkit-backdrop-filter:
        blur(18px) saturate(150%) !important;
}


/* Toolbar 内层透明 */
.bottom-menu .toolbar-inner {
    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
}


/* 清掉 Framework7 默认分隔线 */
.bottom-menu::before,
.bottom-menu::after,
.bottom-menu .toolbar-inner::before,
.bottom-menu .toolbar-inner::after {
    content: none !important;
    display: none !important;
}


/* 每个按钮保持透明 */
.bottom-menu .bottom-btn {
    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
}


/* 中间 Promotion 保持悬浮感 */
.bottom-menu #center-icon {
    filter:
        drop-shadow(0 6px 12px rgba(52, 71, 255, 0.20)) !important;
}