/* 控件父容器样式 */
    .carouselWrap_7dK2f {
      max-width: 100%;
      height: 100vh;
      min-height: 100vh;
      background: var(--carousel-theme-bg);
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      transition: background-image var(--carousel-theme-bg-transition);
      margin-top: var(--margin_tb);
      margin-bottom: var(--margin_tb);
    }

    /* 背景图层样式 */
    .carouselWrap_7dK2f .carouselBg_7dK2f {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100vh;
      z-index: 1;
      transition: opacity var(--carousel-theme-bg-transition);
      background-size: cover;
      background-position: center;
      opacity: 0;
      pointer-events: none;
    }

    .carouselWrap_7dK2f .carouselBg_7dK2f.active {
      opacity: 1;
    }

    /* 内容区样式 */
    .carouselWrap_7dK2f .carouselList_7dK2f {
      display: grid;
      
      gap: 0;
      width: 100%;
      height: 100vh;
      padding: 0;
      z-index: 2;
      position: relative;
    }

    .carouselWrap_7dK2f .carouselItem_7dK2f {
      background: var(--carousel-theme-bg-opacity);
      border-radius: 0;
      box-shadow: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      min-height: 0;
      transition: background var(--carousel-theme-bg-transition), box-shadow var(--carousel-theme-bg-transition);
      cursor: pointer;
      position: relative;
      overflow: hidden;
      padding: clamp(16px, 2vw, 32px) clamp(8px, 1vw, 24px);
      box-sizing: border-box;
    }

    .carouselWrap_7dK2f .carouselItem_7dK2f:hover {
      background: transparent;
      box-shadow: 0 4px 24px rgba(37, 99, 235, 0.12);
    }

    .carouselWrap_7dK2f .carouselTitle_7dK2f {
      font-size: var(--carousel_title_size);
      font-weight: 600;
      color: var(--carousel-theme-title);
      margin-bottom: 0.7em;
      text-align: center;
      letter-spacing: 0.02em;
    }

    .carouselWrap_7dK2f .carouselDesc_7dK2f {
      color: var(--carousel-theme-desc);
      font-size: var(--carousel_desc_size);
      margin-bottom: 1.2em;
      text-align: center;
      line-height: 1.6;
    }

    .carouselWrap_7dK2f .carouselBtn_7dK2f {
      background: var(--carousel-theme-btn-bg);
      color: var(--carousel-theme-btn);
      font-size: var(--carousel_btn_size);
      border: none;
      border-radius: 8px;
      padding: 0.6em 1.6em;
      font-weight: 500;
      cursor: pointer;
      transition: background var(--carousel-theme-bg-transition), color var(--carousel-theme-bg-transition);
      box-shadow: 0 1px 8px rgba(37, 99, 235, 0.08);
    }

    .carouselWrap_7dK2f .carouselBtn_7dK2f:hover {
      background: var(--carousel-theme-btn-hover);
      color: #fff;
    }

    @media (max-width: 960px) {
      .carouselWrap_7dK2f {
        height: 100vh;
        min-height: 100vh;
      }

      .carouselWrap_7dK2f .carouselList_7dK2f {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        height: 100vh;
        padding: 0;
      }

      .carouselWrap_7dK2f .carouselItem_7dK2f {
        height: 100%;
        padding: clamp(12px, 2vw, 20px) clamp(6px, 1vw, 12px);
      }
    }

    @media (max-width: 600px) {
      .carouselWrap_7dK2f .carouselList_7dK2f {
        grid-template-columns: 1fr !important;
        gap: 0;
        height: 100vh;
        padding: 0;
      }

      .carouselWrap_7dK2f .carouselItem_7dK2f {
        height: 100%;
        padding: 12px 8px;
      }
    }
    .advanced-component{margin-top:2rem;margin-bottom:2rem}


    @media (max-width: 767px) {
      .carouselWrap_7dK2f{
        margin-left: 2rem;
        margin-right: 2rem;
      }
    }