/*
 * ==========================================
 * 模块名称：文章上下篇导航独立样式 (CSS)
 * 代码类型：CSS
 * 最后修改：2026-05-04 08:55
 * 说明：基于矩阵标准的前缀隔离，避免与正文产生样式污染。
 * 升级：已接入 .mx-matrix-wrapper 全局防御盾体系
 * ==========================================
 */

.mx-matrix-wrapper .mx-post-navigation {
    background-color: #fafafa;
    border: 1px solid #f0f0f0;
    padding: 20px;
    border-radius: 0px; 
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0; /* 👈 将原来的 30px 改为 0，收起隐形的尾巴 */
}

.mx-matrix-wrapper .mx-post-navigation .mx-nav-label {
    font-weight: 700;
    color: #222222;
    margin-right: 8px;
    display: inline-block;
}

.mx-matrix-wrapper .mx-post-navigation a {
    color: #666666;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mx-matrix-wrapper .mx-post-navigation a:hover {
    color: #0056b3;
}

/* --- 移动端底部间距与左右留白修复 --- */
@media (max-width: 768px) {
    .mx-matrix-wrapper .mx-post-navigation {
        margin-bottom: 0 !important;      
        padding-bottom: 20px !important;  
        border-bottom: none !important;   
        
        /* 👇 新增防御：强制重写手机端左右内边距为 10px */
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* --- 消除外围容器的冗余留白，让灰底边框与上下内容完美物理对齐 --- */
.mx-matrix-wrapper .mx-nav-flush {
    padding-left: 0;
    padding-right: 0;
}

/* --- 消除外围容器的冗余留白，让灰底边框与上下内容完美物理对齐 --- */
.mx-matrix-wrapper .mx-nav-flush {
    padding-left: 0;
    padding-right: 0;
}

/* ==========================================
 * 🛡️ 终极防御：斩断外部主题对导航外壳强制追加的 20px 间距 (新增)
 * ========================================== */
.site-main > .mx-matrix-wrapper:has(.mx-nav-flush) {
    margin-bottom: 0 !important;
}

/* 确保紧挨着导航模块下方的相关产品模块也能无缝贴合 (可选，双重保险) */
.site-main > .mx-matrix-wrapper:has(.mx-nav-flush) + .mx-matrix-wrapper {
    margin-top: 0 !important;
}