/* ==========================================================
   JR杰瑞 · 矿物暖墨实拍底图接入
   ------------------------------------------------------------
   把 brand-bg.134000.css 里临时用的纯 CSS 抽象色块
   换回「重新生成的、符合品牌调性」的实拍感底图（-v5 / -h5）
   新建文件 + 新 link，不动旧文件（7d 强缓存）
   ========================================================== */

/* ---- hero 全幅：换回实拍底图，保留暖墨 scrim ---- */
[data-jr-base] .hero__media {
  background-image: url("/assets/brand/hero-jr-h5.webp");
  background-size: cover;
  background-position: center 30%;
}

/* ---- 开场门廊 gate：换回三扇门实拍图 ---- */
[data-jr-base] .gate {
  background-image: url("/assets/brand/gate-rooms-h5.webp");
  background-size: cover;
  background-position: center;
}

/* ---- 各 section banner：换回实拍底图 ----
   保留 brand-bg.134000.css 里的主题色 ::after 晕染叠加 */
[data-jr-base] .banner--products {
  background-image: url("/assets/brand/banner-products-v5.webp") !important;
}
[data-jr-base] .banner--capability {
  background-image: url("/assets/brand/banner-capability-v5.webp") !important;
}
[data-jr-base] .banner--workflow {
  background-image: url("/assets/brand/banner-workflow-v5.webp") !important;
}
[data-jr-base] .banner--showcase {
  background-image: url("/assets/brand/banner-showcase-v5.webp") !important;
}
[data-jr-base] .banner--pricing {
  background-image: url("/assets/brand/banner-pricing-v5.webp") !important;
}
[data-jr-base] .banner--cta {
  background-image: url("/assets/brand/banner-cta-v5.webp") !important;
}
[data-jr-base] .banner--painting {
  background-image: url("/assets/brand/banner-painting-v5.webp") !important;
}
[data-jr-base] .banner--drama {
  background-image: url("/assets/brand/banner-drama-v5.webp") !important;
}
[data-jr-base] .banner--wardrobe {
  background-image: url("/assets/brand/banner-wardrobe-v5.webp") !important;
}

/* ---- 底图不透明度：暗色下保留实拍质感，banner 自带 ::after 蒙版压暗 ---- */
[data-jr-base][data-theme="dark"] .banner { opacity: .38; }
[data-jr-base][data-theme="dark"] .banner--cta { opacity: .50; }
[data-jr-base][data-theme="light"] .banner { opacity: .42; }
[data-jr-base][data-theme="light"] .banner--cta { opacity: .55; }
/* 暗色加强暗化蒙版（::after 已带 linear-gradient），让中段文字更清晰 */
[data-jr-base][data-theme="dark"] .banner::after { opacity: 1.05; }
/* 亮色模式加强暗色蒙版，文字可读性 */
[data-jr-base][data-theme="light"] .banner::after { opacity: .92; }