.banner__box {
  color: var(--genstore-neutral-texticon-900);
  gap: var(--genstore-spacing-gap-600);
  position: relative;
  font-size: var(--genstore-fontSize-800);
  max-width: 720px;
}

  .banner__box.enable-card {
    opacity: calc(var(--opacity, 100) / 100);
  }

  .banner__box.card-padding {
    padding: var(--genstore-spacing-vertical-1800)
      var(--genstore-spacing-horizontal-1800);
    border-radius: var(--genstore-borderRadius-400);
  }

  .banner__box .banner__text {
    font-weight: var(--genstore-fontWeight-regular);
  }

  .banner__box .banner__text.xxs {
      font-size: var(--genstore-fontSize-250);
    }

  .banner__box .banner__text.xxs * {
        font-size: inherit !important;
      }

  .banner__box .banner__text.xxs {

      line-height: var(--genstore-lineHeight-500);
}

  .banner__box .banner__text.xs {
      font-size: var(--genstore-fontSize-300);
    }

  .banner__box .banner__text.xs * {
        font-size: inherit !important;
      }

  .banner__box .banner__text.xs {

      line-height: var(--genstore-lineHeight-500);
}

  .banner__box .banner__text.s {
      font-size: var(--genstore-fontSize-400);
    }

  .banner__box .banner__text.s * {
        font-size: inherit !important;
      }

  .banner__box .banner__text.s {

      line-height: var(--genstore-lineHeight-700);
}

  .banner__box .banner__text.m {
      font-size: var(--genstore-fontSize-600);
    }

  .banner__box .banner__text.m * {
        font-size: inherit !important;
      }

  .banner__box .banner__text.m {

      line-height: var(--genstore-lineHeight-1000);
}

  .banner__box .banner__text.l {
      font-size: var(--genstore-fontSize-800);
    }

  .banner__box .banner__text.l * {
        font-size: inherit !important;
      }

  .banner__box .banner__text.l {

      line-height: var(--genstore-lineHeight-1300);
}

  .banner__box .banner__text.xl {
      font-size: var(--genstore-fontSize-1200);
    }

  .banner__box .banner__text.xl * {
        font-size: inherit !important;
      }

  .banner__box .banner__text.xl {

      line-height: var(--genstore-lineHeight-1700);
}

  .banner__box .genstore-separator-line + .banner__buttons {
    margin-top: 12px;
  }

  .banner__box .banner__heading .xxl {
      font-size: var(--genstore-fontSize-2400);
    }

  .banner__box .banner__heading .xxl * {
        font-size: inherit !important;
      }

  .banner__box .banner__heading .xxl {

      line-height: var(--genstore-lineHeight-2900);
}

  .banner__box .banner__heading .xl {
      font-size: var(--genstore-fontSize-2000);
    }

  .banner__box .banner__heading .xl * {
        font-size: inherit !important;
      }

  .banner__box .banner__heading .xl {

      line-height: var(--genstore-lineHeight-2500);
}

  .banner__box .banner__heading .l {
      font-size: var(--genstore-fontSize-1600);
    }

  .banner__box .banner__heading .l * {
        font-size: inherit !important;
      }

  .banner__box .banner__heading .l {

      line-height: var(--genstore-lineHeight-2100);
}

  .banner__box .banner__heading .m {
      font-size: var(--genstore-fontSize-1200);
    }

  .banner__box .banner__heading .m * {
        font-size: inherit !important;
      }

  .banner__box .banner__heading .m {

      line-height: var(--genstore-lineHeight-1700);
}

  .banner__box .banner__heading .s {
      font-size: var(--genstore-fontSize-800);
    }

  .banner__box .banner__heading .s * {
        font-size: inherit !important;
      }

  .banner__box .banner__heading .s {

      line-height: var(--genstore-lineHeight-1300);
}

  .banner__box > * {
    z-index: 2;
  }

  .banner__box .banner__buttons {
    padding: var(--genstore-spacing-vertical-400) 0;
    font-size: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
  }

  .banner__box .banner__buttons .genstore-btn {
      align-self: flex-start;
      /* 确保每个按钮都是自身高度 */
      flex: 0 0 auto;
      /* 防止按钮拉伸或收缩 */
    }

  .banner__box .buttons-vertical {
    flex-direction: column;
  }

  .banner__box.banner--card-transparent {
    background: transparent;
  }

  .banner__box .video-wrap {
    width: 100%;
    aspect-ratio: 1.78;
  }

  .banner__box .video-wrap .deferred-media {
      width: 100%;
      height: 100%;
    }

  .banner__box .image-wrap {
    max-width: 100%;
    width: var(--cover-image-width);
  }

@media (max-width: 750px) {
  .banner__box {
    max-width: 100%;
  }

    .banner__box.enable-card {
      flex: 1;
    }

    .banner__box.banner--card-transparent {
      padding: 40px 16px;
    }

    .banner__box .image-wrap {
      max-width: 100%;
      width: var(--cover-mobile-image-width);
    }
}
.banner__box .banner__text.none h1 {
    font-size: 2em;
  }
.banner__box .banner__text.none h2 {
    font-size: 1.5em;
  }
.banner__box .banner__text.none h3 {
    font-size: 1.17em;
  }
.banner__box .banner__text.none h4 {
    font-size: 1em;
  }