/* =============================================================
   Index Page — 首页全局（区块样式 / --section-overlay 见各 home_*.css）
   Section 背景：白 var(--color-surface) ↔ 浅灰 var(--color-bg) 交替
   例外：Trade 全幅图、Value Cards 深色渐变、Testimonials 暖纸石色 — 不参与冷灰交替
============================================================= */

.page-home .home-recommended {
    background: var(--color-surface);
}

.page-home .home-story {
    background: var(--color-bg);
}

.page-home .home-story-block:nth-child(even) {
    background: var(--color-surface);
}

.page-home .home-lottery {
    background: var(--color-bg);
}

.page-home .home-testimonials {
    /* 故事区：暖纸石色带，与 Partners 冷灰带拉开层次（勿与卡面同色） */
    background: #f6f3ee;
}

.page-home .home-partners {
    background: var(--color-bg);
}

.page-home .home-faq {
    background: var(--color-surface);
}

/* ── 视口淡入（首页专用，与 About .about-reveal 同曲线）──────── */
.page-home .nd-reveal {
    opacity: 0;
    transform: translateY(32px);
    transition:
        opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.page-home .nd-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.page-home .nd-reveal--delay-1 { transition-delay: 0.08s; }
.page-home .nd-reveal--delay-2 { transition-delay: 0.16s; }
.page-home .nd-reveal--delay-3 { transition-delay: 0.24s; }

@media (prefers-reduced-motion: reduce) {
    .page-home .nd-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

#recommendedProducts,
#tradeProgram,
#storyBlocks,
#valueCards,
#lottery,
#testimonials,
#partners,
#homeFaq {
    scroll-margin-top: calc(var(--header-topbar-height) + var(--header-height-nav));
}

@media (max-width: 992px) {
    #recommendedProducts,
    #tradeProgram,
    #storyBlocks,
    #valueCards,
    #lottery,
    #testimonials,
    #partners,
    #homeFaq {
        scroll-margin-top: var(--header-height-nav);
    }
}