/* uni.scss - 全局样式变量和通用样式 */

/* 颜色变量 */
$primary-color: #1890ff;
$success-color: #52c41a;
$warning-color: #faad14;
$error-color: #f5222d;
$text-color: #333333;
$text-color-light: #666666;
$text-color-lighter: #999999;
$border-color: #d9d9d9;
$background-color: #f5f5f5;

/* 尺寸变量 */
$border-radius: 8rpx;
$border-radius-large: 12rpx;
$spacing-small: 20rpx;
$spacing-medium: 30rpx;
$spacing-large: 40rpx;

/* 字体变量 */
$font-size-small: 24rpx;
$font-size-base: 28rpx;
$font-size-medium: 30rpx;
$font-size-large: 32rpx;
$font-size-xl: 36rpx;

/* 通用类样式 */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-overflow-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 间距类 */
.p-0 { padding: 0 !important; }
.p-1 { padding: 10rpx !important; }
.p-2 { padding: 20rpx !important; }
.p-3 { padding: 30rpx !important; }
.p-4 { padding: 40rpx !important; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 10rpx !important; }
.m-2 { margin: 20rpx !important; }
.m-3 { margin: 30rpx !important; }
.m-4 { margin: 40rpx !important; }