/**
 * 全站响应式基准
 * 设计稿宽度 1440px：桌面端（≥1281px）使用固定 px，各分辨率视觉一致
 * 仅在断点内阶梯缩小间距，不用 vw 连续缩放（避免 1366/1920 各看各的）
 * 注意：4K 屏开 250% 缩放时，CSS 视口约为 物理分辨率÷2.5（如 3840→1536 宽）
 */
:root {
    --page-max: 1400px;
    --page-max-narrow: 1250px;
    --page-gutter: 48px;
    --section-gap: 72px;
}

@media (max-width: 1280px) {
    :root {
        --page-gutter: 40px;
        --section-gap: 56px;
    }
}

@media (max-width: 992px) {
    :root {
        --page-gutter: 32px;
        --section-gap: 40px;
    }
}

@media (max-width: 768px) {
    :root {
        --page-gutter: 20px;
        --section-gap: 28px;
    }
}

/* 2K / 4K 宽屏（如 3840×2400）：略放宽内容区，避免两侧留白过大；仍用固定 px，不用 vw */
@media (min-width: 1921px) {
    :root {
        --page-max: 1560px;
        --page-gutter: 56px;
    }
}

@media (min-width: 2560px) {
    :root {
        --page-max: 1760px;
        --page-gutter: 64px;
    }
}

@media (min-width: 3200px) {
    :root {
        --page-max: 1920px;
        --page-gutter: 72px;
    }
}

html {
    overflow-x: clip;
}

/* Firefox 整页缩放降级（page-scale.js 已停用，保留样式无害） */
html.page-scale-fallback {
    overflow-x: hidden;
}

html.page-scale-fallback body {
    margin: 0 auto;
}


body {
    overflow-x: clip;
    min-width: 320px;
}

/* 全站内容区：统一最大宽度与左右间距 */
.site-header .header-inner {
    max-width: var(--page-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
    box-sizing: border-box;
}

.news .container,
.news-tabs__inner {
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
    box-sizing: border-box;
}

.news .container {
    max-width: var(--page-max);
}

.news-tabs__inner {
    max-width: var(--page-max);
    margin-left: auto;
    margin-right: auto;
}

/* 列表/详情正文区 */
body.page-list .container,
body.page-detail .container {
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
}

/* 1280 常见笔记本：导航略紧凑，避免挤换行 */
@media (max-width: 1280px) {
    .nav-list li a {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 14px;
    }

    .site-header.is-scrolled .nav-list li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .site-header .header-inner {
        padding-left: var(--page-gutter);
        padding-right: var(--page-gutter);
    }
}