page {
    --fine-primary-color: #1f74ff;
    --fine-success-color: #2ece73;
    --fine-warning-color: #ff9419;
    --fine-error-color: #f63842;
    --fine-info-color: #9b9ea3;
    --fine-black-color: #000000;
    --fine-white-color: #ffffff;
    --fine-default-color: #ffffff;

    --fine-main-text-color: #1f2225;
    --fine-normal-text-color: #333639;
    --fine-minor-text-color: #c2c2c2;
    --fine-default-text-color: #ffffff;

    --fine-active-background-color: #ffffff;
    --fine-content-background-color: #f7f7fa;
    --fine-default-background-color: #ffffff;

    --fine-border-width: 2rpx;
    --fine-border-color: #e0e0e6;

    --fine-mini-border-radius: 4rpx;
    --fine-small-border-radius: 8rpx;
    --fine-normal-border-radius: 12rpx;
    --fine-medium-border-radius: 16rpx;
    --fine-large-border-radius: 20rpx;
    --fine-max-border-radius: 999rpx;

    --fine-mini-padding: 12rpx;
    --fine-small-padding: 16rpx;
    --fine-normal-padding: 20rpx;
    --fine-medium-padding: 24rpx;
    --fine-large-padding: 28rpx;

    --fine-mini-margin: 12rpx;
    --fine-small-margin: 16rpx;
    --fine-normal-margin: 20rpx;
    --fine-medium-margin: 24rpx;
    --fine-large-margin: 28rpx;

    --fine-font-bold: 700;

    --fine-mini-font-size: 20rpx;
    --fine-small-font-size: 24rpx;
    --fine-normal-font-size: 28rpx;
    --fine-medium-font-size: 32rpx;
    --fine-large-font-size: 36rpx;

    --fine-mini-icon-size: 24rpx;
    --fine-small-icon-size: 28rpx;
    --fine-normal-icon-size: 32rpx;
    --fine-medium-icon-size: 36rpx;
    --fine-large-icon-size: 40rpx;

    --fine-mini-line-height: 1.2;
    --fine-small-line-height: 24rpx;
    --fine-normal-line-height: 28rpx;
    --fine-medium-line-height: 32rpx;
    --fine-large-line-height: 36rpx;

    --fine-default-duration: 0.3s;
    --fine-fast-duration: 0.2s;
    --fine-timing-function: ease-out;

    --fine-active-opacity: 0.5;
    --fine-disabled-opacity: 0.5;
}