/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2025 | 10:47:09 */
/* --- 强制PostX网格为三列的增强版修复代码 V2 --- */

/* 1. 为文章网格的容器应用网格布局 */
/* 我们在选择器前增加了 'body' 来提升其优先级 */
body .ultp-post-grid-block .ultp-block-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important; /* 项目之间的间距，您可以修改这个值 */
}

/* 2. 确保网格内的项目宽度正确（防止被其他样式影响） */
body .ultp-post-grid-block .ultp-block-item {
    width: 100% !important;
    margin: 0 !important;
}


/* 3. 添加响应式设计：在平板和手机上自动变为单列 */
@media (max-width: 1024px) {
    body .ultp-post-grid-block .ultp-block-row {
        grid-template-columns: repeat(2, 1fr) !important; /* 平板上变为两列 */
    }
}

@media (max-width: 767px) {
    body .ultp-post-grid-block .ultp-block-row {
        grid-template-columns: 1fr !important; /* 手机上变为单列 */
    }
}