.section-showcase-products {
      --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      box-sizing: border-box;
      font-family: var(--font-family);
      line-height: 1.6;
    }
    .section-showcase-products *,
    .section-showcase-products *::before,
    .section-showcase-products *::after { box-sizing: border-box; }
    .section-showcase-products .container-fluid { width: 100%; }
    .section-showcase-products {
      position: relative;
      overflow: hidden;
      width: 100%;
    }
    
    .section-showcase-products .showcase-title-area {
      text-align: center;
      margin-bottom: 36px;
    }
    
    .section-showcase-products .showcase-main-heading {
      text-align: var(--ac-component-title-align, center);
      font-size: var(--ac-component-title-size, 42px);
      font-weight: var(--ac-component-title-weight, 800);
      color: var(--ac-component-title-color, #0e388f);
      margin: 0 0 8px;
      letter-spacing: var(--ac-component-title-spacing, -0.01em);
      line-height: var(--ac-component-title-line, 1.2);
      text-transform: var(--ac-component-title-transform, none);
      font-family: 'Plus Jakarta Sans', var(--font-family);
    }
    
    .section-showcase-products .showcase-sub-heading {
      text-align: var(--ac-component-subtitle-align, center);
      font-size: var(--ac-component-subtitle-size, 13px);
      font-weight: var(--ac-component-subtitle-weight, 700);
      color: var(--ac-component-subtitle-color, #ff9800);
      line-height: var(--ac-component-subtitle-line, 1.6);
      letter-spacing: var(--ac-component-subtitle-spacing, 0.16em);
      text-transform: var(--ac-component-subtitle-transform, uppercase);
    }
    
    /* Fullscreen Panoramic Stage Wrapper */
    .section-showcase-products .stage-panoramic-wrapper {
      position: relative;
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0 30px;
      box-sizing: border-box;
    }
    
    .kaide-machinery-swiper {
      width: 100%;
      overflow: visible;
      padding: 10px 0 25px;
      position: relative;
      z-index: 1;
    }
    
    .kaide-machinery-swiper .showcase-slide {
      min-height: 500px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      cursor: pointer;
      user-select: none;
      box-sizing: border-box;
      opacity: 1;
    }
    
    .kaide-machinery-swiper .showcase-slide.is-active {
      cursor: default;
      z-index: 20;
    }
    
    .kaide-machinery-swiper .showcase-item {
      width: 100%;
      min-height: 500px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      position: relative;
      box-sizing: border-box;
      padding: 5px 0;
      background: var(--ac-item-background, rgba(0,0,0,0));
      transition: background-color 0.25s ease;
    }

    .kaide-machinery-swiper:not(.is-dragging) .showcase-slide:hover .showcase-item {
      background: var(--ac-item-hover-background, rgba(0,0,0,0));
    }
    
    /* 1. TOP TITLE AREA (Height 65px) - ONLY ON ACTIVE SLIDE */
    .kaide-machinery-swiper .active-title-group {
      width: 100%;
      min-width: 320px;
      min-height: 76px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      text-align: center;
      margin: 0;
      z-index: 4;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(-8px);
      transition: none;
    }
    
    .kaide-machinery-swiper .showcase-slide.is-title-active .active-title-group {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      pointer-events: auto;
      transition: opacity 0.35s ease, transform 0.35s ease;
    }
    
    .kaide-machinery-swiper .active-title-zh {
      font-size: var(--ac-title-size, clamp(20px, 1.8vw, 26px));
      font-weight: var(--ac-title-weight, 800);
      color: var(--ac-title-color, #0e388f);
      font-family: var(--ac-title-font, inherit);
      font-style: var(--ac-title-italic, normal);
      text-decoration: var(--ac-title-decoration, none);
      text-align: var(--ac-title-align, center);
      letter-spacing: var(--ac-title-spacing, -0.01em);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      width: 100%;
      overflow: hidden;
      overflow-wrap: anywhere;
      margin-top: 0;
      margin-bottom: 4px;
      line-height: var(--ac-title-line, 1.2);
    }
    
    .kaide-machinery-swiper .active-title-en {
      width: 100%;
      font-size: var(--ac-description-size, 12px);
      font-weight: var(--ac-description-weight, 700);
      color: var(--ac-description-color, #ff9800);
      font-family: var(--ac-description-font, inherit);
      font-style: var(--ac-description-italic, normal);
      text-decoration: var(--ac-description-decoration, none);
      text-align: var(--ac-description-align, center);
      letter-spacing: var(--ac-description-spacing, 0.15em);
      line-height: var(--ac-description-line, 1.6);
      text-transform: uppercase;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      min-height: var(--ac-description-line, 19.2px);
      overflow: hidden;
      margin: 0;
    }

    .kaide-machinery-swiper .active-title-en br {
      display: none;
    }
    
    /* 2. MIDDLE MACHINE STAGE BOX (Height 330px) */
    .kaide-machinery-swiper .machine-stage-box {
      width: 100%;
      min-height: 330px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      margin: 0;
      padding: 0;
      z-index: 2;
    }

    .kaide-machinery-swiper .machine-visual {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 80%;
      transform: scale(0.85);
      transition: transform 0.3s ease;
    }
    
    .kaide-machinery-swiper .machine-photo {
      position: relative;
      z-index: 2;
      max-width: 100%;
      max-height: 180px;
      width: auto;
      height: auto;
      object-fit: var(--ac-image-fit, contain);
      border-radius: var(--ac-image-shape, 0px);
      aspect-ratio: var(--ac-image-ratio, auto);
      opacity: 1;
      filter: drop-shadow(0 6px 14px rgba(14, 56, 143, 0.12));
      transition: filter 0.45s ease;
    }
    
    /* Hover on Inactive */
    .kaide-machinery-swiper:not(.is-dragging) .showcase-slide:hover:not(.is-active) .machine-visual {
      transform: scale(0.92);
    }

    .kaide-machinery-swiper:not(.is-dragging) .showcase-slide:hover:not(.is-active) .machine-photo {
      filter: drop-shadow(0 10px 20px rgba(14, 56, 143, 0.18));
    }
    
    /* CENTER ACTIVE MACHINE: VISIBLY MAGNIFIED HERO */
    .kaide-machinery-swiper .showcase-slide.is-active .machine-visual {
      max-width: 115%;
      transform: scale(1.2);
    }

    .kaide-machinery-swiper .showcase-slide.is-active .machine-photo {
      max-height: 290px;
      opacity: 1;
      filter: drop-shadow(0 20px 40px rgba(14, 56, 143, 0.28));
    }
    
    /* Luminous Cold-Chain Blue Ground Baseline under active machine */
    .kaide-machinery-swiper .stage-glow-pedestal {
      position: absolute;
      top: calc(100% + 8px);
      left: 50%;
      transform: translateX(-50%) scaleX(0);
      width: 360px;
      height: 16px;
      pointer-events: none;
      opacity: 0;
      transition: none;
      z-index: 1;
    }
    
    .kaide-machinery-swiper .pedestal-ambient-glow {
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at center, var(--ac-theme-glow-color, color-mix(in srgb, var(--ac-theme-color) 55%, transparent)) 0%, var(--ac-theme-glow-accent, color-mix(in srgb, var(--ac-theme-color) 35%, transparent)) 40%, transparent 70%);
      filter: blur(5px);
    }
    
    .kaide-machinery-swiper .pedestal-accent-bar {
      position: absolute;
      bottom: 6px;
      left: 50%;
      transform: translateX(-50%);
      width: 300px;
      height: 2.5px;
      background: linear-gradient(90deg, transparent 0%, var(--ac-divider-color, var(--ac-theme-divider-color)) 20%, var(--ac-divider-highlight, var(--ac-theme-divider-highlight)) 50%, var(--ac-divider-color, var(--ac-theme-divider-color)) 80%, transparent 100%);
      box-shadow: 0 0 12px var(--ac-divider-shadow, color-mix(in srgb, var(--ac-theme-color) 70%, transparent));
    }
    
    .kaide-machinery-swiper .showcase-slide.is-active .stage-glow-pedestal {
      opacity: 1;
      transform: translateX(-50%) scaleX(1);
    }
    
    /* 3. BOTTOM ACTION BAR (Height 50px) */
    .kaide-machinery-swiper .baseline-action-bar {
      position: relative;
      width: 100%;
      min-height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      z-index: 4;
    }
    
    .kaide-machinery-swiper .inactive-title-label {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      font-size: var(--ac-bottom-title-size, 15px);
      font-family: var(--ac-bottom-title-font, inherit);
      font-weight: var(--ac-bottom-title-weight, 600);
      line-height: var(--ac-bottom-title-line, 1.4);
      letter-spacing: var(--ac-bottom-title-spacing, 0px);
      text-transform: var(--ac-bottom-title-transform, none);
      color: var(--ac-bottom-title-color, var(--ac-title-color, #334155));
      text-align: var(--ac-bottom-title-align, center);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      max-width: 100%;
      overflow: hidden;
      overflow-wrap: anywhere;
      opacity: 1;
      transition: color 0.25s ease;
    }
    
    .kaide-machinery-swiper:not(.is-dragging) .showcase-slide:hover:not(.is-active) .inactive-title-label {
      color: var(--ac-bottom-title-hover, var(--ac-title-hover, #0e388f));
    }
    
    .kaide-machinery-swiper .showcase-slide.is-active .inactive-title-label {
      opacity: 0;
      pointer-events: none;
    }
    
    .kaide-machinery-swiper .active-button-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      pointer-events: none;
      transition: none;
      z-index: 5;
    }
    
    .kaide-machinery-swiper .showcase-slide.is-active .active-button-wrap {
      opacity: 1;
      pointer-events: auto;
    }
    
    /* MORE DETAIL BUTTON */
    .kaide-machinery-swiper .btn-explore-detail {
      position: relative;
      z-index: 1;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background: var(--ac-action-background, transparent);
      color: var(--ac-action-color, #0e388f);
      border: 1.5px solid var(--ac-theme-color, #0e388f);
      padding: 8px 28px;
      border-radius: 0px 12px;
      font-size: var(--ac-action-size, 14px);
      font-family: var(--ac-action-font, inherit);
      line-height: var(--ac-action-line, 1.6);
      letter-spacing: var(--ac-action-spacing, 0px);
      font-weight: var(--ac-action-weight, 700);
      font-style: var(--ac-action-italic, normal);
      text-decoration: none;
      box-shadow: 0 4px 14px color-mix(in srgb, var(--ac-theme-color, #0e388f) 12%, transparent);
      transition: background 0.4s linear, color 0.3s linear, border-color 0.4s linear, box-shadow 0.35s ease, transform 0.3s ease;
    }
    
    .kaide-machinery-swiper .btn-explore-detail::before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 130%;
      height: 50%;
      opacity: 0;
      z-index: -1;
      content: "";
      background: linear-gradient(135deg, color-mix(in srgb, var(--ac-theme-color, #0e388f) 82%, transparent) 0%, var(--ac-theme-color, #0e388f) 100%);
      transition: 0.4s linear;
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    
    .kaide-machinery-swiper .btn-explore-detail:hover {
      border-color: var(--ac-theme-color, #0e388f) !important;
      color: var(--ac-action-hover, #ffffff);
      background: var(--ac-action-hover-background, transparent);
      box-shadow: 0 8px 24px color-mix(in srgb, var(--ac-theme-color, #0e388f) 40%, transparent);
      transform: translateY(-2px);
    }
    
    .kaide-machinery-swiper .btn-explore-detail:hover::before {
      height: 500%;
      opacity: 1;
    }
    
    .kaide-machinery-swiper .btn-explore-detail .btn-arrow-icon {
      display: inline-flex;
      align-items: center;
      color: var(--ac-action-color, #0e388f);
      transition: transform 0.3s ease;
    }

    .kaide-machinery-swiper .btn-explore-detail .btn-text {
      color: var(--ac-action-color, #0e388f);
    }

    .kaide-machinery-swiper .btn-explore-detail:hover .btn-arrow-icon,
    .kaide-machinery-swiper .btn-explore-detail:hover .btn-text {
      color: var(--ac-action-hover, #ffffff);
    }
    
    .kaide-machinery-swiper .btn-explore-detail:hover .btn-arrow-icon {
      transform: translateX(4px);
    }
  

/* 2026-09-18：固定平台结构配置消费；接到 Demo 已有 Root/Inner，不新增包装或作用于内部独立背景。 */
.w4ndd6k-component[data-style-section] {
  background-color: var(--ac-root-background-color, transparent);
  background-image: var(--ac-root-background-image, none);
  background-position: var(--ac-root-background-position, center);
  background-size: var(--ac-root-background-size, cover);
  background-repeat: var(--ac-root-background-repeat, no-repeat);
  margin-top: var(--ac-root-margin-tb, 0rem);
  margin-bottom: var(--ac-root-margin-tb, 0rem);
}

.w4ndd6k-component[data-style-section] > .w4ndd6k-component__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--custom-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--padding_tb, 0rem);
  padding-bottom: var(--padding_tb, 0rem);
  padding-left: var(--padding_lr);
  padding-right: var(--padding_lr);
}

@media (max-width: 959px) {
  .w4ndd6k-component[data-style-section] > .w4ndd6k-component__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.section-showcase-products .kaide-machinery-swiper .active-title-zh { text-transform: var(--ac-title-transform, none); }
.section-showcase-products .kaide-machinery-swiper .active-title-en { text-transform: var(--ac-description-transform, uppercase); }
.section-showcase-products .kaide-machinery-swiper .btn-explore-detail .btn-text { text-transform: var(--ac-action-transform, none); text-decoration: var(--ac-action-decoration, none); }
.section-showcase-products .kaide-machinery-swiper:not(.is-dragging) .showcase-slide:hover:not(.is-active) .active-title-zh { color: var(--ac-title-hover, var(--ac-title-color)); font-size: var(--ac-title-hover-size, var(--ac-title-size)); font-family: var(--ac-title-hover-font, var(--ac-title-font)); font-weight: var(--ac-title-hover-weight, var(--ac-title-weight)); }
.section-showcase-products .kaide-machinery-swiper:not(.is-dragging) .showcase-slide:hover:not(.is-active) .active-title-en { color: var(--ac-description-hover, var(--ac-description-color)); font-size: var(--ac-description-hover-size, var(--ac-description-size)); font-family: var(--ac-description-hover-font, var(--ac-description-font)); font-weight: var(--ac-description-hover-weight, var(--ac-description-weight)); }
.section-showcase-products .kaide-machinery-swiper:not(.is-dragging) .showcase-slide:hover:not(.is-active) .inactive-title-label { color: var(--ac-bottom-title-hover, var(--ac-bottom-title-color)); font-size: var(--ac-bottom-title-hover-size, var(--ac-bottom-title-size)); font-family: var(--ac-bottom-title-hover-font, var(--ac-bottom-title-font)); font-weight: var(--ac-bottom-title-hover-weight, var(--ac-bottom-title-weight)); }
.section-showcase-products .kaide-machinery-swiper .showcase-slide.is-title-active .active-title-zh { color: var(--ac-title-selected, var(--ac-title-color)); }
.section-showcase-products .kaide-machinery-swiper .showcase-slide.is-title-active .active-title-en { color: var(--ac-description-selected, var(--ac-description-color)); }
.section-showcase-products .kaide-machinery-swiper .btn-explore-detail:hover { font-size: var(--ac-action-hover-size, var(--ac-action-size)); font-family: var(--ac-action-hover-font, var(--ac-action-font)); font-weight: var(--ac-action-hover-weight, var(--ac-action-weight)); }
@media (max-width: 639px) {
  .section-showcase-products .showcase-main-heading { font-size: var(--ac-component-title-mobile-size, var(--ac-component-title-size)); }
  .section-showcase-products .showcase-sub-heading { font-size: var(--ac-component-subtitle-mobile-size, var(--ac-component-subtitle-size)); }
  .section-showcase-products .kaide-machinery-swiper .showcase-slide:not(.is-active) .inactive-title-label { display: none; }
  .section-showcase-products .kaide-machinery-swiper .active-title-zh { font-size: var(--ac-title-mobile-size, var(--ac-title-size)); }
  .section-showcase-products .kaide-machinery-swiper .active-title-en { font-size: var(--ac-description-mobile-size, var(--ac-description-size)); }
  .section-showcase-products .kaide-machinery-swiper .btn-explore-detail { font-size: var(--ac-action-mobile-size, var(--ac-action-size)); }
  .section-showcase-products .kaide-machinery-swiper .inactive-title-label { font-size: var(--ac-bottom-title-mobile-size, var(--ac-bottom-title-size)); }
}