.container {
    // margin: 0 15px;
    margin-top: 1.47rem;
    margin-bottom: 1.1rem;

    // margin-left: 1.1rem;
    // margin-right: 0.74rem;
    height: 5.44rem;
    border-radius: 8px;
    background: rgba(48, 48, 54, 1);

    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 25.74rem;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent;

    .left {
        width: 15.37rem;
        margin-left: 0.8rem;
        // background-color: #fff;
        height: 100%;

        .top {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            height: 2.21rem;
            margin-top: 0.66rem;
            margin-left: 1.17rem;

            span {
                color: rgba(255, 255, 255, 1);
                font-family: Roboto;
                font-size: 1.03rem;
                font-weight: 500;
                line-height: 2.21rem;
                letter-spacing: 0rem;
                text-align: left;
            }

            .cash {
                color: rgba(243, 213, 3, 1);
                margin-left: 0.3rem;
            }
        }

        .bottom {
            width: 15.37rem;
            height: 1.03rem;
            border-radius: 20px;
            background: rgba(29, 35, 33, 1);

            position: relative;
            overflow: hidden;

            .progressBar {
                height: 1.03rem;
                background-color: #4caf50;
                border-radius: 10px;
                transition: width 0.3s ease;

                box-sizing: border-box;
                border: 0.07rem solid rgba(30, 248, 181, 1);
                border-radius: 20rem;
                background: linear-gradient(
                    180deg,
                    rgba(27, 242, 174, 1),
                    rgba(8, 145, 101, 1) 100%
                );
            }
            .red {
                background-color: #4caf50;
                border: 0.07rem solid red;
                background: red;
            }

            .progressText {
                position: absolute;
                // right: 10px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #333;
                font-size: 12px;

                color: rgba(255, 255, 255, 1);
                font-family: Roboto;
                font-size: 0.88rem;
                font-weight: 500;
                line-height: 2.21rem;
                letter-spacing: 0rem;
                text-align: left;

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

            .full {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #f0ac11;

                img {
                    width: 1rem;
                    margin-right: 0.5rem;
                }
            }
        }
    }

    .right {
        width: 7.35rem;
        height: 2.87rem;
        margin-left: 1.17rem;
        border-radius: 90px;
        background: linear-gradient(
            180deg,
            rgba(255, 208, 62, 1),
            rgba(214, 143, 13, 1) 92%
        );
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;

        .bonus {
            width: 1rem;
            margin-left: 0.2rem;
            // margin-top: 0.8rem;
        }
        span {
            color: rgba(255, 255, 255, 1);

            font-family: Roboto;
            font-size: 1.32rem;
            font-weight: 500;
            line-height: 2.21rem;
            // margin-top: 0.3rem;
            margin-left: 0.15rem;
        }
    }

    .highlight {
        background: 
        /* 上层发光效果 */ radial-gradient(
                circle at center,
                rgba(255, 249, 117, 0.25) 0%,
                transparent 70%
            ),
            /* 下层渐变背景 */
                linear-gradient(
                    180deg,
                    rgba(255, 208, 62, 1),
                    rgba(214, 143, 13, 1) 92%
                );
        // opacity: 0.55;
        box-shadow: 0rem 0rem 1.25rem 0.37rem rgba(255, 249, 117, 0.25);
    }
    .disabled {
        background: linear-gradient(
            180deg,
            rgba(178, 178, 178, 1),
            rgba(147, 147, 147, 1) 92%
        );
    }
}

/* 电脑端限制最大字体 */
@media screen and (min-width: 510px) {
    .container {
        // align-items:;
        justify-content: space-between;
        .right {
            margin-right: 0.8rem;
        }
    }
}

/* 基础白色到灰色闪烁效果 */
.blink {
    color: #ffffff;
    animation: whiteGrayBlink 1.5s ease-in-out infinite;
    font-size: 12px;
}

@keyframes whiteGrayBlink {
    0%,
    100% {
        color: #ffffff; /* 纯白色 */
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
    }
    50% {
        color: #cccccc; /* 浅灰色 */
        text-shadow: 0 0 10px rgba(204, 204, 204, 0.5);
    }
}

.withdrawTipMask {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: var(--zIndex-max);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none !important;
    width: 100vw; /* 视口宽度 */
    height: 100vh; /* 视口高度 */

    // padding: 0 15px;
    overflow: hidden;
}

.setTip {
    z-index: var(--zIndex-max);

    border: 1px dashed #ffffff;

}

.withdrawTip {
    width: 16.54rem;
    height: 3.86rem;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;
    transform: translate(-5%, -100%);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.44rem;
    img{
        width: 4.2rem;
        margin-top: -0.6rem;
    }
    span{
        font-size: 1rem;
        color: #ffffff;
        font-weight: 600;
        text-transform: capitalize;
        line-height: 3.2rem;
    }
}
