/* ==========================================================
   JR杰瑞 · 暗色适配收口覆盖（针对 2026-09-09 用户反馈）
   ------------------------------------------------------------
   修复 brand.212832.css 中硬编码浅色在暗模式下的视觉残留
   - .mod 卡片背景
   - .mod__table 行分隔
   - .nav 及 .nav.is-scrolled（含 !important）
   - .shot__cap / .hero__note / 其它 .brand 浅色块
   ========================================================== */

/* ---- nav：覆盖原色 + 滚动后 !important 块 ---- */
[data-jr-base] .nav { background: var(--bg); }
[data-jr-base] .nav.is-scrolled,
[data-jr-base] .nav.is-scrolled.nav {
  background: var(--bg) !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.32) !important;
  border-bottom-color: var(--line) !important;
}
[data-jr-base] .nav__cta { background: var(--accent); color: #FFFDF8; }
[data-jr-base] .nav__cta:hover { background: var(--accent-t); }
[data-jr-base] .nav.is-scrolled .nav__cta { background: var(--accent) !important; color: #FFFDF8 !important; }
[data-jr-base][data-theme="dark"] .nav__cta { color: var(--mn-50); }

/* ---- .mod 卡片：暗色下深底 + 描边 ---- */
[data-jr-base] .mod {
  background: var(--panel);
  box-shadow: 0 6px 22px rgba(0,0,0,.18);
}
[data-jr-base][data-theme="dark"] .mod {
  box-shadow: 0 6px 22px rgba(0,0,0,.36);
}

/* ---- .mod__table 行分隔：跟随暗色 line-soft ---- */
[data-jr-base] .mod__table td { border-bottom-color: var(--line-soft); }
[data-jr-base] .mod__table th { border-bottom-color: var(--line); }

/* ---- .cap/.shot 暗色 ---- */
[data-jr-base] .cap {
  background: var(--panel);
  border: 1px solid var(--line);
}
[data-jr-base] .cap:hover { background: var(--panel-2); border-color: rgba(180,83,42,.28); }
[data-jr-base] .mod__cell figcaption {
  background: var(--panel);
  color: var(--text-dim);
  border: 1px solid var(--line);
}

/* ---- 其它残留浅色 ---- */
[data-jr-base] .hero__note { color: var(--mn-600); }
[data-jr-base] .shot__cap b { color: var(--mn-50); }
[data-jr-base] .shot__cap span { color: rgba(247,243,234,.78); } /* 照片上的小注：保持半透白 */

/* ---- .mod-group 头部（k/v） ---- */
[data-jr-base] .mod-group__v { color: var(--muted); }
[data-jr-base] .mod-group__k { color: var(--text); }

/* ---- .product-card 角标 ---- */
[data-jr-base] .product-card,
[data-jr-base] .product-card__inner {
  background: var(--panel);
  border: 1px solid var(--line);
}

/* ---- 暗色下的图片阴影统一加深 ---- */
[data-jr-base][data-theme="dark"] .mod__shot { box-shadow: 0 6px 22px rgba(0,0,0,.4); }
[data-jr-base][data-theme="dark"] .mod__cell img { box-shadow: 0 4px 14px rgba(0,0,0,.35); }
