/* responsive.css —— 全站通用 H5 / 移动端适配（放在主题 css 之后，所有站点共用） */

/* 固定底部导流条存在时，给页面底部留出空间，避免遮挡页脚 */
body.has-jump { padding-bottom: 64px; }

/* 分页公共样式（与主题配色解耦，使用中性色） */
.pager .cur { font-weight: 700; color: #1f2d3d; padding: 6px 12px; }
.pager .pginfo { color: #8a96a3; padding-left: 8px; }
.pager span { color: #8a96a3; padding: 0 2px; }

/* ===== 手机 / 平板（≤640px）适配 ===== */
@media (max-width: 640px) {
    .wrap { padding: 0 12px; }

    /* 顶部导航：允许换行，避免小屏挤压 */
    .site-header .wrap {
        height: auto;
        flex-wrap: wrap;
        padding: 8px 12px;
    }
    .logo { font-size: 18px; }
    .cat-nav {
        width: 100%;
        margin-left: 0;
        gap: 14px;
        margin-top: 6px;
    }
    .cat-nav a { font-size: 14px; }

    /* 列表页 */
    .page-title { font-size: 22px; margin: 16px 0 6px; }
    .page-intro { font-size: 14px; margin-bottom: 16px; }
    .article-item { margin-bottom: 10px; }
    .article-link { padding: 14px; }
    .article-title { font-size: 17px; }
    .article-summary { font-size: 13px; }

    /* 文章正文：手机上更利于阅读 */
    .article-main { padding: 18px 14px; margin-top: 12px; }
    .article-main .article-title { font-size: 22px; line-height: 1.4; }
    .article-main p { font-size: 16px; line-height: 1.75; text-align: justify; }

    /* 分页按钮加大点击区域，符合移动端触控 */
    .pager {
        gap: 8px;
        padding: 18px 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pager a {
        padding: 9px 13px;
        min-width: 42px;
        text-align: center;
        font-size: 14px;
    }
    .pager .cur { padding: 9px 13px; }

    /* 顶部广告 */
    .top-ad { padding: 0 12px; margin-top: 10px; }

    /* 固定底部导流条：小屏收紧，保证“文字+按钮”不溢出 */
    .soft-jump-bar {
        padding: 11px 14px;
        font-size: 13px;
        gap: 10px;
    }
    .soft-jump-bar .jump-btn { padding: 10px 16px; font-size: 14px; }

    .site-footer { font-size: 12px; padding: 22px 12px; }
}

/* ===== 超小屏（≤360px）进一步收紧 ===== */
@media (max-width: 360px) {
    .cat-nav { gap: 10px; }
    .article-main .article-title { font-size: 20px; }
    .soft-jump-bar { font-size: 12px; }
    .soft-jump-bar .jump-btn { padding: 9px 13px; }
}