/* ==========================================================================
   mobile-optimize.css — fuwari 2.2.0 移动端优化补丁
   仅作用于 <= 767.98px 视口（手机），桌面端完全不受影响。
   加载顺序：在 MainGridLayout.BTgDTH_b.css 之后引入。
   ========================================================================== */

@media (max-width: 767.98px) {

  /* ---- 1. 缩短首页/文章页 banner，让正文更早进入视野 ----
     主题默认：--banner-height: 35vh, --banner-height-home: 65vh，
     内容区 top 由模板内联样式 calc(35vh - 3.5rem) 决定（内联优先级最高），
     因此这里必须用 !important 覆盖内联值。 */
  :root {
    --banner-height: 24vh;
    --banner-height-home: 40vh;
  }
  .enable-banner #main-panel-wrapper {
    top: calc(24vh - 3rem) !important;
  }

  /* ---- 2. 提升手机端基准字号（原为 14px，阅读偏吃力） ---- */
  html.text-\[14px\] {
    font-size: 15px;
  }

  /* ---- 3. 文章卡片左右留出更均匀的内边距 ---- */
  .custom-md {
    font-size: 1rem;
  }
}