/*
 * 子主题列表风格：精选交错式（ACE Studio 风格）— 特写卡专属样式
 * 共享布局骨架见 list-base.css（容器/条目/标签/meta 等），此处仅覆盖特写卡形态
 * 特写卡 = 通栏 + 更大字号与图幅的网格卡形态
 */

/* ==== 全宽特写卡：同纵向结构，通栏 + 更大字号与图幅 ==== */
.posts-row.zibll-child-grid > .posts-item.zibll-child-hero {
    grid-column: 1 / -1;
}
.posts-row.zibll-child-grid > .posts-item.zibll-child-hero .item-thumbnail {
    padding-bottom: var(--zcl-hero, 36%); /* 宽横幅，后台可调 */
    max-height: 480px;
}
.posts-row.zibll-child-grid > .posts-item.zibll-child-hero .item-body {
    padding: 18px 24px 22px;
}
.posts-row.zibll-child-grid > .posts-item.zibll-child-hero .item-heading {
    font-size: 22px;
}
.posts-row.zibll-child-grid > .posts-item.zibll-child-hero .item-excerpt {
    font-size: 14px;
    line-height: 1.8;
}

/* ==== 移动端 ≤768px：特写卡字号/图幅/内距；其间的网格卡改回两列 ==== */
@media (max-width: 768px) {
    /* base 在此断点把容器收成单列——改回两列：特写卡仍通栏（desktop 的
       grid-column:1/-1 规则继续生效），特写卡之间的网格卡两列排布 */
    .posts-row.zibll-child-grid.zibll-child-ace-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px; /* 窄屏小间隔；桌面端可调的 --zcl-gap（默认16）移动端过散 */
    }
    .posts-row.zibll-child-grid > .posts-item.zibll-child-hero .item-thumbnail {
        padding-bottom: var(--zcl-hero-m, 62.5%); /* 移动端特写卡（参考 ACE 移动端），后台可调 */
    }
    .posts-row.zibll-child-grid > .posts-item.zibll-child-hero .item-body {
        padding: 8px 10px 10px;
    }
    .posts-row.zibll-child-grid > .posts-item.zibll-child-hero .item-heading {
        font-size: 19px;
    }
    /* 网格卡（非特写）：两列窄卡收紧排版，图幅仍走 base 的 --zcl-grid-m（后台可调） */
    .posts-row.zibll-child-grid.zibll-child-ace-grid > .posts-item:not(.zibll-child-hero) .item-body {
        padding: 10px 12px 12px;
    }
    .posts-row.zibll-child-grid.zibll-child-ace-grid > .posts-item:not(.zibll-child-hero) .item-heading {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .posts-row.zibll-child-grid.zibll-child-ace-grid > .posts-item:not(.zibll-child-hero) .item-excerpt {
        font-size: 12.5px;
        line-height: 1.7;
        margin-bottom: 8px;
    }
}
