.container {
    max-width: none !important;  /* 移除最大宽度限制 */
    width: 90% !important;       /* 设置相对宽度 */
    margin-left: 5% !important;
    margin-right: 5% !important;
}

.section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ==========================================================================
   3. 页面元素净化：隐藏不必要的模块
   ========================================================================== */

/*
这个选择器非常高级，它的意思是：
首先，找到一个类名为 .pagination 的导航栏。
然后，在这个导航栏内部，寻找一个同时拥有 .pagination-link 和 .is-current 两个类，
并且其 href 属性值正好是 "/" 的链接 <a>。
如果找到了这样一个链接（这种情况只会发生在首页），
就选择它的父级元素（li），再选择这个父级元素的父级元素（ul），
最终选择这个ul的父级元素，也就是整个 .pagination 导航栏本身，
然后，将它彻底隐藏！
:has() 是一个非常新的CSS伪类，我们将提供一个备用方案。
*/
/* --- 方案A：使用 :has() 伪类 (现代浏览器) --- */
.pagination:has(a.pagination-link.is-current[href="/"]) {
    display: none !important;
}

/* --- 方案B：使用相邻兄弟选择器 (兼容性更好，推荐！) --- /
/
这个规则的意思是：
找到那个只在首页出现的、代表当前页码“1”的链接。
然后选择紧跟在它后面的那个“下一页”按钮（.pagination-next），
并把它隐藏掉。
*/
a.pagination-link.is-current[href="/"]~.pagination-next {
    display: none !important;
}


a.pagination-link.is-current[href="/"]~.pagination-list {
    display: none !important;
}

/* 3.2. 在所有页面隐藏底部的“作者、日期”等文章许可信息模块 */
/* 这是最简单直接、一劳永逸的规则 */
.article-licensing {
    display: none !important;
}