.banner__box {
  color: var(--genstore-neutral-texticon-900);
  gap: var(--genstore-spacing-gap-300);
  position: relative;
  font-size: var(--genstore-fontSize-800);
  line-height: var(--genstore-lineHeight-1300);
  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);
      line-height: var(--genstore-lineHeight-500);
    }

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

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

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

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

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

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

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

  .banner__box .banner__heading .xl {
      font-size: var(--genstore-fontSize-2000);
      line-height: var(--genstore-lineHeight-2500);

    }

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

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

  .banner__box .banner__heading .s {
      font-size: var(--genstore-fontSize-800);
      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.banner--card-transparent {
    background: transparent;
  }

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

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