/* 修复全屏滚动下 WOW.js 失效导致内容不显示的问题 */
#solutionsSlide .solutions {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
#solutionsSlide.swiper-slide-active .solutions {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.5s; /* 对应原 data-wow-delay="0.5s" */
}

/* 修复首屏轮播动画，移除 WOW.js 依赖，改用 Swiper 状态驱动 */
@keyframes heroSlideIn {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.hero-swiper .hero-title,
.hero-swiper .hero-actions {
    opacity: 0;
    transform: translateX(-50px);
}

.hero-swiper .swiper-slide-active .hero-title {
    animation: heroSlideIn 0.8s ease forwards;
    animation-delay: 0.5s;
}

.hero-swiper .swiper-slide-active .hero-actions {
    animation: heroSlideIn 0.8s ease forwards;
    animation-delay: 0.6s;
}

/* 第三屏手风琴内容动画 */
.pane-content .pane-title,
.pane-content .pane-sub,
.pane-content .explore-btn {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.part03.swiper-slide-active .pane.active .pane-content .pane-title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.3s;
}

.part03.swiper-slide-active .pane.active .pane-content .pane-sub {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.4s;
}

.part03.swiper-slide-active .pane.active .pane-content .explore-btn {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.5s;
}

/*story的动态效果样式*/
/* =========================================
    Story Page Swiper Animations (Like Index)
    ========================================= */

/* 1. Initial State (Hidden) */
/* Targets direct children of main containers */
.story-banner-content > *,
.story-overview-container > *,
.story-timeline-container > *,
.story-research-container > *,
.responsibility-container > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Founder Section - Special handling for structure */
.story-founder-title,
.story-founder-subtitle {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.story-founder-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.story-founder-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 2. Active State (Visible) */
.swiper-slide-active .story-banner-content > *,
.swiper-slide-active .story-overview-container > *,
.swiper-slide-active .story-timeline-container > *,
.swiper-slide-active .story-research-container > *,
.swiper-slide-active .responsibility-container > *,
.swiper-slide-active .story-founder-title,
.swiper-slide-active .story-founder-subtitle {
    opacity: 1;
    transform: translateY(0);
}

.swiper-slide-active .story-founder-left,
.swiper-slide-active .story-founder-right {
    opacity: 1;
    transform: translateX(0);
}

/* 3. Delays */
/* Part 01: Banner */
.swiper-slide-active .story-title-img { transition-delay: 0.2s; }
.swiper-slide-active .story-subtitle-wrapper { transition-delay: 0.4s; }
.swiper-slide-active .story-video-trigger { transition-delay: 0.6s; }

/* Part 02: Overview */
.swiper-slide-active .story-overview-title { transition-delay: 0.2s; }
.swiper-slide-active .story-overview-subtitle { transition-delay: 0.3s; }
.swiper-slide-active .story-overview-desc { transition-delay: 0.4s; }
.swiper-slide-active .story-hexagon-wrapper { transition-delay: 0.6s; }

/* Part 03: Founder */
.swiper-slide-active .story-founder-title { transition-delay: 0.2s; }
.swiper-slide-active .story-founder-subtitle { transition-delay: 0.3s; }
.swiper-slide-active .story-founder-left { transition-delay: 0.5s; }
.swiper-slide-active .story-founder-right { transition-delay: 0.7s; }

/* Part 04: Timeline */
.swiper-slide-active .story-timeline-title { transition-delay: 0.2s; }
.swiper-slide-active .story-timeline-subtitle { transition-delay: 0.3s; }
.swiper-slide-active .timeline-content-wrapper { transition-delay: 0.5s; }

/* Part 05: Research */
.swiper-slide-active .story-research-title { transition-delay: 0.2s; }
.swiper-slide-active .story-research-subtitle { transition-delay: 0.3s; }
.swiper-slide-active .research-numbers-row { transition-delay: 0.5s; }
.swiper-slide-active .research-content-row { transition-delay: 0.7s; }

/* Part 06: Responsibility */
.swiper-slide-active .responsibility-title { transition-delay: 0.2s; }
.swiper-slide-active .responsibility-subtitle { transition-delay: 0.3s; }
.swiper-slide-active .responsibility-intro { transition-delay: 0.4s; }
.swiper-slide-active .responsibilitySwiper { transition-delay: 0.6s; }