/* ==========================================================
   首页布局微调：收紧首屏与顶部卡片
   主题源码不动，升级主题不会覆盖本文件
   ========================================================== */

/* 1. 移动端首屏进一步降低，避免占满整屏 */
@media screen and (max-width: 768px) {
  #page-header.full_page {
    height: 56vh;
    min-height: 380px;
  }

  #page-header #site-title {
    font-size: 1.6em;
  }
}

/* 桌面端首屏高度由主题配置 index_top_img_height 控制（68vh） */

/* 2. 首页顶部卡片整体收紧：高度 340px -> 296px */
@media screen and (min-width: 769px) {
  #bannerGroup {
    height: 296px;
  }

  .banners-title-big {
    font-size: 30px;
    margin-bottom: 6px;
  }

  .banners-title-small {
    margin-top: 6px;
    margin-bottom: 0.35rem;
  }
}

/* 3. 分类快捷入口更紧凑，避免三个按钮显得臃肿 */
.categoryItem {
  border-radius: 10px;
}

.categoryButton {
  padding: 0 0.9rem;
}

.categoryButtonText {
  font-size: 0.95rem;
}

/* 4. 首屏标题与滚动提示的间距微调 */
#page-header.full_page #site-info {
  top: 44%;
}

#page-header.full_page #scroll-down {
  bottom: 1.2rem;
}