.unlock_box {
    display: flex;
    position: relative;
    width: 100%;

    & .bar_box {
        width: 100%;
        height: 89%;
        position: absolute;
        bottom: 0;

        & .radial_fill {
            width: 100%;
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            /* ✅ 圆形遮罩核心 */
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            mask-size: contain;
            -webkit-mask-position: center;
            mask-position: center;
        }
    }

    & .amount_box {
        color: #fff;
        font-size: .8em;
        line-height: 1em;

        position: absolute;
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;

        span {
            color: var(--warningColor);
        }
    }
}

.done_box {
    width: 100%;
    display: flex;
    position: relative;


    & .wallet_box {
        width: 100%;
        height: 100%;
        position: absolute;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        gap: 2px;

        & .wallet_img {
            width: 62%;
        }

        & .amount_box {
            color: #fff;
            font-size: .8em;
            line-height: 1em;
            font-weight: 400;
            text-align: center;

            span {
                color: var(--warningColor);
                font-size: 1em;
                font-weight: 600;
            }
        }
    }

    & .light_img {
        position: absolute;
        width: 100%;
        transform: scale(2.3);
        pointer-events: none;
    }
}

.container {
    width: 100%;
    height: auto;
}

.sub_node {
    transform: rotate(90deg);
}

.full_box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;

    .dragbox_lt {
        position: absolute;
        pointer-events: auto;
        width: 6rem;
        height: 6rem;

        top: 4rem;
        left: 1rem;
    }

    .dragbox_rt {
        position: absolute;
        pointer-events: auto;
        width: 6rem;
        height: 6rem;

        top: 1rem;
        right: 4rem;
    }
}