/* 修正移动端居中问题 */
.nav-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 2rem 0;
    padding: 15px 5%; /* 添加左右内边距 */
    overflow-x: auto;
}

.page-btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #2c3e50;
    border: 2px solid #2c3e50;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .nav-links {
        gap: 15px;
        justify-content: center; /* 强制居中 */
        padding: 10px 5%;
        -webkit-overflow-scrolling: touch; /* 优化移动滚动 */
    }
    
    .page-btn {
        flex-shrink: 0; /* 防止按钮被压缩 */
        padding: 8px 18px;
        min-width: auto; /* 移除固定宽度 */
    }
}