/* 首页 Hero 动态背景（本地视频 video/hero-bg.mp4）
   复用 Framer 原有的 <section data-framer-name="BG Video">：
   .framer-15nod7u  外层容器（absolute，top:0，高 810px）
   .framer-kdzoja   Blur 遮罩（原设计是 backdrop-filter: blur(15px)）
   .framer-udskdh   Bottom Shadow（底部渐隐到黑）
   这里只调遮罩强度，不改 Framer 的布局。 */

/* 素材本身就是黑底蓝色光点，不需要原来那么重的模糊，留一点颗粒感 */
section[data-framer-name="BG Video"] .framer-kdzoja {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* 压暗层：保证标题/正文对比度，底部渐隐接到下面的黑色区块 */
section[data-framer-name="BG Video"] .framer-kdzoja::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg,
            rgba(0, 0, 0, .62) 0%,
            rgba(0, 0, 0, .50) 35%,
            rgba(0, 0, 0, .58) 70%,
            rgba(0, 0, 0, .92) 100%),
        /* 文案在左侧，这里单独再压一点 */
        radial-gradient(115% 85% at 18% 45%,
            rgba(0, 0, 0, .52) 0%,
            rgba(0, 0, 0, 0) 62%),
        /* 轻微品牌蓝染色，和 #0055ff 主色对齐 */
        linear-gradient(140deg,
            rgba(0, 85, 255, .16) 0%,
            rgba(0, 14, 43, .12) 55%,
            rgba(0, 85, 255, .10) 100%);
}

/* 让光点更透一点 */
section[data-framer-name="BG Video"] video {
    filter: saturate(1.15) contrast(1.06);
}

/* JS 兜底注入的容器（移动端 Framer 不渲染背景视频时用） */
#local-hero-video-container {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

#local-hero-video-container video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* 视频没就绪时是黑底，不会白闪 */
section[data-framer-name="BG Video"] {
    background-color: #000;
}