/* ============================================================
   页面主体左右缩进 65px（2026-07-27 最终修正版）

   布局前提（hezi-sidebar.css 已定，本文件不改）：
     · 左侧 .hezi-aside 抽屉 fixed，展开 200px / 折叠 64px；
     · body.hezi-has-sidebar 已 padding-left 200px(折叠64px)
       把所有内容推到抽屉右侧；
     · 顶部导航 .header、页脚 .footer 保持贴抽屉右缘 + 贴浏览器右边
       （保持不动，本文件不加 margin）。

   【贴边组】—— 左贴侧边栏右缘、右贴浏览器右边，不加 margin：
     · section.hezi-home-hero（子主题顶部 hero / 导航下面的子主题元素）

   【缩进组】—— 在「抽屉右缘」与「浏览器右边」基础上各再缩 65px：
     · .fluid-widget-wrap（主内容前/后两个：顶部全宽流体区 + 底部文章列表）
     · main.container（主内容含侧栏）
     统一 margin-left/right: 65px !important。
   ============================================================ */

/* ---------- Hero：贴边全宽（左贴侧边栏右缘、右贴浏览器右边） ---------- */
body.hezi-has-sidebar section.hezi-home-hero {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: calc(100vw - var(--hezi-sb-w)) !important;
    box-sizing: border-box !important;
    overflow: hidden;
}
body.hezi-has-sidebar.hezi-sb-collapsed section.hezi-home-hero {
    max-width: calc(100vw - var(--hezi-sb-cw)) !important;
}

/* ⚠️ Hero 父级 .header-slider-card.container 解 Bootstrap 限宽（2026-07-28）
   Hero 实际嵌套在 <div class="header-slider-card container"> 内，container 类
   把宽度限死在桌面 1140px，所以 hero 看起来左右各缩进一截。覆盖它的
   max-width/padding，让 hero 的 width:100% 真正等于 main.container 内的
   可用宽度，hero 与底部文章列表左右对齐。specificity (0,2,0) > .container (0,1,0)。 */
