/* 统一页面 banner 和 main 内容之间的间距 */
/* 1. 有 page-banner 的页面，通过 banner 底部边距控制间距 */
.page-banner,
section.page-banner,
div.page-banner {
    margin-bottom: 40px; /* 与新闻资讯页面的间距相同 */
}

/* 2. 新闻详情页等没有 page-banner 的页面，面包屑导航在 main 内部 */
main.main-content > .container > .breadcrumb {
    margin-bottom: 40px; /* 与新闻资讯页面的间距相同 */
}

/* 3. 面包屑下面的新闻内容容器也需要重置顶部外边距 */
main.main-content .news-page-container {
    margin-top: 0;
}

/* 避免双重间距：如果 news-page-container 直接跟在 breadcrumb 后面，则取消 breadcrumb 的底部间距 */
main.main-content > .container > .breadcrumb + .news-page-container {
    margin-top: 0;
}
main.main-content > .container > .breadcrumb {
    margin-bottom: 40px;
}

/* 确保所有 main 内容的顶部间距重置为0，由 page-banner 的底部间距来控制 */
.main-content,
main.container.page-content,
main .main-content,
main {
    margin-top: 0;
}

/* 4. 特殊情况：news-content 类直接在 main-content 容器内 */
.news-content {
    margin-top: 0;
    margin-bottom: 40px;
}

/* 保持首页的间距不变 */
body.home .page-banner,
body.home section.page-banner, 
body.home div.page-banner {
    margin-bottom: 0;
}