/* 分割线样式 */
.nav-divider {
    border: 0;
    border-top: 1px solid #eee;
    margin: 40px 0 20px 0;
}

/* 导航外包裹容器：使用 flex 布局实现两端对齐 */
.article-navigation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 50px;
}

/* 单个导航块 */
.nav-item {
    flex: 1; /* 平分宽度 */
    display: flex;
    flex-direction: column; /* 标签在上，标题在下 */
}

/* 右侧导航块文字靠右对齐 */
.next-item {
    text-align: right;
    align-items: flex-end;
}

/* 提示小字（“上一篇” / “下一篇”） */
.nav-label {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 4px;
    font-weight: bold;
}

/* 文章标题链接样式 */
.nav-link {
    font-size: 1rem;
    color: #0066cc;
    text-decoration: none;
    line-height: 1.4;
    word-break: break-all;
}

.nav-link:hover {
    text-decoration: underline;
    color: #004499;
}

/* 触底置灰样式 */
.muted {
    color: #bbb !important;
}
.nav-text.muted {
    font-size: 0.95rem;
}

/* 响应式适配：手机端屏幕太小时改为上下堆叠 */
@media (max-width: 600px) {
    .article-navigation {
        flex-direction: column;
        gap: 16px;
    }
    .next-item {
        text-align: left;
        align-items: flex-start;
    }
}