.random-button-area {
    margin-top: 40rpx;
    display: flex;
    align-items: center;
    gap: 20rpx;

    .type-selector {
        flex: 1; // 占据剩余空间
        height: 80rpx;
        background-color: #fff;
        border: 2rpx solid #e5e5e5;
        border-radius: 16rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 24rpx;
        box-sizing: border-box;

        .type-selector-text {
            font-size: 28rpx;
            color: #333;
        }

        .type-selector-arrow {
            font-size: 20rpx;
            color: #999;
        }
    }

    .random-button {
        flex: 2;
    }
}