@charset "utf-8";
/* BNH_V1 前台内页 Banner 统一尺寸: 1920×500 (宽高比 3.84:1)
   做法: 有 Banner 图的内页头(栏目 / 产品分类 / 新闻分类 / 单页)在 1920 宽屏上高度正好 500px, 窗口变窄时按比例变矮, 但不低于 360px(电脑)/ 300px(手机), 保证标题和描述放得下;
   图片仍是 object-fit:cover 居中裁切, 所以后台按 1920×500 出的图在各套模板里看到的画面一致。
   没有 Banner 图的「纯文字头」不动。只影响 8 套模板的内页头, 不影响首页轮播。 */
:root{--bn-h:clamp(360px,26.0417vw,500px);--bn-hm:clamp(300px,64vw,380px)}

/* default / default2 */
html body .xh:not(.xh-plain){min-height:var(--bn-h)}
/* default3 */
html body .d3 .m-mast.has-cover{min-height:var(--bn-h)}
/* default4 (原来最高 740px, 统一) */
html body .d4 .g-hero:not(.plain),html body .d4 .g-hero.mid:not(.plain){min-height:var(--bn-h)}
/* default5 */
html body .d5 .k-hero.has-cover{min-height:var(--bn-h)}
/* default6 / 7 / 8 (原来 50vh~660px, 统一) */
html[data-th] body .th-main .t-hero:not(.plain),html[data-th="atelier"] body .th-main .t-hero:not(.plain){min-height:var(--bn-h)}

@media(max-width:900px){
  html body .xh:not(.xh-plain),
  html body .d3 .m-mast.has-cover,
  html body .d4 .g-hero:not(.plain),html body .d4 .g-hero.mid:not(.plain),
  html body .d5 .k-hero.has-cover,
  html[data-th] body .th-main .t-hero:not(.plain){min-height:var(--bn-hm)}
}
/* BNH_V1_END */