/*
 * 子主题列表风格：扁平简洁式（扁平、大气、简单）
 * 共享布局骨架见 list-base.css，此处仅做扁平化覆盖：
 * 卡片有底色但无阴影/边框（靠底色与留白区分），间距更大、字号更大
 */

/* ==== 容器：更大默认间隔（后台可调，--zcl-gap 由本风格 head CSS 输出）==== */
.posts-row.zibll-child-grid.zibll-child-flat {
    margin-bottom: 28px;
}

/* ==== 条目扁平化：有底色、无阴影无边框；悬停不用位移，用图片缩放 ==== */
.posts-row.zibll-child-grid.zibll-child-flat > .posts-item {
    background: var(--main-bg-color);
    box-shadow: none;
}
.posts-row.zibll-child-grid.zibll-child-flat > .posts-item:hover {
    transform: none;
}
.posts-row.zibll-child-grid.zibll-child-flat > .posts-item .item-body {
    padding: 8px 10px 10px;
}
.posts-row.zibll-child-grid.zibll-child-flat > .posts-item .item-heading {
    font-size: 19px;
    margin-bottom: 8px;
}
.posts-row.zibll-child-grid.zibll-child-flat > .posts-item .item-excerpt {
    font-size: 13.5px;
    line-height: 1.8;
    margin-bottom: 10px;
}

/* ==== 移动端 ≤768px：保持两列卡片（base 在此断点收单列，此处改回）并收紧排版 ==== */
@media (max-width: 768px) {
    .posts-row.zibll-child-grid.zibll-child-flat {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px; /* 移动端窄卡，桌面端可调的 --zcl-gap（默认32）直接套用会过散 */
        margin-bottom: 20px;
    }
    .posts-row.zibll-child-grid.zibll-child-flat > .posts-item .item-body {
        padding: 10px 12px 12px;
    }
    .posts-row.zibll-child-grid.zibll-child-flat > .posts-item .item-heading {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .posts-row.zibll-child-grid.zibll-child-flat > .posts-item .item-excerpt {
        font-size: 12.5px;
        line-height: 1.7;
        margin-bottom: 8px;
    }
}