/* 
 * 标题间距调整
 * 增加首页和分类状态下大标题与顶部栏之间的间距
 */

/* 增加主内容区与顶部的间距 */
.main-content {
    margin-top: 100px !important; /* 原来是90px，增加10px */
}

/* 确保分类状态下也有相同的间距 */
body[data-category-active="true"] .main-content {
    margin-top: 100px !important;
}

/* 首页欢迎区域上方间距调整 */
.hero-section {
    padding-top: 10px !important; /* 添加额外的顶部内边距 */
}

/* 分类页面中的主标题与顶部间距 */
body[data-category-active="true"] .hero-section,
body[data-view="category"] .hero-section {
    padding-top: 10px !important;
}

/* 确保在各种屏幕尺寸下保持一致的间距 */
@media (max-width: 768px) {
    .main-content {
        margin-top: 100px !important;
    }
    
    .hero-section {
        padding-top: 10px !important;
    }
}

/* 特定查询参数页面的间距调整 */
body[data-view="all"] .main-content,
body[data-tag] .main-content {
    margin-top: 100px !important;
} 
 * 标题间距调整
 * 增加首页和分类状态下大标题与顶部栏之间的间距
 */

/* 增加主内容区与顶部的间距 */
.main-content {
    margin-top: 100px !important; /* 原来是90px，增加10px */
}

/* 确保分类状态下也有相同的间距 */
body[data-category-active="true"] .main-content {
    margin-top: 100px !important;
}

/* 首页欢迎区域上方间距调整 */
.hero-section {
    padding-top: 10px !important; /* 添加额外的顶部内边距 */
}

/* 分类页面中的主标题与顶部间距 */
body[data-category-active="true"] .hero-section,
body[data-view="category"] .hero-section {
    padding-top: 10px !important;
}

/* 确保在各种屏幕尺寸下保持一致的间距 */
@media (max-width: 768px) {
    .main-content {
        margin-top: 100px !important;
    }
    
    .hero-section {
        padding-top: 10px !important;
    }
}

/* 特定查询参数页面的间距调整 */
body[data-view="all"] .main-content,
body[data-tag] .main-content {
    margin-top: 100px !important;
}