/* ===== BAKESLA 站点补丁样式 site-fixes.css =====
   建立于 2026-11-06。
   ⚠️ 以后所有移动端 / 样式补丁【只写这个文件】，不要再往 responsive.css 或 all.min.css 里加。
   ⚠️ 背景：com 首页加载的是合并包 all.min.css，其它页面加载 style.css + responsive.css，
      两套并存导致补丁容易只落一处（2026-11-06 com 首页轮播裁切即因此漏修）。
   本文件在四站所有页面的 <head> 里【最后】加载，同特异性下覆盖前面所有样式表。

   现有内容（均为 2026-11-06 移动端修复）：
     ① 新闻博客列表 /channel/2：图片固定 300px + 文字框 calc(100% - 330px) 在手机上只剩 20px → 竖排
     ② 栏目页 banner：responsive.css 断点把高度写死 11rem/16.8rem，标题 54~60px 换行后撑破容器被裁
     ③ 首页轮播：.banner-bg 固定 700px + overflow:hidden + 垂直居中，手机上内容最高 945px 被上下各裁一半
   全部规则都限定在 ≤767px，桌面端与平板零影响。
   ================================================= */

@media only screen and (max-width: 767px) {
  /* ① 新闻博客列表：横排改竖排 */
  .news-list { flex-direction: column; }
  .news-list .img-box { width: 100%; height: auto; margin-bottom: 12px; }
  .news-list .img-box img { width: 100%; height: auto; }
  .news-list .right-box { width: 100%; margin-right: 0; min-width: 0; }

  /* ② 栏目页 banner：高度自适应 + 标题缩小，避免被裁 */
  section.banner-inner-section { height: auto; min-height: 150px; padding: 18px 0; }
  .banner-inner-title h1 { font-size: 26px; line-height: 36px; }

  /* ③ 首页轮播：高度自适应，避免内容被裁 */
  .banner-slider .banner-bg { height: auto; min-height: 0; padding: 24px 0 10px; }
}

/* ===== 产品下拉（6 大类，2026-11-07）：名称较长，面板按最长条目自适应宽度，避免两行折断 ===== */
.header-menu .submenu{width:max-content;min-width:260px;max-width:min(420px,92vw)}
.header-menu .submenu ul>li>a{white-space:normal;line-height:1.45;padding:9px 22px}
@media (max-width:1199px){.header-menu .submenu{max-width:min(360px,92vw)}}

/* 加宽上限（英文长名称单行显示，仅桌面档，2026-11-07） */
@media (min-width:1200px){.header-menu .submenu{max-width:min(520px,92vw)}}

/* ===== 产品卡统一显示（2026-11-08）：标题固定两行高，六张卡等高、按钮对齐 ===== */
.collection-box-title{min-height:64px;display:flex;align-items:center;justify-content:center;padding:0 8px}
.collection-box-thumb{height:auto;aspect-ratio:1/1}
.collection-box-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
@media (max-width:1199px){.collection-box-title{min-height:58px}}