/* ============================================================
   #index3 · 板块基础样式（移动基线 + 渐进升级）
   原 index.css / index@N.css 中的本板块代码迁移至此。
   加载顺序：本文件 → index-remaining-variants.css → index3-variants.css
   ============================================================ */

#index3 {
    text-align: center;
    box-sizing: border-box;
}

#index3 .i3-shell {
    grid-template-columns: minmax(0, 1fr);
    max-width: 1180px;
    text-align: center;
    padding-left: var(--container-pad);
    padding-right: var(--container-pad);
}

#index3 .i3-shell > div {
    min-width: 0;
    aspect-ratio: 16 / 9;
}

#index3 .i3-shell > div > img,
#index3 .i3-shell > div > video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#index3 .i3-shell .box_video {
    width: auto;
    min-width: 0;
    z-index: 13;
    position: relative;
}

#index3 .i3-shell h2 {
    z-index: 14;
    font-weight: bold;
}

#index3 .i3-shell .box_video h2 {
    z-index: 14;
}

@media (max-width: 1024px) {
    #index3 .i3-shell {
        max-width: 895px;
        margin-left: auto;
        margin-right: auto;
    }

    

    #index3 .i3-shell .box_img {
        display: none;
    }

}

@media (max-width: 768px) {
    #index3 .i3-shell {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    #index3 .i3-shell .box_video video {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 12px;
    }

}

@media (min-width: 769px) {
    

    #index3 .i3-shell .box_video {
        width: 100%;
    }

}