body.hezi-has-sidebar .header-slider-card.container {
    max-width: none !important;
    width: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ---------- 缩进组：主内容 + 顶部流体区 + 底部流体区 ---------- */
body.hezi-has-sidebar .fluid-widget-wrap,
body.hezi-has-sidebar main.container {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

/* ---------- 响应式断点（仅缩进组） ---------- */
@media (max-width: 1200px) {
    body.hezi-has-sidebar .fluid-widget-wrap,
    body.hezi-has-sidebar main.container {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
}
@media (max-width: 992px) {
    body.hezi-has-sidebar .fluid-widget-wrap,
    body.hezi-has-sidebar main.container {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }
}
@media (max-width: 768px) {
    body.hezi-has-sidebar .fluid-widget-wrap,
    body.hezi-has-sidebar main.container {
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
}
@media (max-width: 480px) {
    body.hezi-has-sidebar .fluid-widget-wrap,
    body.hezi-has-sidebar main.container {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }
}

/* ---------- 广告 banner 自适应 ---------- */
img.tirr {
    width: 100% !important;
    height: auto !important;
    display: block;
}

/* ---------- slide-widget 幻灯片：wrapper 溢出隐藏 ---------- */
.slide-widget .swiper-wrapper {
    overflow: hidden;
}

/* ---------- slide-widget 幻灯片：占满内容列，自适应 ----------
   幻灯片留在 content-layout 内容列内（子比默认结构），宽度 = 内容列宽，
   右缘自然距右侧栏左缘 15px（Bootstrap 栏间距）。
   仅撤掉旧的 max-width:1200 居中限制，不跨列、不动侧栏。 */
body.hezi-has-sidebar .slide-widget {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ---------- 主内容区 / 通栏小工具 与 65px 内边距对齐 ----------
   父主题 @media(min-width:1240px) 把 .container 限宽 1200px 并居中；
   hezi-fullwidth.css 又把 .container 放开为 width:100% !important。
   ⚠️ 根因（2026-07-28「主内容右侧超出屏幕」）：
   main.container 自身带 65px 左右 margin，width:100% 是父级全宽、
   不含 margin → 总占宽 = 100% + 130px，右侧刚好溢出 130px。
   修复：main.container 用 width:auto（块级自动宽度 = 父宽 − margin，
   永不溢出），并压过 hezi-fullwidth.css 的 width:100%。
   侧边栏保持子比默认结构：main.container 内部左右分栏
   （内容区 + .sidebar），本文件不动它。
   .widget-container 在 .fluid-widget-wrap 内部（margin 在父级上），
   width:100% 不会溢出，宽屏放开限宽保留。 */
body.hezi-has-sidebar main.container {
    width: auto !important;
    max-width: none !important;
}

/* ============================================================
   全站主内容容器：顶部留 64px + 清零 Bootstrap 默认左右 15px 内边距（2026-08-05）
   背景：右上胶囊导航已置顶 top:8px（hezi-top-nav.css），为给它让位，
   与 pano-admin-v2 的 .content-wrap.hpa-content{padding-top:64px} 保持一致，
   把所有 Zibll 模板（即顶层 main.container）的内容顶部统一下移到 64px。
   同时 hezi-fullwidth.css 只把 .container 放开为 width:100%，未清掉 Bootstrap
   默认的 padding-left/right:15px（computed 即 0 15 0 15），这里一并清零，
   让内容贴到 65px 缩进边（不再多 15px 内缩）。
   选择器严格限定 main.container:not(.hpa-shell)：
     · 只命中「顶层内容容器」<main class="container">，不会误伤内部嵌套的
       .container（那些是 <div>，不命中 <main>）；
     · 排除 pano-admin 的 .hpa-shell（其自有 64px 顶部处理 + calc(100vh)
       固定壳布局 + padding:15px !important，再加会错位/留白）。
   不加 !important：若某模板已有更强 margin-top/padding 规则（含 !important），
   仍由它优先；本规则只给无自定义顶距/内边距的页面补默认值。
   回退：删除本块即可；或恢复 _backups/hezi-content-padding-pre-container64.css
   并 FTP 重传 themes/hezi/assets/css/hezi-content-padding.css。
   ============================================================ */
main.container:not(.hpa-shell) {
    margin-top: 64px;
    padding: 0;
}
@media (min-width: 1240px) {
    body.hezi-has-sidebar .fluid-widget-wrap .widget-container {
        max-width: none !important;
        width: 100% !important;
    }
}

/* widget-container 清零 Bootstrap 默认左右 15px 内边距（2026-08-05）
   与 main.container 一致：去掉内部多出的 15px 内缩，内容贴到 65px 缩进边。
   作用域沿用本文件既有 .fluid-widget-wrap .widget-container 规则，仅命中
   顶部/底部全宽流体小工具区，不影响其他区域。特异性 (0,3,0) 压过 Bootstrap
   .container 的 (0,1,0)，无需 !important。 */
body.hezi-has-sidebar .fluid-widget-wrap .widget-container {
    padding: 0;
}

/* ============================================================
   页面 page-id-19621：主内容容器取消 65px 左右缩进（边缘贴满）
   特异性 (0,4,1) > 全局缩进组 (0,2,0)，媒体断点里的 60/40/24/16
   也一并被压过，所有视口宽度都生效。仅本页，绝不影响其他页面。
   ============================================================ */
body.page-id-19621.hezi-has-sidebar main.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 15px !important;
}

/* ============================================================
   页脚上方 100px 半透明过渡带（2026-07-30）
   在子比 .footer 原有样式基础上，于其上方加一条 100px 高、半透明的带。
   宽度 = 与正文内容区同宽（左侧离侧栏 65px / 右侧离浏览器 65px，即
   main.container / .fluid-widget-wrap 的缩进区），不是页脚外框满宽。
   用 ::before 绝对定位（bottom:100% 落在 footer 上方 margin 空隙里），
   半透明中性灰 rgba(140,140,140,.12) 叠在页面背景之上，黑夜白天都可见。
   ============================================================ */
/* 2026-08-14 用户要求：取消页脚上方半圆过渡带（::before）及 100px 顶部留白 */
.footer, #footer {
    position: relative;
    margin-top: 0 !important;
}

/* ============================================================
   用户布局调整（2026-08-14）：.container 全站 margin:0 / padding:8px
   覆盖本文件前面的 65px 左右缩进与 64px 顶部留白（旧版缩进设计），
   主内容容器改为贴边 + 8px 内边距（用户要求"连主内容也改"）。
   置于文件末尾（晚于前面的断点规则）+ !important 压过它们。
   为视觉一致，顶部/底部全宽流体区(.fluid-widget-wrap)一并贴边。
   ============================================================ */
body.hezi-has-sidebar main.container,
body.hezi-has-sidebar .fluid-widget-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 8px !important;
    width: auto !important;
    max-width: 1940px !important;   /* 2026-08-14(2)：主内容限宽 1940、在侧栏右侧区域内居中 */
    box-sizing: border-box !important;
}
main.container:not(.hpa-shell) {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 8px !important;
}
/* 全局 .container 基准（仅作用于嵌套小容器；主内容由上方 !important 规则覆盖） */
.container { margin: 0; padding: 8px; box-sizing: border-box; }
/* /newposts 投稿页：四边 8px（覆盖上面的 0） */
body.hezi-has-sidebar main.container:has(.newposts-wrap) {
    margin: 8px !important;
    padding: 8px !important;
}

/* ============================================================
   文章详情页：主内容容器 限宽 1940px 居中、顶部归 0（2026-08-17）
   仅文章详情页限宽 1940px；列表页不限宽（由 posts-grid-v4.css 的 92%
   自适应接管，保证宽屏下卡片列数随浏览器宽度自动调整）。
   选择器覆盖带/不带 hezi-has-sidebar 两种情况，特异性 (0,3,2)
   压过前面的 (0,2,2)/(0,2,1) 规则。
   ============================================================ */
body.single main.container,
body.hezi-has-sidebar.single main.container {
    margin: 0 auto !important;
    max-width: 1940px !important;
    width: auto !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}

/* 列表页：限宽 1940px 居中（与文章详情页一致），卡片列数由容器宽度经 Grid 自适应 */
/* 列表类页面（所有非详情页）容器：限宽 1940 居中。
   用 body:not(.single) 前缀确保特异性 (0,2,2) 压过 hezi-fullwidth.css 的
   body:not(.single) .container{max-width:none} (0,2,1)，无论页面是否带侧栏、
   无论 home/archive/search/blog 哪种 body class，都统一 1940 居中。 */
body:not(.single) main.container {
    margin: 0 auto !important;
    max-width: 1940px !important;
    width: auto !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}

/* 首页/全站 fluid-widget-wrap 内的卡片网格容器也锁 1940px。
   hezi-fullwidth.css 对此容器设了 max-width:none;width:100%（!important），
   且该区域在 main.container 外面（</main> 之后），main.container 的锁管不到它。
   用同选择器 + 后加载顺序（本文件在 fullwidth 之后 enqueue）覆盖。

   重要：fluid-widget-wrap 在 main.container 外面，不继承 content-layout 的侧栏让位边距，
   导致卡片区域比顶部轮播等主内容区更宽、更贴近右侧边栏。
   此处按 site-layout 类型补上与 content-layout 一致的右侧边距。 */
body:not(.single) .fluid-widget-wrap .widget-container {
    max-width: 1940px !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 8px !important;
    box-sizing: border-box !important;
}

/* 首页/全站 fluid-widget-wrap：清掉 site-layout 侧栏让位边距。
   用户澄清：fluid-widget-wrap 是「首页底部全宽度列表区」，位于 main.container 之外，
   本身不带侧栏（右侧栏只在 main.container 内的 content-layout 里，二者上下分块、不重叠）。
   原 site-layout-2 的 margin-right:calc(311px+15px) 把这块全宽区整体左推 326px、右侧留空，
   即用户说的"弄窄了"。按用户要求 margin 归 0，与顶部 hero 全宽对齐。
   archive 页 fluid-widget-wrap 为空，无影响。 */
body:not(.single) .fluid-widget-wrap {
    margin: 0 auto !important;
}