/**
 * 品牌渐变文字 - 通用工具类
 *
 * 用法：
 *   <span class="fc-gradient-text">彩色文字</span>
 *
 * 自定义字号（任选其一）：
 *   style="--fc-gradient-text-size: 20px"
 *   class="fc-gradient-text fc-gradient-text--20"
 */

.fc-gradient-text {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: var(--fc-gradient-text-size, 16px);
  font-weight: 600;
  line-height: 1.5;
  background: linear-gradient(101deg, #2DD4BF -8%, #2563EB 50%, #F43F5E 107%), linear-gradient(90deg, #3A7CF5 0%, #3C8EF3 34%, #A68AE5 64%, #DD5961 100%), #FFFFFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.fc-gradient-text--14 { --fc-gradient-text-size: 14px; }
.fc-gradient-text--16 { --fc-gradient-text-size: 16px; }
.fc-gradient-text--18 { --fc-gradient-text-size: 18px; }
.fc-gradient-text--20 { --fc-gradient-text-size: 20px; }
.fc-gradient-text--24 { --fc-gradient-text-size: 24px; }
.fc-gradient-text--28 { --fc-gradient-text-size: 28px; font-weight: 600; line-height: normal; }
.fc-gradient-text--32 { --fc-gradient-text-size: 32px; }
.fc-gradient-text--48 { --fc-gradient-text-size: 48px; font-weight: 600; line-height: normal; }