/*
 * precise-2k-fix.css
 * 精准修复：顶部视频 + 中间并排图片
 */

/* 强制顶部视频自适应 */
header video#PageStructureImg0 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 强制portfolio图片自适应 */
.row.portfolio.text-center img.img-fluid {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
}

/* 针对2.5K屏幕 */
@media screen and (min-width: 2560px) {
    /* 顶部视频全屏 */
    header video {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    /* 第一行单独的大图 */
    .row.portfolio.text-center > .box-image:first-child img,
    .row.portfolio.text-center > .box-image:nth-child(2) img {
        max-width: 90% !important;
        width: auto !important;
    }

    /* 并排图片的表格 */
    .row.portfolio.text-center table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    /* 并排图片的单元格 */
    .row.portfolio.text-center td {
        width: 50% !important;
    }

    /* 并排图片本身 */
    .row.portfolio.text-center table td .box-image img {
        max-width: 95% !important;
        width: auto !important;
    }

    /* 最后一张单独的大图 */
    .row.portfolio.text-center > .box-image:last-child img {
        max-width: 90% !important;
        width: auto !important;
    }
}