/*
 * 专门针对2.5K屏幕的精确修复
 * 修复顶部视频和中间并排图片
 */

/* =========== 2.5K屏幕专用 =========== */
@media (min-width: 2560px) {
    /* 1. 顶部视频 - 全屏宽度 */
    header video {
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        display: block !important;
    }

    /* 2. portfolio容器 */
    .row.portfolio.text-center {
        width: 100% !important;
        max-width: 95% !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* 3. 表格布局修复 */
    .row.portfolio.text-center table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        margin: 0 auto !important;
    }

    /* 4. 单元格 - 并排显示，各占50% */
    .row.portfolio.text-center td {
        width: 50% !important;
        max-width: 50% !important;
        display: table-cell !important;
        vertical-align: top !important;
        padding: 15px !important;
        box-sizing: border-box !important;
    }

    /* 5. 图片统一修复 */
    .row.portfolio.text-center img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* 6. 特别处理：第一行大图 (i=1,2) 和最后一张大图 (i=7) */
    .row.portfolio.text-center > .box-image img,
    #PageStructureImg1,
    #PageStructureImg2,
    #PageStructureImg7 {
        max-width: 90% !important;  /* 单独的大图占90%宽度 */
    }

    /* 7. 特别处理：并排图片 (i=3,4,5,6) */
    .row.portfolio.text-center table td .box-image img {
        max-width: 100% !important;  /* 并排图片占满单元格 */
    }

    /* 8. 确保box-image容器正确 */
    .row.portfolio.text-center .box-image {
        width: 100% !important;
        text-align: center !important;
    }
}