.has-primary-color {
         color: #3077be;
      }

      .has-primary-background-color {
         background-color: #3077be;
      }

      .has-primary-border-color {
         border-color: #3077be;
      }

      .has-primary-light-color {
         color: #4ca9ee;
      }

      .has-primary-light-background-color {
         background-color: #4ca9ee;
      }

      .has-primary-light-border-color {
         border-color: #4ca9ee;
      }

      .has-primary-bright-color {
         color: #a5d4f6;
      }

      .has-primary-bright-background-color {
         background-color: #a5d4f6;
      }

      .has-primary-bright-border-color {
         border-color: #a5d4f6;
      }

      .has-primary-brighter-color {
         color: #f2f9ff;
      }

      .has-primary-brighter-background-color {
         background-color: #f2f9ff;
      }

      .has-primary-brighter-border-color {
         border-color: #f2f9ff;
      }

      .has-primary-dark-color {
         color: #2f4571;
      }

      .has-primary-dark-background-color {
         background-color: #2f4571;
      }

      .has-primary-dark-border-color {
         border-color: #2f4571;
      }

      .has-secondary-color {
         color: #29e8b2;
      }

      .has-secondary-background-color {
         background-color: #29e8b2;
      }

      .has-secondary-border-color {
         border-color: #29e8b2;
      }

      .has-secondary-light-color {
         color: #eefdf9;
      }

      .has-secondary-light-background-color {
         background-color: #eefdf9;
      }

      .has-secondary-light-border-color {
         border-color: #eefdf9;
      }

      .has-secondary-bright-color {
         color: #fdf2f3;
      }

      .has-secondary-bright-background-color {
         background-color: #fdf2f3;
      }

      .has-secondary-bright-border-color {
         border-color: #fdf2f3;
      }

      .has-secondary-dark-color {
         color: #da3448;
      }

      .has-secondary-dark-background-color {
         background-color: #da3448;
      }

      .has-secondary-dark-border-color {
         border-color: #da3448;
      }

      .has-gray-lightest-color {
         color: #f8faff;
      }

      .has-gray-lightest-background-color {
         background-color: #f8faff;
      }

      .has-gray-lightest-border-color {
         border-color: #f8faff;
      }

      .has-gray-light-color {
         color: #dfe5f2;
      }

      .has-gray-light-background-color {
         background-color: #dfe5f2;
      }

      .has-gray-light-border-color {
         border-color: #dfe5f2;
      }

      .has-gray-medium-color {
         color: #6e7480;
      }

      .has-gray-medium-background-color {
         background-color: #6e7480;
      }

      .has-gray-medium-border-color {
         border-color: #6e7480;
      }

      .has-gray-dark-color {
         color: #444850;
      }

      .has-gray-dark-background-color {
         background-color: #444850;
      }

      .has-gray-dark-border-color {
         border-color: #444850;
      }

      .has-neutral-light-color {
         color: #ffffff;
      }

      .has-neutral-light-background-color {
         background-color: #ffffff;
      }

      .has-neutral-light-border-color {
         border-color: #ffffff;
      }

      .has-neutral-dark-color {
         color: #1a1b1f;
      }

      .has-neutral-dark-background-color {
         background-color: #1a1b1f;
      }

      .has-neutral-dark-border-color {
         border-color: #1a1b1f;
      }

      :root {
         --color-primary: #3077be;
         --color-primary-rgb: 48, 119, 190;
         --color-primary-light: #4ca9ee;
         --color-primary-light-rgb: 76, 169, 238;
         --color-primary-bright: #a5d4f6;
         --color-primary-bright-rgb: 165, 212, 246;
         --color-primary-brighter: #f2f9ff;
         --color-primary-brighter-rgb: 242, 249, 255;
         --color-primary-dark: #2f4571;
         --color-primary-dark-rgb: 47, 69, 113;
         --color-secondary: #29e8b2;
         --color-secondary-rgb: 41, 232, 178;
         --color-secondary-light: #eefdf9;
         --color-secondary-light-rgb: 238, 253, 249;
         --color-secondary-bright: #fdf2f3;
         --color-secondary-bright-rgb: 253, 242, 243;
         --color-secondary-dark: #da3448;
         --color-secondary-dark-rgb: 218, 52, 72;
         --color-gray-lightest: #f8faff;
         --color-gray-lightest-rgb: 248, 250, 255;
         --color-gray-lighter: #E5E5E5;
         --color-gray-lighter-rgb: 229, 229, 229;
         --color-gray-light: #dfe5f2;
         --color-gray-light-rgb: 223, 229, 242;
         --color-gray-medium: #6e7480;
         --color-gray-medium-rgb: 110, 116, 128;
         --color-gray-dark: #444850;
         --color-gray-dark-rgb: 68, 72, 80;
         --color-gray-darker: #333333;
         --color-gray-darker-rgb: 51, 51, 51;
         --color-gray-darkest: #151515;
         --color-gray-darkest-rgb: 21, 21, 21;
         --color-neutral-light: #ffffff;
         --color-neutral-light-rgb: 255, 255, 255;
         --color-neutral-dark: #1a1b1f;
         --color-neutral-dark-rgb: 26, 27, 31;
         --color-header-bg: #ffffff;
         --color-body-bg: #ffffff;
         --color-footer-bg: #151515;
         --color-headings-text: #2f4571;
         --color-body-text: #1a1b1f;
         --color-links: #3077be;
         --color-links-hover: #4ca9ee;
         --color-footer-text: #FFFFFF;
      }

      .has-primary-to-primary-light-gradient-background {
         background: linear-gradient(90deg, rgba(48, 119, 190, 1) 0%, rgba(76, 169, 238, 1) 100%);
      }

      .has-primary-to-primary-light-gradient-background {
         background: linear-gradient(90deg, rgba(48, 119, 190, 1) 0%, rgba(76, 169, 238, 1) 100%);
      }

      .has-primary-light-to-primary-bright-gradient-background {
         background: linear-gradient(90deg, rgba(76, 169, 238, 1) 0%, rgba(165, 212, 246, 1) 100%);
      }

      .has-primary-light-to-primary-bright-gradient-background {
         background: linear-gradient(90deg, rgba(76, 169, 238, 1) 0%, rgba(165, 212, 246, 1) 100%);
      }

      .has-primary-dark-to-primary-gradient-background {
         background: linear-gradient(90deg, rgba(47, 69, 113, 1) 0%, rgba(48, 119, 190, 1) 100%);
      }

      .has-primary-dark-to-primary-gradient-background {
         background: linear-gradient(90deg, rgba(47, 69, 113, 1) 0%, rgba(48, 119, 190, 1) 100%);
      }

      .has-secondary-to-secondary-light-gradient-background {
         background: linear-gradient(90deg, rgba(41, 232, 178, 1) 0%, rgba(238, 253, 249, 1) 100%);
      }

      .has-secondary-to-secondary-light-gradient-background {
         background: linear-gradient(90deg, rgba(41, 232, 178, 1) 0%, rgba(238, 253, 249, 1) 100%);
      }

      .has-secondary-to-secondary-bright-gradient-background {
         background: linear-gradient(90deg, rgba(41, 232, 178, 1) 0%, rgba(253, 242, 243, 1) 100%);
      }

      .has-secondary-to-secondary-bright-gradient-background {
         background: linear-gradient(90deg, rgba(41, 232, 178, 1) 0%, rgba(253, 242, 243, 1) 100%);
      }

      .has-transparent-to-primary-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(48, 119, 190, 1) 100%);
      }

      .has-transparent-to-primary-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(48, 119, 190, 1) 100%);
      }

      .has-transparent-to-primary-light-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(76, 169, 238, 1) 100%);
      }

      .has-transparent-to-primary-light-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(76, 169, 238, 1) 100%);
      }

      .has-transparent-to-primary-bright-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(165, 212, 246, 1) 100%);
      }

      .has-transparent-to-primary-bright-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(165, 212, 246, 1) 100%);
      }

      .has-transparent-to-secondary-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(41, 232, 178, 1) 100%);
      }

      .has-transparent-to-secondary-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(41, 232, 178, 1) 100%);
      }

      .has-transparent-to-neutral-dark-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(26, 27, 31, 1) 100%);
      }

      .has-transparent-to-neutral-dark-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(26, 27, 31, 1) 100%);
      }

      .has-transparent-to-neutral-light-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);
      }

      .has-transparent-to-neutral-light-gradient-background {
         background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);
      }

      :root {
         --gradient-primary-to-primary-light: linear-gradient(90deg, rgba(48, 119, 190, 1) 0%, rgba(76, 169, 238, 1) 100%);
         --gradient-primary-light-to-primary-bright: linear-gradient(90deg, rgba(76, 169, 238, 1) 0%, rgba(165, 212, 246, 1) 100%);
         --gradient-primary-dark-to-primary: linear-gradient(90deg, rgba(47, 69, 113, 1) 0%, rgba(48, 119, 190, 1) 100%);
         --gradient-secondary-to-secondary-light: linear-gradient(90deg, rgba(41, 232, 178, 1) 0%, rgba(238, 253, 249, 1) 100%);
         --gradient-secondary-to-secondary-bright: linear-gradient(90deg, rgba(41, 232, 178, 1) 0%, rgba(253, 242, 243, 1) 100%);
         --gradient-transparent-to-primary: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(48, 119, 190, 1) 100%);
         --gradient-transparent-to-primary-light: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(76, 169, 238, 1) 100%);
         --gradient-transparent-to-primary-bright: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(165, 212, 246, 1) 100%);
         --gradient-transparent-to-secondary: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(41, 232, 178, 1) 100%);
         --gradient-transparent-to-neutral-dark: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(26, 27, 31, 1) 100%);
         --gradient-transparent-to-neutral-light: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);
      }

      :root {
         --icon-size-xs: 15px;
         --icon-size-sm: 30px;
         --icon-size-md: 45px;
         --icon-size-lg: 60px;
         --icon-size-xl: 90px;
         --icon-default-color: #3077be;
      }

      :root {
         --font-family-body: Arial, Helvetica, "Helvetica Neue", Roboto, system-ui, sans-serif;
         --font-family-headings: Arial, Helvetica, "Helvetica Neue", Roboto, system-ui, sans-serif;
         --font-family-buttons: Arial, Helvetica, "Helvetica Neue", Roboto, system-ui, sans-serif;
         --font-size-h1: 42px;
         --font-size-h2: 30px;
         --font-size-h3: 22px;
         --font-size-h4: 18px;
         --font-size-h5: 14px;
         --font-size-h6: 11px;
         --font-size-body: 16px;
         --font-size-subscript: 10px;
         --font-size-xs: 12px;
         --font-size-sm: 14px;
         --font-size-md: 16px;
         --font-size-lg: 18px;
         --font-size-xl: 20px;
         --font-size-xxl: 24px;
      }
.font-size-xl-h3{
display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制 2 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;

}