/* =============================================================
   Section Overlay — 全站媒体 / 区块遮罩层（公用）
   ─────────────────────────────────────────────────────────────
   视图：components/_section_overlay.html → .nd-section__overlay
   加载：front_base（ND_FRONT_CSS_SECTION_OVERLAY）— 全站可用，按需 include

   浓度：父级 --section-overlay（默认 transparent）
   例：--section-overlay: rgba(0, 0, 0, 0.48);

   【现用】
   · 首页 section（.nd-section + .nd-section__inner）
   · 首页 Banner（.home-banner-slide）
   · 首页 Trade（.home-trade）
   · Catalog / Information Hero（.lp-hero—分套见 catalog_shell.css）
   · Partnership CTA（.partnership-cta — 有实拍图必挂）

   【不加】Hub 卡 · Mega 卡；Stories Hero Ken Burns 自有 veil；交互 Modal 遮罩
============================================================= */

.nd-section {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.nd-section__overlay {
    position: absolute;
    inset: 0;
    /* 高于同级背景图（常 z-index:0），低于文案层（.nd-section__inner / *-content ≥ 2） */
    z-index: 1;
    pointer-events: none;
    background: var(--section-overlay, transparent);
    transition: background-color 0.6s ease, background 0.6s ease, opacity 0.28s ease;
}

.nd-section__inner {
    position: relative;
    z-index: 2;
}