@layer utility {
  .text-xs {
    /* 12px 支持rem字体放大 */
    font-size: var(--font-size-xs);
    /* 不能超过 16px */
    line-height: var(--line-height-xs);
  }
  .text-sm {
    /* 14px 支持rem字体放大 */
    font-size: var(--font-size-sm);
    /* 不能超过 20px */
    line-height: var(--line-height-sm);
  }
  .text-md {
    /* 16px 支持rem字体放大 */
    font-size: var(--font-size-md);
    /* 不能超过 24px */
    line-height: var(--line-height-md);
  }
  .text-lg {
    /* 18px 支持rem字体放大 */
    font-size: var(--font-size-lg);
    /* 不能超过 28px */
    line-height: var(--line-height-lg);
  }
  .text-xl {
    /* 24px 支持rem字体放大 */
    font-size: var(--font-size-2xl);
    /* 不能超过 32px */
    line-height: var(--line-height-2xl);
  }
  .text-2xl {
    /* 30px 支持rem字体放大 */
    font-size: var(--font-size-2xl);
    /* 不能超过 36px */
    line-height: var(--line-height-2xl);
  }
}