/* ==========================================================
   JR杰瑞 · hero scrim 收口
   ------------------------------------------------------------
   解决 2026-09-09 用户反馈：「字体看不清」
   病因：brand.212832.css L151 的 .hero__inner::before
         是一团 rgba(247,243,234,.95) 的亮色高光斑块
         → 暗色 hero 下变成"中央白雾"覆盖文字
   修法：直接关掉这个伪元素，不让亮色高光盖在暗色字上
   ========================================================== */

[data-jr-base] .hero__inner::before {
  display: none;
}
[data-jr-base] .hero__inner { z-index: 2; }

/* hero 文字底色：让标题始终清晰可读，不被底图吞 */
[data-jr-base] .hero__title { color: var(--text); }
[data-jr-base] .hero__title em { color: var(--accent); }
[data-jr-base] .hero__desc { color: var(--text-dim); }
[data-jr-base] .hero__note { color: var(--mn-600); }

/* 副标题（首页 hero 右下方小字）
   原来用 #4A4540 在亮色 hero 上 OK；暗色下要重新适配 */
[data-jr-base] .stat__num { color: var(--accent); }
[data-jr-base] .stat__label { color: var(--muted); }

/* hero 右下角段落 "想好要做什么 / 不必会画..." 等小注 */
[data-jr-base] .hero__bullets,
[data-jr-base] .hero__list,
[data-jr-base] .hero__b { color: var(--text-dim); }

/* product-card 在 hero 内的图标区 */
[data-jr-base] .product-card__icon {
  color: var(--accent);
  background: var(--accent-soft);
}

/* ---- hero__media::after 在亮色模式下也太亮 ----
   改用统一暗色调（不区分模式），因为 hero 整体已经走暗色为主 */
[data-jr-base][data-theme="light"] .hero__media::after {
  background:
    linear-gradient(180deg, var(--mn-50) 0%, var(--mn-100) 60%, var(--mn-50) 100%),
    radial-gradient(60% 70% at 18% 25%, rgba(180, 83, 42, .18) 0%, transparent 65%),
    radial-gradient(55% 65% at 85% 78%, rgba(217, 154, 43, .14) 0%, transparent 70%),
    linear-gradient(180deg, transparent 60%, var(--mn-50) 100%);
  background-blend-mode: normal, multiply, multiply, normal;
}