$primary-color: #2D5CF6;

.test {
    border: 1px solid red;
    @apply box-border;
}

.safe-b {
    padding-bottom: calc(24rpx + constant(safe-area-inset-bottom)) !important;
    padding-bottom: calc(24rpx + env(safe-area-inset-bottom)) !important;
}

.tui-btn {
    border-radius: 10rpx !important;
}

.tui-primary-outline {
    background-color: lighten($primary-color, 40%) !important;
}

.tui-alert-box {
    border-radius: 16rpx !important;
    overflow: hidden;

    .tui-alert-content {
        padding: 40rpx 32rpx !important;
    }
}

.tui-actionsheet {
    padding-bottom: calc(24rpx + constant(safe-area-inset-bottom));
    padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
}

.uni-picker-container {
    z-index: 9998 !important;
}

.ellipsis-1 {
    display: inline-block; /* 创建一个伸缩容器 */
    -webkit-box-orient: vertical; /* 设置伸缩容器的方向为垂直 */
    -webkit-line-clamp: 1; /* 限制显示的行数为2行 */
    overflow: hidden; /* 超出内容隐藏 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    white-space: nowrap;
}

.ellipsis-2 {
    display: -webkit-box; /* 创建一个伸缩容器 */
    -webkit-box-orient: vertical; /* 设置伸缩容器的方向为垂直 */
    -webkit-line-clamp: 2; /* 限制显示的行数为2行 */
    overflow: hidden; /* 超出内容隐藏 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}

.tui-tabs__badge {
    aspect-ratio: 1 / 1;
}

.nowrap {
    white-space: nowrap;
}

.test-20r {
    font-size: 20rpx;
}

.test-22r {
    font-size: 22rpx;
}

.test-24r {
    font-size: 24rpx;
}

.test-28r {
    font-size: 28rpx;
}

.test-32r {
    font-size: 32rpx;
}

.test-36r {
    font-size: 36rpx;
}