/* ==========================================================
   JR杰瑞 · 底图原貌化（去暖色调滤镜）
   ------------------------------------------------------------
   用户要求：图片呈现正常原貌，不要暖色调。
   本文件置于 link 链最后，覆盖 brand-img / brand-img2 的
   彩色晕染（赭石/藤黄 radial）与透明度压制：
   底图本体 100% 原貌，遮罩只保留中性明暗保证文字可读。
   ========================================================== */

/* ---- banner 本体：原貌呈现，不再压透明度 ---- */
[data-jr-base] .hero__media { opacity: 1 !important; }
[data-jr-base][data-theme="dark"] .banner,
[data-jr-base][data-theme="light"] .banner { opacity: 1 !important; }

/* ---- 通用遮罩：只做上下融底 + 轻度中性压暗，无彩色 ---- */
[data-jr-base][data-theme="dark"] .banner--products::after,
[data-jr-base][data-theme="dark"] .banner--capability::after,
[data-jr-base][data-theme="dark"] .banner--workflow::after,
[data-jr-base][data-theme="dark"] .banner--showcase::after,
[data-jr-base][data-theme="dark"] .banner--pricing::after,
[data-jr-base][data-theme="dark"] .banner--cta::after,
[data-jr-base][data-theme="dark"] .banner--painting::after,
[data-jr-base][data-theme="dark"] .banner--drama::after,
[data-jr-base][data-theme="dark"] .banner--wardrobe::after,
[data-jr-base][data-theme="dark"] .banner::after {
  background:
    linear-gradient(180deg,
      var(--mn-50) 0%,
      rgba(16,14,12,.34) 20%,
      rgba(16,14,12,.38) 80%,
      var(--mn-50) 100%) !important;
  opacity: 1 !important;
}

[data-jr-base][data-theme="light"] .banner--products::after,
[data-jr-base][data-theme="light"] .banner--capability::after,
[data-jr-base][data-theme="light"] .banner--workflow::after,
[data-jr-base][data-theme="light"] .banner--showcase::after,
[data-jr-base][data-theme="light"] .banner--pricing::after,
[data-jr-base][data-theme="light"] .banner--cta::after,
[data-jr-base][data-theme="light"] .banner--painting::after,
[data-jr-base][data-theme="light"] .banner--drama::after,
[data-jr-base][data-theme="light"] .banner--wardrobe::after,
[data-jr-base][data-theme="light"] .banner::after {
  background:
    linear-gradient(180deg,
      var(--mn-50) 0%,
      rgba(28,26,23,.10) 20%,
      rgba(28,26,23,.12) 80%,
      var(--mn-50) 100%) !important;
  opacity: 1 !important;
}

/* ---- hero 遮罩：中性化（保留左文右图的明暗分区，去掉暖白/暖黑） ---- */
[data-jr-base][data-theme="dark"] .hero__media::after {
  background:
    linear-gradient(95deg,
      rgba(12,11,10,.82) 0%,
      rgba(12,11,10,.55) 32%,
      rgba(12,11,10,.14) 60%,
      rgba(12,11,10,.02) 100%),
    linear-gradient(180deg,
      rgba(12,11,10,.42) 0%,
      rgba(12,11,10,0) 30%,
      rgba(12,11,10,0) 64%,
      var(--mn-50) 100%) !important;
  background-blend-mode: normal, normal !important;
  opacity: 1 !important;
}
[data-jr-base][data-theme="light"] .hero__media::after {
  background:
    linear-gradient(95deg,
      rgba(247,243,234,.90) 0%,
      rgba(247,243,234,.66) 32%,
      rgba(247,243,234,.18) 60%,
      rgba(247,243,234,.03) 100%),
    linear-gradient(180deg,
      rgba(247,243,234,.52) 0%,
      rgba(247,243,234,0) 30%,
      rgba(247,243,234,0) 64%,
      var(--mn-50) 100%) !important;
  background-blend-mode: normal, normal !important;
  opacity: 1 !important;
}

/* ---- gate 三扇门：只保留中性上下渐变，不再叠暖色 ---- */
[data-jr-base][data-theme="dark"] .gate {
  background-image:
    linear-gradient(180deg, rgba(12,11,10,.58) 0%, rgba(12,11,10,.40) 100%),
    url("/assets/brand/gate-rooms-h5.webp") !important;
}
[data-jr-base][data-theme="light"] .gate {
  background-image:
    linear-gradient(180deg, rgba(247,243,234,.62) 0%, rgba(247,243,234,.44) 100%),
    url("/assets/brand/gate-rooms-h5.webp") !important;
}

/* ---- 内容图卡：去掉可能的暖色滤镜/叠加 ---- */
[data-jr-base] .product-card__media img,
[data-jr-base] .showcase__media img,
[data-jr-base] img[data-jr-photo] {
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* ==========================================================
   官网导航下拉（触碰下滑）：三生态「使用教程」+「文档」子分类
   ========================================================== */
.nav__links { display: flex; align-items: center; gap: 6px; }
.nav__drop-wrap { position: relative; }
.nav__drop-wrap > .nav__link { display: inline-block; }
.nav__drop {
  position: absolute; top: 100%; left: 50%; transform: translate(-50%, -8px);
  min-width: 160px; background: #1C1917; border: 1px solid rgba(240, 235, 225, .14);
  border-radius: 18px 21px 17px 20px; box-shadow: 0 18px 44px rgba(0, 0, 0, .55);
  padding: 8px; opacity: 0; visibility: hidden; pointer-events: none; z-index: 80;
  transition: all .2s cubic-bezier(.2,.7,.3,1);
}
.nav__drop-wrap:hover .nav__drop, .nav__drop-wrap:focus-within .nav__drop {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0);
}
.nav__drop a {
  display: block; padding: 9px 14px; border-radius: 12px; white-space: nowrap;
  color: #E8E1D4; text-decoration: none; font-size: 14px;
}
.nav__drop a:hover { background: rgba(180, 83, 42, .18); color: #E89B6F; }
.nav__drop .nav__drop-label { padding: 8px 14px 4px; font-size: 12px; color: #9A917F; letter-spacing: .12em; }

/* ==========================================================
   底图素材中性化：素材本身为暖调生成图，先做去暖归正处理。
   彻底根治需更换中性实拍/重生成素材（待确认后执行）。
   ========================================================== */
[data-jr-base] .hero__media,
[data-jr-base] .gate {
  filter: saturate(.42) brightness(.94) contrast(.99) !important;
}
[data-jr-base] .banner {
  filter: saturate(.42) brightness(.96) contrast(.99) !important;
}
[data-jr-base] .product-card__media img,
[data-jr-base] .showcase__media img {
  filter: saturate(.55) !important;
}