/* ============================================================
 * [本地补丁 2026-09-22] 分类页顶部横幅
 * 1) 把「分类」页顶部那张小方 logo 换成「福友电竞」大横幅
 *    图片文件：/static/category-banner.jpg?v=0922-58（原图 2161x728，缩到 1080x364，比例约 2.97:1）
 * 2) 横幅盒子高度 = 宽度的 33.69%（= 728 ÷ 2161），跟图片比例完全一致，
 *    图片 100%x100% 直接铺满 → 不再出现上下白边，也不会被拉伸变形
 * 3) 去掉图片上那个「分类名」小标签
 * 4) 修「三角洲行动」页右侧内容超宽溢出（原来横幅和商品都被右侧裁掉）
 * ------------------------------------------------------------
 * 想恢复原样：删掉 frontend/index.html 里引入本文件的那一行即可
 * ============================================================ */

/* 1) 横幅：固定比例 + 图片铺满 */
.category-banner {
  height: auto !important;
  padding-bottom: 42.92% !important;     /* 728 / 2161 */
  background-image: url("/static/category-banner.jpg?v=0922-58") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  line-height: 0;
}

/* 2) 隐藏原来的图片组件（它的内部元素撑不满，才会出现白边） */
.category-banner .banner-img {
  display: none !important;
}

/* 3) 不要图片上那个分类名小标签 */
.category-banner .banner-txt {
  display: none !important;
}

/* 4) 右侧内容区允许收缩，修掉超出屏幕 80px 导致横幅/商品被裁的问题 */
.right-content {
  min-width: 0 !important;
  max-width: 100% !important;
}