/**
 * ATF Trend Forecast Menu — 前端辅助 CSS  v1.2.3
 *
 * ⚠️ 所有 CSS 都用 .atf-tfm-grid 作用域，避免污染其他 mega-layout-2 菜单（如新品速递）。
 *
 * v1.2.3 变更：grid-template-columns 改为插件 PHP 根据列类型动态输出到 inline style，
 * 这里不再写固定 fr 值，保证图片插到任意位置尺寸不变。
 */

@media (min-width: 961px) {
    /* 6 列布局 —— 只作用于插件渲染的下拉
       - 3 个文字卡等宽（0.6fr）
       - 2 张竖图等宽且更宽（0.75fr 每张）
       - 双横图列（0.9fr） */
    .primary-navigation .nav-menu > li.has-mega-menu > .submenu-dropdown.mega-menu .atf-tfm-grid,
    body > .submenu-dropdown.mega-menu.mega-menu-portaled .atf-tfm-grid {
        display: grid;
        /* grid-template-columns 由 PHP 根据列类型写入 inline style（每列 fr 绑定到类型，不绑定位置）*/
        gap: 10px;
        max-width: 100%;
        align-items: stretch;
        min-height: 320px;
    }

    /* 单竖图列（第 2、3 列）—— 竖图高度减少约 1/6 */
    .atf-tfm-grid .mega-column-image {
        padding: 0;
        display: flex;
        flex-direction: column;
        min-height: 320px;
        overflow: hidden;
        border-radius: 28px;
    }
    .atf-tfm-grid .mega-column-image .mega-image-link {
        flex: 1 1 auto;
        display: block;
        min-height: 300px;
    }
    .atf-tfm-grid .mega-column-image .mega-image-bg {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* 双横图列（第 5 列）：上下两张，共享整列高度 */
    .atf-tfm-grid .mega-column-double-image {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-height: 320px;
        background: transparent;
        box-shadow: none;
    }
    .atf-tfm-grid .mega-column-double-image .mega-image-link {
        flex: 1 1 0;
        display: block;
        overflow: hidden;
        border-radius: 24px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
        min-height: 150px;
    }
    .atf-tfm-grid .mega-column-double-image .mega-image-bg {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* 文字列（第 1、4、6 列） */
    .atf-tfm-grid .mega-column-text {
        display: flex;
        flex-direction: column;
    }

    /* 无四级的三级链接列表：垂直居中排布 */
    .atf-tfm-grid .mega-column-text .mega-third-list:not(.mega-third-list-columns) {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 8px;
    }
    .atf-tfm-grid .mega-column-text .mega-third-list:not(.mega-third-list-columns) .mega-third-link {
        display: block;
        text-align: center;
    }
}