.van-toast[data-v-88caf26e] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-88caf26e] {
    box-shadow: 0 .05333rem #e04846;
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-88caf26e] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-88caf26e] {
    height: 80%
}

.wheel-rule .title[data-v-88caf26e] {
    text-align: center;
    color: #fff;
    font-weight: 700;
    background: -webkit-linear-gradient(left, #f95959 0%, #ff9a8e 100%);
    background: linear-gradient(90deg, #f95959 0%, #ff9a8e 100%);
    padding: .26667rem 0;
    font-size: .45333rem
}

.wheel-rule .duan[data-v-88caf26e] {
    padding: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: .4rem
}

.wheel-rule .ok[data-v-88caf26e] {
    background: -webkit-linear-gradient(left, #f95959 0%, #ff9a8e 100%);
    background: linear-gradient(90deg, #f95959 0%, #ff9a8e 100%);
    color: #fff;
    font-weight: 700;
    font-size: .45333rem;
    width: 5.33333rem;
    margin: .4rem auto;
    border-radius: .66667rem;
    text-align: center;
    padding-block: .26667rem
}

.van-toast[data-v-2c425e4b] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-2c425e4b] {
    box-shadow: 0 .05333rem #e04846;
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-2c425e4b] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-2c425e4b] {
    height: 80%
}

.wheel-page[data-v-2c425e4b] {
    min-height: 100vh;
    background: url(/assets/png/bg-5370a844.png) center/cover no-repeat;
    padding: .26667rem .26667rem 2.66667rem;
    font-family: Arial, sans-serif;
    position: relative
}

.wheel-page .narRight>img[data-v-2c425e4b] {
    width: .66667rem;
    height: .66667rem;
    margin-left: .26667rem
}

.wheel-page .top-right-section[data-v-2c425e4b] {
    position: absolute;
    top: 1.6rem;
    right: .26667rem;
    z-index: 10
}

.wheel-page .dialog-button[data-v-2c425e4b] {
    background: -webkit-linear-gradient(315deg, #ff6b6b, #ff8e53);
    background: linear-gradient(135deg, #ff6b6b, #ff8e53);
    color: #fff;
    border: none;
    padding: .2rem .33333rem;
    border-radius: .33333rem;
    font-size: .21333rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 .10667rem .26667rem #0003;
    -webkit-transition: box-shadow .2s ease, -webkit-transform .2s ease;
    transition: box-shadow .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease;
    white-space: nowrap
}

.wheel-page .dialog-button[data-v-2c425e4b]:hover {
    -webkit-transform: translateY(-.02667rem);
    transform: translateY(-.02667rem);
    box-shadow: 0 .16rem .33333rem #0000004d
}

.wheel-page .dialog-button[data-v-2c425e4b]:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.wheel-page .dialog-overlay[data-v-2c425e4b] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1000;
    padding: .26667rem
}

.wheel-page .dialog-content[data-v-2c425e4b] {
    background: white;
    border-radius: .26667rem;
    max-width: 8.66667rem;
    width: 100%;
    max-height: 80vh;
    overflow: hidden;
    box-shadow: 0 .26667rem .53333rem #0000004d
}

.wheel-page .dialog-header[data-v-2c425e4b] {
    background: -webkit-linear-gradient(315deg, #ff6b6b, #ff8e53);
    background: linear-gradient(135deg, #ff6b6b, #ff8e53);
    color: #fff;
    padding: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.wheel-page .dialog-header h3[data-v-2c425e4b] {
    margin: 0;
    font-size: .32rem;
    font-weight: 700
}

.wheel-page .close-btn[data-v-2c425e4b] {
    background: none;
    border: none;
    color: #fff;
    font-size: .4rem;
    cursor: pointer;
    padding: 0;
    width: .53333rem;
    height: .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.wheel-page .close-btn[data-v-2c425e4b]:hover {
    background: rgba(255, 255, 255, .2)
}

.wheel-page .dialog-body[data-v-2c425e4b] {
    padding: .26667rem;
    max-height: 60vh;
    overflow-y: auto
}

.wheel-page .full-rankings[data-v-2c425e4b],
.wheel-page .full-records[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: .16rem
}

.wheel-page .full-ranking-item[data-v-2c425e4b],
.wheel-page .full-record-item[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .2rem;
    background: rgba(255, 149, 0, .1);
    padding: .2rem;
    border-radius: .16rem;
    border: .01333rem solid #ff9500
}

.wheel-page .full-ranking-item>img[data-v-2c425e4b] {
    width: .66667rem;
    height: .66667rem;
    border-radius: 50%
}

.wheel-page .full-ranking-item.reward[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.wheel-page .full-ranking-item.reward .left[data-v-2c425e4b] {
    width: .93333rem
}

.wheel-page .full-ranking-item.reward .left>img[data-v-2c425e4b] {
    width: .8rem;
    height: .8rem;
    border-radius: 50%
}

.wheel-page .full-ranking-item.reward .right[data-v-2c425e4b] {
    width: calc(100% - .93333rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: .13333rem
}

.wheel-page .full-ranking-item.reward .right>div[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.wheel-page .full-ranking-item .user-info[data-v-2c425e4b],
.wheel-page .full-record-item .user-info[data-v-2c425e4b] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.wheel-page .full-ranking-item .user-name[data-v-2c425e4b],
.wheel-page .full-record-item .user-name[data-v-2c425e4b] {
    color: #333;
    font-weight: 700;
    font-size: .29333rem;
    margin-bottom: .05333rem
}

.wheel-page .full-ranking-item .reward-amount[data-v-2c425e4b],
.wheel-page .full-record-item .reward-amount[data-v-2c425e4b] {
    color: #ff9500;
    font-weight: 700;
    font-size: .32rem
}

.wheel-page .full-record-item .timestamp[data-v-2c425e4b] {
    color: #666;
    font-size: .18667rem;
    text-align: right;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.wheel-page .no-data[data-v-2c425e4b] {
    text-align: center;
    color: #666;
    font-size: .21333rem;
    padding: .53333rem .26667rem;
    font-style: italic
}

.wheel-page .back-arrow[data-v-2c425e4b] {
    font-size: .53333rem;
    color: #fff;
    cursor: pointer;
    position: absolute;
    left: .4rem;
    z-index: 1
}

.wheel-page .title[data-v-2c425e4b] {
    font-size: .53333rem;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 1
}

.wheel-page .header-right[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .4rem;
    position: absolute;
    right: .4rem;
    z-index: 1
}

.wheel-page .question-mark[data-v-2c425e4b],
.wheel-page .list-icon[data-v-2c425e4b] {
    font-size: .48rem;
    color: #fff;
    cursor: pointer
}

.wheel-page .balance-section[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .53333rem;
    gap: .26667rem;
    position: relative
}

.wheel-page .balance-section .rankImg[data-v-2c425e4b] {
    position: absolute;
    left: 0;
    top: 0;
    border: .01333rem solid #fff;
    color: #fff;
    border-radius: .66667rem;
    padding: .13333rem .26667rem;
    line-height: .34667rem
}

.wheel-page .notice-wrapper[data-v-2c425e4b] {
    margin: auto;
    width: 5.33333rem;
    height: .53333rem;
    overflow: hidden;
    background-color: #e96134;
    color: #fff;
    border-radius: .13333rem;
    padding: .06667rem .26667rem
}

.wheel-page .notice-wrapper .notice-content[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.wheel-page .notice-wrapper .notice-item[data-v-2c425e4b] {
    height: .53333rem;
    line-height: .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .13333rem;
    box-sizing: border-box
}

.wheel-page .balance-content[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .26667rem
}

.wheel-page .balance-content .time[data-v-2c425e4b] {
    color: #fff;
    font-size: .37333rem
}

.wheel-page .balance[data-v-2c425e4b] {
    font-size: 1.2rem;
    color: #fff;
    margin: 0;
    background: -webkit-linear-gradient(top, #FFFA7B 22.55%, #FFFB5E 44.98%, #FFE770 59.26%, #FFB06A 73.53%);
    background: linear-gradient(180deg, #FFFA7B 22.55%, #FFFB5E 44.98%, #FFE770 59.26%, #FFB06A 73.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.wheel-page .chinese-text[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: .66667rem;
    padding: 0 .53333rem;
    gap: .26667rem
}

.wheel-page .left-text[data-v-2c425e4b],
.wheel-page .right-text[data-v-2c425e4b] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.wheel-page .left-text .dialog-button[data-v-2c425e4b],
.wheel-page .right-text .dialog-button[data-v-2c425e4b] {
    background: -webkit-linear-gradient(315deg, #ff6b6b, #ff8e53);
    background: linear-gradient(135deg, #ff6b6b, #ff8e53);
    color: #fff;
    border: none;
    padding: .2rem .33333rem;
    border-radius: .33333rem;
    font-size: .21333rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 .10667rem .26667rem #0003;
    -webkit-transition: box-shadow .2s ease, -webkit-transform .2s ease;
    transition: box-shadow .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease;
    white-space: nowrap;
    width: 100%;
    max-width: 4rem
}

.wheel-page .left-text .dialog-button[data-v-2c425e4b]:hover,
.wheel-page .right-text .dialog-button[data-v-2c425e4b]:hover {
    -webkit-transform: translateY(-.02667rem);
    transform: translateY(-.02667rem);
    box-shadow: 0 .16rem .33333rem #0000004d
}

.wheel-page .left-text .dialog-button[data-v-2c425e4b]:active,
.wheel-page .right-text .dialog-button[data-v-2c425e4b]:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.wheel-page .wheel-container[data-v-2c425e4b] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .26667rem 0;
    height: 6.66667rem
}

.wheel-page .wheel-base[data-v-2c425e4b] {
    position: absolute;
    z-index: 1;
    width: 6rem;
    height: 6rem;
    -webkit-transition: -webkit-transform 4s cubic-bezier(.25, .1, .25, 1);
    transition: -webkit-transform 4s cubic-bezier(.25, .1, .25, 1);
    transition: transform 4s cubic-bezier(.25, .1, .25, 1);
    transition: transform 4s cubic-bezier(.25, .1, .25, 1), -webkit-transform 4s cubic-bezier(.25, .1, .25, 1)
}

.wheel-page .wheel-base.spinning[data-v-2c425e4b] {
    -webkit-animation: spinWheel-2c425e4b var(--spin-duration, 4s) cubic-bezier(.25, .1, .25, 1) forwards;
    animation: spinWheel-2c425e4b var(--spin-duration, 4s) cubic-bezier(.25, .1, .25, 1) forwards
}

.wheel-page .base-image[data-v-2c425e4b] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@-webkit-keyframes spinWheel-2c425e4b {
    0% {
        -webkit-transform: rotate(var(--start-rotation, 0deg));
        transform: rotate(var(--start-rotation, 0deg))
    }
    to {
        -webkit-transform: rotate(var(--final-rotation, 1800deg));
        transform: rotate(var(--final-rotation, 1800deg))
    }
}

@keyframes spinWheel-2c425e4b {
    0% {
        -webkit-transform: rotate(var(--start-rotation, 0deg));
        transform: rotate(var(--start-rotation, 0deg))
    }
    to {
        -webkit-transform: rotate(var(--final-rotation, 1800deg));
        transform: rotate(var(--final-rotation, 1800deg))
    }
}

.wheel-page .wheel-segments[data-v-2c425e4b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wheel-page .prize-segment[data-v-2c425e4b] {
    position: absolute;
    width: 1.06667rem;
    height: 1.06667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    z-index: 10
}

.wheel-page .prize-image[data-v-2c425e4b] {
    width: .6rem;
    height: .6rem;
    object-fit: contain
}

.wheel-page .prize-amount[data-v-2c425e4b] {
    color: #333;
    font-weight: 700;
    font-size: .21333rem;
    text-shadow: .01333rem .01333rem .02667rem rgba(255, 255, 255, .8);
    margin-top: .06667rem;
    background: rgba(255, 255, 255, .9);
    padding: .05333rem .10667rem;
    border-radius: .16rem;
    border: .02667rem solid #ff9500
}

.wheel-page .segment-1[data-v-2c425e4b] {
    top: .53333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.wheel-page .segment-2[data-v-2c425e4b] {
    top: 1.2rem;
    right: 1.2rem
}

.wheel-page .segment-3[data-v-2c425e4b] {
    top: 50%;
    right: .53333rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wheel-page .segment-4[data-v-2c425e4b] {
    bottom: 1.2rem;
    right: 1.2rem
}

.wheel-page .segment-5[data-v-2c425e4b] {
    bottom: .53333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.wheel-page .segment-6[data-v-2c425e4b] {
    bottom: 1.2rem;
    left: 1.2rem
}

.wheel-page .segment-7[data-v-2c425e4b] {
    top: 50%;
    left: .53333rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wheel-page .segment-8[data-v-2c425e4b] {
    top: 1.2rem;
    left: 1.2rem
}

.wheel-page .wheel-frame[data-v-2c425e4b] {
    position: absolute;
    z-index: 4
}

.wheel-page .frame-image[data-v-2c425e4b] {
    width: 6.4rem;
    height: 6.4rem;
    object-fit: contain
}

.wheel-page .spin-button[data-v-2c425e4b] {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.wheel-page .spin-button[data-v-2c425e4b]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.wheel-page .spin-button[data-v-2c425e4b]:active {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.wheel-page .spin-btn-image[data-v-2c425e4b] {
    width: 1.33333rem;
    height: 1.33333rem;
    object-fit: contain
}

.wheel-page .spin-content[data-v-2c425e4b] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none
}

.wheel-page .multiplier[data-v-2c425e4b] {
    color: red;
    font-size: .29333rem;
    font-weight: 700;
    line-height: 1;
    margin: 0
}

.wheel-page .free-spin[data-v-2c425e4b] {
    color: red;
    font-size: .16rem;
    font-weight: 700;
    line-height: 1;
    margin: 0
}

.wheel-page .wheel-pointer[data-v-2c425e4b] {
    position: absolute;
    top: -.2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 6
}

.wheel-page .pointer-image[data-v-2c425e4b] {
    width: .53333rem;
    height: .53333rem;
    object-fit: contain
}

.wheel-page .base-coin-section[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: -1.33333rem 0 .26667rem;
    position: relative
}

.wheel-page .base-coin-image[data-v-2c425e4b] {
    width: 100%;
    height: 2.53333rem;
    object-fit: contain
}

.wheel-page .balanceNum[data-v-2c425e4b] {
    text-align: center;
    color: #fff;
    font-size: .37333rem
}

.wheel-page .balanceNum[data-v-2c425e4b] span {
    color: red;
    margin: 0 .13333rem;
    font-size: .50667rem
}

.wheel-page .scattered-coins[data-v-2c425e4b] {
    position: absolute;
    bottom: -.73333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.wheel-page .coin[data-v-2c425e4b] {
    position: absolute;
    font-size: .42667rem;
    -webkit-animation: bounce-2c425e4b 2s infinite;
    animation: bounce-2c425e4b 2s infinite
}

.wheel-page .coin-1[data-v-2c425e4b] {
    left: -1.06667rem;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.wheel-page .coin-2[data-v-2c425e4b] {
    left: -.33333rem;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.wheel-page .coin-3[data-v-2c425e4b] {
    right: -.33333rem;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wheel-page .coin-4[data-v-2c425e4b] {
    right: -1.06667rem;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@-webkit-keyframes bounce-2c425e4b {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-.26667rem);
        transform: translateY(-.26667rem)
    }
    60% {
        -webkit-transform: translateY(-.13333rem);
        transform: translateY(-.13333rem)
    }
}

@keyframes bounce-2c425e4b {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-.26667rem);
        transform: translateY(-.26667rem)
    }
    60% {
        -webkit-transform: translateY(-.13333rem);
        transform: translateY(-.13333rem)
    }
}

.wheel-page .bottom-section[data-v-2c425e4b] {
    text-align: center;
    margin-top: .53333rem
}

.wheel-page .invite-btn[data-v-2c425e4b] {
    text-shadow: 0 .02667rem .02667rem rgba(88, 58, 8, .5);
    background: #fd8b01;
    box-shadow: 0 -.05333rem .4rem #fff9 inset;
    color: #fff;
    border: none;
    padding: .33333rem .66667rem;
    border-radius: .53333rem;
    font-size: .32rem;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: .33333rem;
    width: 100%;
    max-width: 6.66667rem;
    position: relative
}

.wheel-page .progress-text[data-v-2c425e4b] {
    color: #fff;
    margin-bottom: .66667rem;
    font-size: .32rem
}

.wheel-page .record-section[data-v-2c425e4b] {
    background: rgba(255, 255, 255, .9);
    border-radius: .26667rem;
    padding: .33333rem;
    text-align: left;
    border: .02667rem solid #ff9500;
    box-shadow: 0 .10667rem .26667rem #0000001a
}

.wheel-page .record-title[data-v-2c425e4b] {
    color: #ff6b6b;
    font-size: .37333rem;
    font-weight: 700;
    margin-bottom: .26667rem
}

.wheel-page .record-tr[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: rgba(255, 255, 255, .6);
    border: .01333rem solid rgba(255, 149, 0, .3);
    padding: .2rem;
    font-size: .34667rem
}

.wheel-page .record-tr>p[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center
}

.wheel-page .record-tr>p[data-v-2c425e4b]:nth-of-type(1) {
    width: 1.2rem
}

.wheel-page .record-tr>p[data-v-2c425e4b]:nth-of-type(3) {
    width: 1.46667rem
}

.wheel-page .record-tr>p[data-v-2c425e4b]:nth-of-type(4) {
    width: 2.66667rem
}

.wheel-page .record-item[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .2rem;
    border: .01333rem solid rgba(255, 149, 0, .3)
}

.wheel-page .record-item>div[data-v-2c425e4b] {
    text-align: center
}

.wheel-page .record-item[data-v-2c425e4b]:nth-child(odd) {
    background: rgba(255, 255, 255, .6)
}

.wheel-page .record-item[data-v-2c425e4b]:nth-child(2n) {
    background: #fff
}

.wheel-page .record-item>div[data-v-2c425e4b]:nth-of-type(1) {
    width: 1.2rem
}

.wheel-page .record-item>div[data-v-2c425e4b]:nth-of-type(4) {
    width: 2.66667rem
}

.wheel-page .profile-pic[data-v-2c425e4b] {
    width: .8rem;
    height: .8rem;
    background: #ff9500;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: .37333rem;
    color: #fff
}

.wheel-page .record-details[data-v-2c425e4b] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.wheel-page .username[data-v-2c425e4b] {
    color: #333;
    font-weight: 700;
    margin-bottom: .06667rem;
    font-size: .29333rem
}

.wheel-page .record-amount[data-v-2c425e4b] {
    color: #ff9500;
    font-weight: 700;
    font-size: .32rem
}

.wheel-page .timestamp[data-v-2c425e4b] {
    color: #666
}

.wheel-page .rank-position[data-v-2c425e4b] {
    color: #ff9500;
    font-weight: 700;
    font-size: .24rem;
    background: rgba(255, 149, 0, .1);
    padding: .10667rem .16rem;
    border-radius: .26667rem;
    border: .02667rem solid #ff9500
}

.wheel-page .recent-records[data-v-2c425e4b] {
    margin-top: .26667rem
}

.wheel-page .loading-text[data-v-2c425e4b] {
    text-align: center;
    color: #666;
    font-size: .24rem;
    padding: .26667rem;
    font-style: italic
}

.wheel-page .no-records-container[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .53333rem .26667rem;
    text-align: center;
    background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
    background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
    border-radius: .26667rem;
    border: .02667rem dashed rgba(255, 149, 0, .3);
    margin: .26667rem 0
}

.wheel-page .no-records-icon[data-v-2c425e4b] {
    font-size: .85333rem;
    margin-bottom: .26667rem;
    opacity: .7;
    -webkit-animation: pulse-2c425e4b 2s ease-in-out infinite;
    animation: pulse-2c425e4b 2s ease-in-out infinite
}

.wheel-page .no-records-title[data-v-2c425e4b] {
    font-size: .32rem;
    font-weight: 700;
    color: #ff9500;
    margin-bottom: .13333rem;
    text-shadow: .01333rem .01333rem .02667rem rgba(0, 0, 0, .1)
}

.wheel-page .no-records-subtitle[data-v-2c425e4b] {
    font-size: .21333rem;
    color: #666;
    opacity: .8;
    line-height: 1.4
}

@-webkit-keyframes pulse-2c425e4b {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
}

@keyframes pulse-2c425e4b {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
}

.wheel-page .notification[data-v-2c425e4b] {
    position: fixed;
    top: .26667rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 2000;
    max-width: 5.33333rem;
    width: 90%;
    -webkit-animation: slideDown-2c425e4b .6s ease-out;
    animation: slideDown-2c425e4b .6s ease-out
}

.wheel-page .notification-content[data-v-2c425e4b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .21333rem .26667rem;
    border-radius: .16rem;
    box-shadow: 0 .10667rem .33333rem #00000026;
    -webkit-backdrop-filter: blur(.13333rem);
    backdrop-filter: blur(.13333rem);
    border: .01333rem solid rgba(255, 255, 255, .2)
}

.wheel-page .notification.success[data-v-2c425e4b] {
    background: -webkit-linear-gradient(315deg, #4CAF50, #45a049);
    background: linear-gradient(135deg, #4CAF50, #45a049);
    color: #fff
}

.wheel-page .notification.error[data-v-2c425e4b] {
    background: -webkit-linear-gradient(315deg, #f44336, #d32f2f);
    background: linear-gradient(135deg, #f44336, #d32f2f);
    color: #fff
}

.wheel-page .notification.info[data-v-2c425e4b] {
    background: -webkit-linear-gradient(315deg, #2196F3, #1976D2);
    background: linear-gradient(135deg, #2196F3, #1976D2);
    color: #fff
}

.wheel-page .notification-icon[data-v-2c425e4b] {
    font-size: .32rem;
    margin-right: .16rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.wheel-page .notification-message[data-v-2c425e4b] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .21333rem;
    font-weight: 500;
    line-height: 1.4
}

.wheel-page .notification-close[data-v-2c425e4b] {
    background: none;
    border: none;
    color: #fff;
    font-size: .26667rem;
    cursor: pointer;
    padding: 0;
    width: .32rem;
    height: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    margin-left: .16rem;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.wheel-page .notification-close[data-v-2c425e4b]:hover {
    background: rgba(255, 255, 255, .2)
}

@-webkit-keyframes slideDown-2c425e4b {
    0% {
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translate(-50%) translateY(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translate(-50%) translateY(0);
        opacity: 1
    }
}

@keyframes slideDown-2c425e4b {
    0% {
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translate(-50%) translateY(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translate(-50%) translateY(0);
        opacity: 1
    }
}

@media screen and (max-width: 768px) {
    .wheel-page .top-left-section[data-v-2c425e4b] {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: .26667rem;
        text-align: center
    }
    .wheel-page .top-right-section[data-v-2c425e4b] {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: .26667rem;
        text-align: center
    }
    .wheel-page .dialog-button[data-v-2c425e4b] {
        font-size: .18667rem;
        padding: .16rem .26667rem
    }
}

@media screen and (max-width: 480px) {
    .wheel-page .dialog-button[data-v-2c425e4b] {
        font-size: .16rem;
        padding: .13333rem .21333rem
    }
    .wheel-page .chinese-text[data-v-2c425e4b] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: .2rem;
        padding: 0 .26667rem
    }
    .wheel-page .left-text .dialog-button[data-v-2c425e4b],
    .wheel-page .right-text .dialog-button[data-v-2c425e4b] {
        max-width: 100%;
        font-size: .18667rem
    }
    .wheel-page .cash-out-btn[data-v-2c425e4b] {
        font-size: .32rem;
        padding: .26667rem .53333rem
    }
    .wheel-page .balance[data-v-2c425e4b] {
        font-size: .8rem
    }
}