/* ============================================================
   弹窗守护 (modal-guard.css)
   固定全屏弹层是「自包含设计」：深色渐变头图 + 白底内容卡 + 金/白文字。
   它不应随浅色主题（九紫/奶油/东方/苹果）换肤——但浅色主题的
   [style*=...] 属性选择器会误伤弹层：
     · 白底卡被「黑色遮罩」规则改成半透明深色 → 深字糊在深底上
     · 深色头图被「深色兜底清理」规则改成浅色/透明 → 白字糊在浅底上
   本文件在全部主题 CSS 与 text-patch 之后加载，用更高优先级覆盖之。
   ============================================================ */

/* ── 1. 白底内容卡：保持纯白 ── */
#planModal > div,
#brandApplyModal > div,
body > div[style*="position:fixed"][style*="inset:0"] > div[style*="background:#fff"] {
  background: #fff !important;
  background-image: none !important;
}

/* ── 2. 项目计划书 深色渐变头图：保持深色 + 金/白文字 ── */
#planModal > div > div[style*="linear-gradient"] {
  background: linear-gradient(160deg,#0D0018,#1A0A2E 30%,#2D1B4E 60%,#D4A574 120%) !important;
  background-image: linear-gradient(160deg,#0D0018,#1A0A2E 30%,#2D1B4E 60%,#D4A574 120%) !important;
  color: #fff !important;
}
#planModal > div > div[style*="linear-gradient"] h3 {
  color: #E8C9A0 !important;
  -webkit-text-fill-color: #E8C9A0 !important;
}
#planModal > div > div[style*="linear-gradient"] p {
  color: rgba(255,255,255,0.65) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.65) !important;
}
#planModal > div > button[style*="color:rgba(255,255,255"] {
  color: rgba(255,255,255,0.85) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.85) !important;
}

/* ── 3. 百花池 品牌详情 深色渐变卡 ──
   注意：bhDetail 的遮罩层用 style.cssText 创建（浏览器会规范化为
   "position: fixed; inset: 0px"），且内容卡嵌套在遮罩层内（非 body 直系子），
   故用后代选择器 + 内容卡自身特征子串锚定。卡内联 style 含 7 个特征子串，
   叠加成 (0,7,3) 特异性，压过主题白字反制规则 (0,5,1) 与深色兜底 (0,3,1)。 */
body div[style*="linear-gradient(175deg,#0A0014"][style*="border:1px solid rgba(212,165,116,0.3)"][style*="border-radius:20px"][style*="padding:36px 28px"][style*="max-width:440px"][style*="text-align:center"][style*="position:relative"] {
  background: linear-gradient(175deg,#0A0014,#150520,#2A0E3D,#4A1550) !important;
  background-image: linear-gradient(175deg,#0A0014,#150520,#2A0E3D,#4A1550) !important;
  border-color: rgba(212,165,116,0.3) !important;
}
body div[style*="linear-gradient(175deg,#0A0014"][style*="border:1px solid rgba(212,165,116,0.3)"][style*="border-radius:20px"][style*="padding:36px 28px"][style*="max-width:440px"][style*="text-align:center"][style*="position:relative"] h2 {
  color: #E8C9A0 !important;
  -webkit-text-fill-color: #E8C9A0 !important;
}
body div[style*="linear-gradient(175deg,#0A0014"][style*="border:1px solid rgba(212,165,116,0.3)"][style*="border-radius:20px"][style*="padding:36px 28px"][style*="max-width:440px"][style*="text-align:center"][style*="position:relative"] p {
  color: rgba(255,255,255,0.7) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.7) !important;
}
body div[style*="linear-gradient(175deg,#0A0014"][style*="border:1px solid rgba(212,165,116,0.3)"][style*="border-radius:20px"][style*="padding:36px 28px"][style*="max-width:440px"][style*="text-align:center"][style*="position:relative"] div[style*="color:#D4A574"],
body div[style*="linear-gradient(175deg,#0A0014"][style*="border:1px solid rgba(212,165,116,0.3)"][style*="border-radius:20px"][style*="padding:36px 28px"][style*="max-width:440px"][style*="text-align:center"][style*="position:relative"] span {
  color: #D4A574 !important;
  -webkit-text-fill-color: #D4A574 !important;
}