/* ============================================================
   丽人梦想秀® · 奶油甜心主题 v1.0（水墨 · 仙气 · 空灵）
   Oriental Aesthetic — 宣纸白 / 淡青 / 月白 / 淡墨 / 荷粉 / 天青 / 竹青
   Body class: body.cream-theme
   加载顺序：最后加载（apple-theme.css 之后），优先级最高
   ============================================================ */

/* ══════════════ 0. 设计令牌 + 基础 ══════════════ */
body.cream-theme {
  --fire-deep:    #8B6B4D;   /* 奶茶棕 */
  --fire-purple:  #A98467;   /* 奶咖 */
  --fire-amethyst:#C89B7B;   /* 焦糖 */
  --fire-lavender:#E8CBB0;   /* 浅焦糖 */
  --flame-ember:  #D4899B;   /* 玫瑰粉 */
  --flame-amber:  #E8B4B8;   /* 玫瑰金 */
  --flame-rose:   #F0B8C0;   /* 柔粉 */
  --flame-blush:  #F5C6D0;   /* 樱花粉 */
  --jade-ivory:   #FFFBF5;   /* 奶油白 */
  --jade-cream:   #FBF5EC;   /* 奶白 */
  --jade-silk:    #F6EEDF;   /* 米白 */
  --jade-warm:    #F0E4D1;   /* 暖米 */
  --ink-deep:     #4A3828;   /* 墨咖 */
  --ink-rich:     #5C4632;   /* 浓咖 */
  --ink-gray:     #7A5C44;   /* 咖灰 */
  --ink-light:    #9C8874;   /* 浅咖 */
  --gold-accent:  #C08968;   /* 焦糖主强调 */
  --gold-light:   #E8B4B8;   /* 玫瑰金 */
  --rose-accent:  #D4899B;   /* 玫瑰粉 */
  --success:      #A8B899;   /* 抹茶奶油 */
  --warning:      #C89B7B;   /* 焦糖 */
  --danger:       #C06B7A;   /* 莓果粉 */
  --shadow-sm:    0 2px 12px rgba(139,107,77,0.06);
  --shadow-md:    0 4px 20px rgba(139,107,77,0.09);
  --shadow-lg:    0 8px 40px rgba(139,107,77,0.13);
  --shadow-glow:  0 0 30px rgba(169,132,103,0.18);
  --shadow-gold:  0 0 20px rgba(192,137,104,0.20);
}

/* 基础：奶油底 + 咖啡色字 */
body.cream-theme {
  background:
    radial-gradient(ellipse at 12% 30%, rgba(232,203,176,0.10) 0%, transparent 50%),
    radial-gradient(ellipse at 85% 20%, rgba(245,198,208,0.10) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 90%, rgba(232,203,176,0.08) 0%, transparent 55%),
    linear-gradient(160deg, #FFFBF5 0%, #FBF5EC 30%, #FBF5EC 55%, #F6EEDF 100%) !important;
  background-attachment: fixed !important;
  color: var(--ink-rich) !important;
  font-family: "Noto Serif SC", "Songti SC", "STSong", "SimSun", "Kaiti SC", "STKaiti", "PingFang SC", serif !important;
  letter-spacing: 0.02em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* 云雾缓慢流动（body 前层） */
body.cream-theme::before {
  content: '';
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(ellipse at 20% 18%, rgba(255,255,255,0.55) 0%, transparent 45%),
    radial-gradient(ellipse at 80% 12%, rgba(255,255,255,0.45) 0%, transparent 42%),
    radial-gradient(ellipse at 45% 70%, rgba(255,255,255,0.35) 0%, transparent 48%);
  opacity: 0.8;
  animation: creamMistDrift 22s ease-in-out infinite alternate;
}

@keyframes creamMistDrift {
  0%   { transform: translateX(-1.5%) translateY(0); }
  50%  { transform: translateX(1.5%) translateY(-1%); }
  100% { transform: translateX(-1%) translateY(0.5%); }
}

/* 干掉暗色径向背景 */
body.cream-theme::after { background: none !important; opacity: 0 !important; }

/* ══════════════ 1. 排版 ══════════════ */
body.cream-theme h1, body.cream-theme h2, body.cream-theme h3,
body.cream-theme h4, body.cream-theme h5, body.cream-theme h6 {
  color: var(--ink-deep) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-shadow: none !important;
}
body.cream-theme p, body.cream-theme li {
  color: var(--ink-gray) !important;
  line-height: 1.85 !important;
}
body.cream-theme small, body.cream-theme .text-muted {
  color: var(--ink-light) !important;
}
body.cream-theme a {
  color: var(--gold-accent) !important;
  text-decoration: none !important;
}

/* 内联金色/紫渐变文字 → 墨色实色 */
body.cream-theme [style*="-webkit-text-fill-color:transparent"] {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--ink-deep) !important;
  color: var(--ink-deep) !important;
}

/* 内联白色文字（原本在暗色背景上）→ 墨色；排除带渐变/纯色背景的按钮与徽章（它们需要白字） */
body.cream-theme [style*="color:rgba(255,255,255"]:not([style*="linear-gradient"]):not([style*="background:#"]):not([style*="background-color:"]),
body.cream-theme [style*="color: rgba(255,255,255"]:not([style*="linear-gradient"]),
body.cream-theme [style*="color:rgb(255,255,255"]:not([style*="linear-gradient"]),
body.cream-theme [style*="color: rgb(255,255,255"]:not([style*="linear-gradient"]),
body.cream-theme [style*="color:#fff"]:not([style*="linear-gradient"]):not([style*="background:#"]):not([style*="background-color:"]),
body.cream-theme [style*="color: #fff"]:not([style*="linear-gradient"]),
body.cream-theme [style*="color:#ffffff"]:not([style*="linear-gradient"]):not([style*="background:#"]),
body.cream-theme [style*="color: #ffffff"]:not([style*="linear-gradient"]),
body.cream-theme [style*="color:#FFF"]:not([style*="linear-gradient"]),
body.cream-theme [style*="color:white"]:not([style*="linear-gradient"]) {
  color: var(--ink-rich) !important;
}

/* ══════════════ 2. 侧边栏（宣纸 · 水墨） ══════════════ */
body.cream-theme .sidebar {
  background: rgba(251,249,243,0.86) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
  border-right: 1px solid rgba(150,130,110,0.12) !important;
  box-shadow: 0 0 40px rgba(139,107,77,0.04) !important;
}
body.cream-theme .sidebar .logo h2 {
  color: var(--ink-deep) !important;
  letter-spacing: 0.08em !important;
}
body.cream-theme .sidebar .logo small {
  color: var(--ink-light) !important;
}
body.cream-theme .sidebar .nav-section {
  color: var(--ink-light) !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  opacity: 1 !important;
}
body.cream-theme .sidebar .nav-link {
  color: var(--ink-gray) !important;
  border-radius: 10px !important;
  margin: 1px 10px !important;
  padding: 9px 14px !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}
body.cream-theme .sidebar .nav-link:hover {
  background: rgba(192,137,104,0.08) !important;
  color: var(--ink-deep) !important;
}
body.cream-theme .sidebar .nav-link.active {
  background: rgba(192,137,104,0.12) !important;
  color: var(--gold-accent) !important;
  border-left: 3px solid var(--gold-accent) !important;
  box-shadow: none !important;
}
body.cream-theme .sidebar-footer {
  background: rgba(251,249,243,0.6) !important;
  border-top: 1px solid rgba(150,130,110,0.1) !important;
}
body.cream-theme .sidebar .nav-section-toggle { color: var(--ink-light) !important; }
body.cream-theme .sidebar-search input {
  background: rgba(192,137,104,0.06) !important;
  border-color: transparent !important;
  color: var(--ink-deep) !important;
}
body.cream-theme .sidebar-search input:focus {
  background: #ffffff !important;
  border-color: rgba(192,137,104,0.4) !important;
  box-shadow: 0 0 0 4px rgba(192,137,104,0.1) !important;
}
body.cream-theme .sidebar-search input::placeholder { color: var(--ink-light) !important; }
body.cream-theme .sidebar-company-select {
  background: rgba(192,137,104,0.06) !important;
  border-color: transparent !important;
  color: var(--ink-deep) !important;
}
body.cream-theme .sidebar-company-select option { background: #fff !important; color: var(--ink-deep) !important; }

/* ══════════════ 3. Hero 首屏（东方画卷 · 远山 · 烟雨 · 飞鸟） ══════════════ */
body.cream-theme .hero-panel {
  background:
    linear-gradient(180deg, rgba(251,249,243,0.6) 0%, rgba(251,249,243,0) 40%),
    url("/assets/cream-bokeh.svg") bottom center / cover no-repeat,
    linear-gradient(180deg, #FFFBF5 0%, #FBF5EC 55%, #F6EEDF 100%) !important;
  color: var(--ink-deep) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(150,130,110,0.10) !important;
  box-shadow: 0 18px 60px rgba(139,107,77,0.10), 0 2px 8px rgba(139,107,77,0.04) !important;
}
body.cream-theme .hero-panel > div[style*="position:absolute"] {
  background: none !important;
  border-color: rgba(150,130,110,0.05) !important;
}
/* 皇冠/装饰徽章 → 淡青圆角 */
body.cream-theme .hero-panel [style*="background:linear-gradient(135deg,rgba(212,165,116"],
body.cream-theme .hero-panel [style*="background:linear-gradient(135deg, rgba(212,165,116"] {
  background: rgba(232,203,176,0.18) !important;
  border: 1px solid rgba(192,137,104,0.16) !important;
}
body.cream-theme .hero-panel h1 {
  font-family: "Noto Serif SC", "Songti SC", "STSong", "Kaiti SC", serif !important;
  color: var(--ink-deep) !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
}
body.cream-theme .hero-panel h1 sup {
  -webkit-text-fill-color: var(--gold-accent) !important;
  color: var(--gold-accent) !important;
}
body.cream-theme .hero-panel p { color: var(--ink-gray) !important; font-weight: 400 !important; }
/* 覆盖 premium-pro.css 的 ID 级白色规则（hero 副标题/副文案） */
body.cream-theme #page-content .hero-panel p:first-of-type,
body.cream-theme #page-content .hero-panel p:nth-of-type(2) {
  color: var(--ink-gray) !important;
}
body.cream-theme .hero-panel [style*="height:1px"] {
  background: linear-gradient(90deg, transparent, rgba(150,130,110,0.28), transparent) !important;
}

/* ══════════════ 4. 统计卡片 ══════════════ */
body.cream-theme .stat-card {
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(150,130,110,0.10) !important;
  border-radius: 16px !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: blur(8px) !important;
}
body.cream-theme .stat-card [style*="position:absolute;top:0"] {
  background: linear-gradient(90deg, transparent, var(--gold-accent), transparent) !important;
  opacity: 0.5 !important;
}
body.cream-theme .stat-card .stat-num { color: var(--ink-deep) !important; }
body.cream-theme .stat-card div[style*="font-size:13px"] { color: var(--ink-light) !important; }
body.cream-theme .stat-card svg polyline { stroke: var(--gold-accent) !important; opacity: 0.45 !important; }

/* ══════════════ 5. 卡片 ══════════════ */
body.cream-theme .card-stat,
body.cream-theme .card-glass,
body.cream-theme .card,
body.cream-theme .eco-card,
body.cream-theme .industry-card,
body.cream-theme .hero-card {
  background: rgba(255,255,255,0.66) !important;
  border: 1px solid rgba(150,130,110,0.10) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: blur(10px) !important;
}
body.cream-theme .card-stat:hover,
body.cream-theme .card-glass:hover,
body.cream-theme .card:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(192,137,104,0.22) !important;
}
body.cream-theme .card-stat::before {
  background: linear-gradient(90deg, transparent, var(--gold-accent), transparent) !important;
  opacity: 0.4 !important;
}
body.cream-theme .card-stat strong,
body.cream-theme .card-glass strong { color: var(--ink-deep) !important; }

/* ══════════════ 6. 按钮 ══════════════ */
body.cream-theme .btn,
body.cream-theme button {
  border-radius: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  box-shadow: none !important;
}
body.cream-theme .btn-primary {
  background: linear-gradient(135deg, #A98467 0%, #C08968 100%) !important;
  border: none !important;
  color: #FFFBF5 !important;
  box-shadow: 0 6px 20px rgba(169,132,103,0.28) !important;
}
body.cream-theme .btn-primary:hover {
  background: linear-gradient(135deg, #A98467 0%, #B08A6B 100%) !important;
  transform: translateY(-1px) !important;
}
/* 内联紫色渐变按钮 → 竹青 */
body.cream-theme [style*="background:linear-gradient(135deg,#7B2D8E"],
body.cream-theme [style*="background:linear-gradient(135deg, #7B2D8E"],
body.cream-theme [style*="background:linear-gradient(90deg,#7B2D8E"],
body.cream-theme [style*="background:linear-gradient(90deg, #7B2D8E"] {
  background: linear-gradient(135deg, #A98467 0%, #C89B7B 100%) !important;
  color: #FFFBF5 !important;
  border: none !important;
}
/* 内联玫瑰金渐变按钮 → 淡青 */
body.cream-theme [style*="background:linear-gradient(135deg,#D4A574"],
body.cream-theme [style*="background:linear-gradient(135deg, #D4A574"],
body.cream-theme [style*="background:linear-gradient(90deg,#D4A574"],
body.cream-theme [style*="background:linear-gradient(90deg, #D4A574"] {
  background: linear-gradient(135deg, #C89B7B 0%, #E8B4B8 100%) !important;
  color: #FFFBF5 !important;
  border: none !important;
}

/* ══════════════ 7. 表单输入 ══════════════ */
body.cream-theme .form-control,
body.cream-theme .form-select,
body.cream-theme input[type="text"],
body.cream-theme input[type="email"],
body.cream-theme input[type="password"],
body.cream-theme input[type="tel"],
body.cream-theme textarea,
body.cream-theme select {
  background: #ffffff !important;
  border: 1px solid rgba(150,130,110,0.16) !important;
  border-radius: 12px !important;
  color: var(--ink-deep) !important;
  box-shadow: none !important;
}
body.cream-theme .form-control:focus,
body.cream-theme input:focus,
body.cream-theme textarea:focus,
body.cream-theme select:focus {
  border-color: var(--gold-accent) !important;
  box-shadow: 0 0 0 4px rgba(192,137,104,0.12) !important;
  outline: none !important;
}
body.cream-theme input::placeholder,
body.cream-theme textarea::placeholder { color: var(--ink-light) !important; }

/* ══════════════ 8. 表格 ══════════════ */
body.cream-theme table {
  background: rgba(255,255,255,0.7) !important;
  border-radius: 14px !important;
}
body.cream-theme table th {
  background: transparent !important;
  color: var(--ink-light) !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(150,130,110,0.12) !important;
}
body.cream-theme table td {
  color: var(--ink-gray) !important;
  border-color: rgba(150,130,110,0.06) !important;
}
body.cream-theme table tr:hover td { background: rgba(192,137,104,0.05) !important; }

/* ══════════════ 9. 弹窗 ══════════════ */
body.cream-theme .modal-card {
  background: #FFFBF5 !important;
  border: 1px solid rgba(150,130,110,0.12) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(139,107,77,0.18) !important;
}
body.cream-theme .modal-header { border-bottom: 1px solid rgba(150,130,110,0.1) !important; }
body.cream-theme .modal-footer { border-top: 1px solid rgba(150,130,110,0.1) !important; }
body.cream-theme .modal-close {
  border: 1px solid rgba(150,130,110,0.16) !important;
  color: var(--ink-gray) !important;
  background: transparent !important;
}
body.cream-theme .modal-body label { color: var(--ink-gray) !important; }

/* ══════════════ 10. 徽章 / 面包屑 ══════════════ */
body.cream-theme .badge {
  background: rgba(192,137,104,0.12) !important;
  color: var(--gold-accent) !important;
  border-radius: 20px !important;
}
body.cream-theme #breadcrumb { color: var(--ink-light) !important; }

/* ══════════════ 11. 移动端 Tab 栏 ══════════════ */
body.cream-theme .mobile-tab-bar {
  background: rgba(251,249,243,0.86) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(150,130,110,0.12) !important;
}
body.cream-theme .mobile-tab-item { color: var(--ink-light) !important; }
body.cream-theme .mobile-tab-item.active { color: var(--gold-accent) !important; }

/* ══════════════ 12. 滚动条 + 选中 ══════════════ */
body.cream-theme ::-webkit-scrollbar { width: 8px; }
body.cream-theme ::-webkit-scrollbar-track { background: transparent; }
body.cream-theme ::-webkit-scrollbar-thumb {
  background: rgba(150,130,110,0.24) !important;
  border-radius: 4px;
}
body.cream-theme ::-webkit-scrollbar-thumb:hover { background: rgba(150,130,110,0.38) !important; }
body.cream-theme ::selection { background: rgba(192,137,104,0.22) !important; color: var(--ink-deep) !important; }

/* ══════════════ 13. 主题切换按钮 ══════════════ */
#apple-theme-toggle {
  position: fixed !important;
  right: 16px !important;
  bottom: 232px !important;
  z-index: 99990 !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  background: rgba(255,255,255,0.78) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(150,130,110,0.16) !important;
  box-shadow: 0 4px 16px rgba(139,107,77,0.12) !important;
  transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}
#apple-theme-toggle:hover { transform: scale(1.08) !important; }
#apple-theme-toggle svg { width: 20px !important; height: 20px !important; display: block !important; }
body.dark-mode #apple-theme-toggle {
  background: rgba(74,56,40,0.7) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #E8C9A0 !important;
}
body.apple-theme #apple-theme-toggle { color: #1d1d1f !important; }
body.cream-theme #apple-theme-toggle {
  color: var(--gold-accent) !important;
  background: rgba(251,249,243,0.85) !important;
  border-color: rgba(192,137,104,0.28) !important;
  box-shadow: 0 4px 18px rgba(139,107,77,0.14) !important;
}

/* ══════════════ 14. 轻柔动效 ══════════════ */
body.cream-theme .card-stat,
body.cream-theme .card-glass,
body.cream-theme .card {
  transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 0.5s cubic-bezier(0.22, 0.61, 0.36, 1),
              border-color 0.5s ease !important;
}
@keyframes creamFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
body.cream-theme .stat-card {
  animation: creamFadeUp 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
body.cream-theme .stat-card:nth-child(1) { animation-delay: 0.05s; }
body.cream-theme .stat-card:nth-child(2) { animation-delay: 0.12s; }
body.cream-theme .stat-card:nth-child(3) { animation-delay: 0.19s; }
body.cream-theme .stat-card:nth-child(4) { animation-delay: 0.26s; }

/* 墨色晕染入场（首屏文字） */
@keyframes creamInkWash {
  from { opacity: 0; filter: blur(6px); transform: translateY(10px); }
  to   { opacity: 1; filter: blur(0); transform: translateY(0); }
}
body.cream-theme .hero-panel h1 { animation: creamInkWash 1.4s ease both; }
body.cream-theme .hero-panel p  { animation: creamInkWash 1.6s ease both; }

/* ══════════════ 15. 花瓣飘落（由 oriental-theme.js 注入容器） ══════════════ */
.cream-petals {
  position: fixed; inset: 0; pointer-events: none; z-index: 99980; overflow: hidden;
}
.cream-petals i {
  position: absolute; top: -6vh;
  width: 11px; height: 13px;
  background: radial-gradient(circle at 30% 30%, #F8D7DC, #F0B8C0);
  border-radius: 50% 50% 50% 8%;
  opacity: 0;
  animation: creamPetalFall linear infinite;
}
@keyframes creamPetalFall {
  0%   { opacity: 0; transform: translateY(-6vh) translateX(0) rotate(0deg); }
  8%   { opacity: 0.75; }
  100% { opacity: 0; transform: translateY(108vh) translateX(-70px) rotate(320deg); }
}

/* ══════════════ 16. 内联深紫/深色背景兜底清理 → 宣纸 ══════════════ */
body.cream-theme [style*="background:linear-gradient(165deg,rgba(32,12,52"],
body.cream-theme [style*="background:linear-gradient(165deg, rgba(32,12,52"],
body.cream-theme [style*="background:linear-gradient(160deg,#0D0018"],
body.cream-theme [style*="background:linear-gradient(160deg, #0D0018"],
body.cream-theme [style*="background:linear-gradient(150deg, #050010"],
body.cream-theme [style*="background:linear-gradient(180deg,rgba(21,5,32"] {
  background: linear-gradient(160deg, #FFFBF5 0%, #FBF5EC 60%, #F6EEDF 100%) !important;
}
body.cream-theme [style*="background:rgba(212,165,116,0.06"],
body.cream-theme [style*="background:rgba(212,165,116, 0.06"] {
  background: rgba(232,203,176,0.12) !important;
}
body.cream-theme [style*="background:rgba(123,45,142,0.0"] {
  background: rgba(192,137,104,0.06) !important;
}
body.cream-theme [style*="background:rgba(232,200,146,0.06"] {
  background: rgba(232,203,176,0.1) !important;
}
/* 深色遮罩/教练弹层 → 宣纸（含空格/无空格两种写法） */
body.cream-theme [style*="background:rgba(10,0,20"],
body.cream-theme [style*="background:rgba(10, 0, 20"],
body.cream-theme [style*="background: rgba(10,0,20"],
body.cream-theme [style*="background: rgba(10, 0, 20"],
body.cream-theme [style*="background:rgba(21,5,32"],
body.cream-theme [style*="background: rgba(21,5,32"],
body.cream-theme [style*="background: rgba(21, 5, 32"],
body.cream-theme [style*="background:rgba(26,10,48"],
body.cream-theme [style*="background: rgba(26,10,48"],
body.cream-theme [style*="background: rgba(26, 10, 48"] {
  background: rgba(251,249,243,0.96) !important;
}

/* 教练欢迎弹层（#coach-welcome）整体 → 宣纸 + 墨字 */
body.cream-theme #coach-welcome {
  background: rgba(251,249,243,0.96) !important;
}
body.cream-theme #coach-welcome h1,
body.cream-theme #coach-welcome h2,
body.cream-theme #coach-welcome h3 {
  color: var(--ink-deep) !important;
}
body.cream-theme #coach-welcome [style*="color:#D4A574"],
body.cream-theme #coach-welcome [style*="color: #D4A574"] {
  color: var(--gold-accent) !important;
}

/* 响应式：移动端切换按钮位置 */
@media (max-width: 767px) {
  #apple-theme-toggle { right: 12px !important; bottom: 220px !important; }
}

/* ══════════════ 15. 侧边栏三段主题分段控件（奶油配色） ══════════════ */
body.cream-theme .theme-switcher { border-top: 1px solid rgba(192,137,104,0.14); }
body.cream-theme .theme-switcher-seg { background: rgba(192,137,104,0.06); border: 1px solid rgba(192,137,104,0.18); }
body.cream-theme .theme-switcher-seg .seg-btn { color: var(--ink-gray); }
body.cream-theme .theme-switcher-seg .seg-btn:hover { color: var(--gold-accent); }
body.cream-theme .theme-switcher-seg .seg-btn.active { background: linear-gradient(135deg, #A98467, #E8CBB0); color: #fff; box-shadow: 0 2px 8px rgba(169,132,103,0.28); }

/* ══════════════ 17. 硬编码玫瑰金渐变文字 + 紫金渐变元素 兜底清理（奶油配色） ══════════════ */
/* 反制 typography-final.css / premium-pro.css 中 ID 级 !important 的硬编码金色 */

/* 17.1 所有标题：强制墨色，干掉渐变文字技法 */
body.cream-theme h1, body.cream-theme h2, body.cream-theme h3,
body.cream-theme h4, body.cream-theme h5, body.cream-theme h6 {
  color: var(--ink-deep) !important;
  -webkit-text-fill-color: var(--ink-deep) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  animation: none !important;
}
/* 反制 typography-final.css #page-content h2[style*="background:linear-gradient"]（1,1,1） */
body.cream-theme #page-content h1[style*="background:linear-gradient"],
body.cream-theme #page-content h1[style*="background: linear-gradient"],
body.cream-theme #page-content h2[style*="background:linear-gradient"],
body.cream-theme #page-content h2[style*="background: linear-gradient"],
body.cream-theme #page-content h3[style*="background:linear-gradient"],
body.cream-theme #page-content h3[style*="background: linear-gradient"] {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--ink-deep) !important;
  color: var(--ink-deep) !important;
}

/* 17.2 侧边栏 Logo 渐变文字 → 墨色（含 ® 上标） */
body.cream-theme .sidebar .logo h1,
body.cream-theme .sidebar .logo h2,
body.cream-theme .sidebar .logo h3,
body.cream-theme .sidebar .logo h2 sup {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--ink-deep) !important;
  color: var(--ink-deep) !important;
  text-shadow: none !important;
  filter: none !important;
}

/* 17.3 所有渐变文字元素（.premium-gold-text 及带 background-clip:text 的）→ 墨色 */
body.cream-theme .premium-gold-text,
body.cream-theme [style*="background-clip:text"],
body.cream-theme [style*="background-clip: text"],
body.cream-theme [style*="-webkit-background-clip:text"],
body.cream-theme [style*="-webkit-background-clip: text"] {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--ink-deep) !important;
  color: var(--ink-deep) !important;
  animation: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* 17.4 主按钮/登录按钮：紫金渐变 → 竹青（反制 typography-final #page-content button[style*=...7B2D8E] 1,1,1） */
body.cream-theme .btn-primary,
body.cream-theme .btn-login,
body.cream-theme .btn-cta,
body.cream-theme .fed-btn,
body.cream-theme #page-content button[style*="background:linear-gradient(135deg,#7B2D8E"],
body.cream-theme #page-content a[style*="background:linear-gradient(135deg,#7B2D8E"],
body.cream-theme #page-content button[style*="background:linear-gradient(135deg, #7B2D8E"],
body.cream-theme #page-content a[style*="background:linear-gradient(135deg, #7B2D8E"] {
  background: linear-gradient(135deg, #A98467 0%, #C89B7B 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(169,132,103,0.28) !important;
  border: none !important;
}
body.cream-theme .btn-gold {
  background: linear-gradient(135deg, #C08968 0%, #E8B4B8 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 18px rgba(192,137,104,0.26) !important;
}

/* 17.5 浮动按钮（教练/分享/回顶/客服）：紫金/玫金 → 竹青 */
body.cream-theme #coach-fab, body.cream-theme .coach-fab,
body.cream-theme #share-float-btn, body.cream-theme .share-float-btn,
body.cream-theme #back-to-top, body.cream-theme .back-to-top {
  background: linear-gradient(135deg, #A98467 0%, #E8CBB0 100%) !important;
  box-shadow: 0 6px 20px rgba(169,132,103,0.30) !important;
}
body.cream-theme #coach-fab-badge, body.cream-theme .coach-fab-badge {
  background: linear-gradient(135deg, #D4899B 0%, #F5C6D0 100%) !important;
}
body.cream-theme #cs-bubble, body.cream-theme .cs-bubble {
  background: linear-gradient(135deg, #C08968 0%, #E8B4B8 100%) !important;
}

/* 17.6 内联深紫面板/面包屑 → 宣纸 */
body.cream-theme [style*="linear-gradient(135deg,#2A0E3D"],
body.cream-theme [style*="linear-gradient(135deg, #2A0E3D"],
body.cream-theme [style*="linear-gradient(135deg,#4A1550"],
body.cream-theme [style*="linear-gradient(135deg, #4A1550"],
body.cream-theme [style*="linear-gradient(135deg,#6B1D6E"],
body.cream-theme [style*="linear-gradient(135deg, #6B1D6E"] {
  background: linear-gradient(135deg, #FFFBF5 0%, #FBF5EC 60%, #F6EEDF 100%) !important;
  border-color: rgba(192,137,104,0.22) !important;
  box-shadow: 0 8px 26px rgba(139,107,77,0.10) !important;
}
body.cream-theme .breadcrumb-bar,
body.cream-theme [style*="linear-gradient(rgba(21, 5, 32"],
body.cream-theme [style*="linear-gradient(rgba(21,5,32"],
body.cream-theme [style*="linear-gradient(rgba(26, 10, 48"],
body.cream-theme [style*="linear-gradient(rgba(26,10,48"] {
  background: rgba(251,249,243,0.92) !important;
  color: var(--ink-gray) !important;
}

/* 17.7 内联紫金渐变（浮动按钮通用兜底）→ 竹青 */
body.cream-theme [style*="linear-gradient(135deg,#7B2D8E,#D4A574"],
body.cream-theme [style*="linear-gradient(135deg, #7B2D8E, #D4A574"],
body.cream-theme [style*="linear-gradient(135deg,#D8B56A"],
body.cream-theme [style*="linear-gradient(135deg, #D8B56A"],
body.cream-theme [style*="linear-gradient(135deg,#BE185D"],
body.cream-theme [style*="linear-gradient(135deg, #BE185D"],
body.cream-theme [style*="linear-gradient(135deg,#D4784C"],
body.cream-theme [style*="linear-gradient(135deg, #D4784C"] {
  background: linear-gradient(135deg, #A98467 0%, #E8CBB0 100%) !important;
}

/* 17.8 金色低透明度装饰 rgba(212,165,116,*) / rgba(232,201,160,*) → 竹青 */
body.cream-theme [style*="rgba(212,165,116,0.1"],
body.cream-theme [style*="rgba(212,165,116, 0.1"],
body.cream-theme [style*="rgba(212,165,116,0.2"],
body.cream-theme [style*="rgba(212,165,116, 0.2"],
body.cream-theme [style*="rgba(232,201,160,0."],
body.cream-theme [style*="rgba(232,201,160, 0."],
body.cream-theme [style*="rgba(232,200,146,0."],
body.cream-theme [style*="rgba(232,200,146, 0."] {
  background-color: rgba(192,137,104,0.10) !important;
  border-color: rgba(192,137,104,0.22) !important;
}

/* 17.9 花瓣/进度条：玫瑰金 → 荷粉/竹青 */
body.cream-theme .qxnlm-petal,
body.cream-theme .qxnlmScrollProgress,
body.cream-theme #qxnlmScrollProgress {
  background: linear-gradient(90deg, #C08968 0%, #E8B4B8 100%) !important;
}
body.cream-theme .qxnlm-petal {
  background: radial-gradient(circle at 30% 30%, #F8D7DC, #F0B8C0) !important;
}

/* ══════════════ 18. 标题 color 兜底（反制 typography-final.css:41 的 #page-content h* color:gold） ══════════════ */
body.cream-theme #page-content h1,
body.cream-theme #page-content h2,
body.cream-theme #page-content h3,
body.cream-theme #page-content h4,
body.cream-theme #page-content h5,
body.cream-theme #page-content h6,
body.cream-theme h1, body.cream-theme h2, body.cream-theme h3,
body.cream-theme h4, body.cream-theme h5, body.cream-theme h6 {
  color: var(--ink-deep) !important;
  -webkit-text-fill-color: var(--ink-deep) !important;
}

/* ══════════════ 19. 内页深色背景兜底清理（app_v36.js / 各 JS 模板硬编码深色） ══════════════ */
/* 把内页 JS 模板里硬编码的深紫/深蓝/深灰/暖梅子紫背景，在奶油甜心主题下统一替换为宣纸浅色。 */
/* #page-content 前缀用于反制 typography-final.css 的 ID 级 !important 暖梅子紫规则。 */

/* 19.1 深色背景（渐变+纯色统一）→ 宣纸（通用 + 内页 ID 级双覆盖） */
body.cream-theme [style*="background"][style*="#001020" i],
body.cream-theme [style*="background"][style*="#001530" i],
body.cream-theme [style*="background"][style*="#050010" i],
body.cream-theme [style*="background"][style*="#060012" i],
body.cream-theme [style*="background"][style*="#080015" i],
body.cream-theme [style*="background"][style*="#0A0014" i],
body.cream-theme [style*="background"][style*="#0A0015" i],
body.cream-theme [style*="background"][style*="#0A0018" i],
body.cream-theme [style*="background"][style*="#0A0020" i],
body.cream-theme [style*="background"][style*="#0A0A0F" i],
body.cream-theme [style*="background"][style*="#0A1628" i],
body.cream-theme [style*="background"][style*="#0A1A3A" i],
body.cream-theme [style*="background"][style*="#0A2A4A" i],
body.cream-theme [style*="background"][style*="#0A3A6A" i],
body.cream-theme [style*="background"][style*="#0D0018" i],
body.cream-theme [style*="background"][style*="#0D0020" i],
body.cream-theme [style*="background"][style*="#0D2B45" i],
body.cream-theme [style*="background"][style*="#0D2B4D" i],
body.cream-theme [style*="background"][style*="#0D4F8E" i],
body.cream-theme [style*="background"][style*="#120022" i],
body.cream-theme [style*="background"][style*="#120028" i],
body.cream-theme [style*="background"][style*="#120625" i],
body.cream-theme [style*="background"][style*="#121212" i],
body.cream-theme [style*="background"][style*="#150520" i],
body.cream-theme [style*="background"][style*="#150528" i],
body.cream-theme [style*="background"][style*="#1A0010" i],
body.cream-theme [style*="background"][style*="#1A0A18" i],
body.cream-theme [style*="background"][style*="#1A0A1E" i],
body.cream-theme [style*="background"][style*="#1A0A2E" i],
body.cream-theme [style*="background"][style*="#1A1A2E" i],
body.cream-theme [style*="background"][style*="#1A2A4A" i],
body.cream-theme [style*="background"][style*="#1A3A5C" i],
body.cream-theme [style*="background"][style*="#1D1D1F" i],
body.cream-theme [style*="background"][style*="#1E0E36" i],
body.cream-theme [style*="background"][style*="#200E1E" i],
body.cream-theme [style*="background"][style*="#22101F" i],
body.cream-theme [style*="background"][style*="#261226" i],
body.cream-theme [style*="background"][style*="#271525" i],
body.cream-theme [style*="background"][style*="#2A0E3D" i],
body.cream-theme [style*="background"][style*="#2A1045" i],
body.cream-theme [style*="background"][style*="#2C1628" i],
body.cream-theme [style*="background"][style*="#2D0028" i],
body.cream-theme [style*="background"][style*="#2D0A3E" i],
body.cream-theme [style*="background"][style*="#2D1B4E" i],
body.cream-theme [style*="background"][style*="#2D2D44" i],
body.cream-theme [style*="background"][style*="#36203A" i],
body.cream-theme [style*="background"][style*="#3A2138" i],
body.cream-theme [style*="background"][style*="#3A2A5A" i],
body.cream-theme [style*="background"][style*="#3D0F3E" i],
body.cream-theme [style*="background"][style*="#3D1B4E" i],
body.cream-theme [style*="background"][style*="#3D1B5E" i],
body.cream-theme [style*="background"][style*="#3D1E2E" i],
body.cream-theme [style*="background"][style*="#3D1E4E" i],
body.cream-theme [style*="background"][style*="#3D1E5A" i],
body.cream-theme [style*="background"][style*="#3D2B5E" i],
body.cream-theme [style*="background"][style*="#424245" i],
body.cream-theme [style*="background"][style*="#4A1040" i],
body.cream-theme [style*="background"][style*="#4A154B" i],
body.cream-theme [style*="background"][style*="#4A1550" i],
body.cream-theme [style*="background"][style*="#4A1860" i],
body.cream-theme [style*="background"][style*="#4A2A42" i],
body.cream-theme [style*="background"][style*="#4A3A6A" i],
body.cream-theme [style*="background"][style*="#5A3A5E" i],
body.cream-theme [style*="background"][style*="#5B2D8E" i],
body.cream-theme [style*="background"][style*="#5C2D6E" i],
body.cream-theme [style*="background"][style*="#5C3D5E" i],
body.cream-theme [style*="background"][style*="#6B1850" i],
body.cream-theme [style*="background"][style*="#6B1D6E" i],
body.cream-theme [style*="background"][style*="#8B2252" i],
body.cream-theme #page-content [style*="background"][style*="#001020" i],
body.cream-theme #page-content [style*="background"][style*="#001530" i],
body.cream-theme #page-content [style*="background"][style*="#050010" i],
body.cream-theme #page-content [style*="background"][style*="#060012" i],
body.cream-theme #page-content [style*="background"][style*="#080015" i],
body.cream-theme #page-content [style*="background"][style*="#0A0014" i],
body.cream-theme #page-content [style*="background"][style*="#0A0015" i],
body.cream-theme #page-content [style*="background"][style*="#0A0018" i],
body.cream-theme #page-content [style*="background"][style*="#0A0020" i],
body.cream-theme #page-content [style*="background"][style*="#0A0A0F" i],
body.cream-theme #page-content [style*="background"][style*="#0A1628" i],
body.cream-theme #page-content [style*="background"][style*="#0A1A3A" i],
body.cream-theme #page-content [style*="background"][style*="#0A2A4A" i],
body.cream-theme #page-content [style*="background"][style*="#0A3A6A" i],
body.cream-theme #page-content [style*="background"][style*="#0D0018" i],
body.cream-theme #page-content [style*="background"][style*="#0D0020" i],
body.cream-theme #page-content [style*="background"][style*="#0D2B45" i],
body.cream-theme #page-content [style*="background"][style*="#0D2B4D" i],
body.cream-theme #page-content [style*="background"][style*="#0D4F8E" i],
body.cream-theme #page-content [style*="background"][style*="#120022" i],
body.cream-theme #page-content [style*="background"][style*="#120028" i],
body.cream-theme #page-content [style*="background"][style*="#120625" i],
body.cream-theme #page-content [style*="background"][style*="#121212" i],
body.cream-theme #page-content [style*="background"][style*="#150520" i],
body.cream-theme #page-content [style*="background"][style*="#150528" i],
body.cream-theme #page-content [style*="background"][style*="#1A0010" i],
body.cream-theme #page-content [style*="background"][style*="#1A0A18" i],
body.cream-theme #page-content [style*="background"][style*="#1A0A1E" i],
body.cream-theme #page-content [style*="background"][style*="#1A0A2E" i],
body.cream-theme #page-content [style*="background"][style*="#1A1A2E" i],
body.cream-theme #page-content [style*="background"][style*="#1A2A4A" i],
body.cream-theme #page-content [style*="background"][style*="#1A3A5C" i],
body.cream-theme #page-content [style*="background"][style*="#1D1D1F" i],
body.cream-theme #page-content [style*="background"][style*="#1E0E36" i],
body.cream-theme #page-content [style*="background"][style*="#200E1E" i],
body.cream-theme #page-content [style*="background"][style*="#22101F" i],
body.cream-theme #page-content [style*="background"][style*="#261226" i],
body.cream-theme #page-content [style*="background"][style*="#271525" i],
body.cream-theme #page-content [style*="background"][style*="#2A0E3D" i],
body.cream-theme #page-content [style*="background"][style*="#2A1045" i],
body.cream-theme #page-content [style*="background"][style*="#2C1628" i],
body.cream-theme #page-content [style*="background"][style*="#2D0028" i],
body.cream-theme #page-content [style*="background"][style*="#2D0A3E" i],
body.cream-theme #page-content [style*="background"][style*="#2D1B4E" i],
body.cream-theme #page-content [style*="background"][style*="#2D2D44" i],
body.cream-theme #page-content [style*="background"][style*="#36203A" i],
body.cream-theme #page-content [style*="background"][style*="#3A2138" i],
body.cream-theme #page-content [style*="background"][style*="#3A2A5A" i],
body.cream-theme #page-content [style*="background"][style*="#3D0F3E" i],
body.cream-theme #page-content [style*="background"][style*="#3D1B4E" i],
body.cream-theme #page-content [style*="background"][style*="#3D1B5E" i],
body.cream-theme #page-content [style*="background"][style*="#3D1E2E" i],
body.cream-theme #page-content [style*="background"][style*="#3D1E4E" i],
body.cream-theme #page-content [style*="background"][style*="#3D1E5A" i],
body.cream-theme #page-content [style*="background"][style*="#3D2B5E" i],
body.cream-theme #page-content [style*="background"][style*="#424245" i],
body.cream-theme #page-content [style*="background"][style*="#4A1040" i],
body.cream-theme #page-content [style*="background"][style*="#4A154B" i],
body.cream-theme #page-content [style*="background"][style*="#4A1550" i],
body.cream-theme #page-content [style*="background"][style*="#4A1860" i],
body.cream-theme #page-content [style*="background"][style*="#4A2A42" i],
body.cream-theme #page-content [style*="background"][style*="#4A3A6A" i],
body.cream-theme #page-content [style*="background"][style*="#5A3A5E" i],
body.cream-theme #page-content [style*="background"][style*="#5B2D8E" i],
body.cream-theme #page-content [style*="background"][style*="#5C2D6E" i],
body.cream-theme #page-content [style*="background"][style*="#5C3D5E" i],
body.cream-theme #page-content [style*="background"][style*="#6B1850" i],
body.cream-theme #page-content [style*="background"][style*="#6B1D6E" i],
body.cream-theme #page-content [style*="background"][style*="#8B2252" i] {
  background: linear-gradient(160deg, #FFFBF5 0%, #FBF5EC 50%, #F6EEDF 100%) !important;
  background-image: none !important;
}


/* ══════════════ 20. 玫瑰金/紫/玫红低透明度装饰 → 竹青 ══════════════ */
body.cream-theme [style*="rgba(123,45,142,0."],
body.cream-theme [style*="rgba(123, 45, 142, 0."],
body.cream-theme [style*="rgba(107,29,110,0."],
body.cream-theme [style*="rgba(107, 29, 110, 0."],
body.cream-theme [style*="rgba(232,160,160,0."],
body.cream-theme [style*="rgba(232, 160, 160, 0."],
body.cream-theme [style*="rgba(212,120,76,0."],
body.cream-theme [style*="rgba(212, 120, 76, 0."],
body.cream-theme [style*="rgba(212,165,116,0."],
body.cream-theme [style*="rgba(212, 165, 116, 0."],
body.cream-theme [style*="rgba(232,201,160,0."],
body.cream-theme [style*="rgba(232, 201, 160, 0."],
body.cream-theme [style*="rgba(232,200,146,0."],
body.cream-theme [style*="rgba(232, 200, 146, 0."] {
  background-color: rgba(192,137,104,0.10) !important;
  border-color: rgba(192,137,104,0.20) !important;
}

/* ══════════════ 21. Hero 远山背景最高优先级（反制 19 段兜底清理误伤） ══════════════ */
body.cream-theme #page-content .hero-panel[style] {
  background:
    linear-gradient(180deg, rgba(251,249,243,0.6) 0%, rgba(251,249,243,0) 40%),
    url("/assets/cream-bokeh.svg") bottom center / cover no-repeat,
    linear-gradient(180deg, #FFFBF5 0%, #FBF5EC 55%, #F6EEDF 100%) !important;
}

/* ══════════════ 22. 全站深色背景兜底清理（补充 19 段遗漏的所有模块深色） ══════════════ */
/* 覆盖各 JS 模板（lixiaomi/七仙女/八仙/茗医生/沙龙/小程序/我的中心/成长中心等）硬编码深色 */
body.cream-theme [style*="background"][style*="#001A0A" i],
body.cream-theme [style*="background"][style*="#002A15" i],
body.cream-theme [style*="background"][style*="#00695C" i],
body.cream-theme [style*="background"][style*="#020008" i],
body.cream-theme [style*="background"][style*="#040010" i],
body.cream-theme [style*="background"][style*="#060010" i],
body.cream-theme [style*="background"][style*="#064E3B" i],
body.cream-theme [style*="background"][style*="#0A0312" i],
body.cream-theme [style*="background"][style*="#0A0812" i],
body.cream-theme [style*="background"][style*="#0A1F0A" i],
body.cream-theme [style*="background"][style*="#0A3520" i],
body.cream-theme [style*="background"][style*="#0A3D20" i],
body.cream-theme [style*="background"][style*="#0B0020" i],
body.cream-theme [style*="background"][style*="#0C0022" i],
body.cream-theme [style*="background"][style*="#0D0022" i],
body.cream-theme [style*="background"][style*="#0D47A1" i],
body.cream-theme [style*="background"][style*="#0E0320" i],
body.cream-theme [style*="background"][style*="#0F3460" i],
body.cream-theme [style*="background"][style*="#120428" i],
body.cream-theme [style*="background"][style*="#123A12" i],
body.cream-theme [style*="background"][style*="#140722" i],
body.cream-theme [style*="background"][style*="#150030" i],
body.cream-theme [style*="background"][style*="#150535" i],
body.cream-theme [style*="background"][style*="#155030" i],
body.cream-theme [style*="background"][style*="#160030" i],
body.cream-theme [style*="background"][style*="#160A22" i],
body.cream-theme [style*="background"][style*="#16213E" i],
body.cream-theme [style*="background"][style*="#1A0008" i],
body.cream-theme [style*="background"][style*="#1A0015" i],
body.cream-theme [style*="background"][style*="#1A0030" i],
body.cream-theme [style*="background"][style*="#1A052E" i],
body.cream-theme [style*="background"][style*="#1A0830" i],
body.cream-theme [style*="background"][style*="#1A0A30" i],
body.cream-theme [style*="background"][style*="#1A0A38" i],
body.cream-theme [style*="background"][style*="#1A0A40" i],
body.cream-theme [style*="background"][style*="#1A0E38" i],
body.cream-theme [style*="background"][style*="#1A3A2A" i],
body.cream-theme [style*="background"][style*="#1A4A30" i],
body.cream-theme [style*="background"][style*="#1C0038" i],
body.cream-theme [style*="background"][style*="#1E0E30" i],
body.cream-theme [style*="background"][style*="#1E5A1E" i],
body.cream-theme [style*="background"][style*="#1F0A35" i],
body.cream-theme [style*="background"][style*="#200500" i],
body.cream-theme [style*="background"][style*="#22223A" i],
body.cream-theme [style*="background"][style*="#260055" i],
body.cream-theme [style*="background"][style*="#2A0E50" i],
body.cream-theme [style*="background"][style*="#2A1020" i],
body.cream-theme [style*="background"][style*="#2A1040" i],
body.cream-theme [style*="background"][style*="#2A1242" i],
body.cream-theme [style*="background"][style*="#2A1548" i],
body.cream-theme [style*="background"][style*="#2A1A4A" i],
body.cream-theme [style*="background"][style*="#2A2A44" i],
body.cream-theme [style*="background"][style*="#2A3A1A" i],
body.cream-theme [style*="background"][style*="#2D0020" i],
body.cream-theme [style*="background"][style*="#2D0050" i],
body.cream-theme [style*="background"][style*="#2D1548" i],
body.cream-theme [style*="background"][style*="#2D1560" i],
body.cream-theme [style*="background"][style*="#2E0A1E" i],
body.cream-theme [style*="background"][style*="#2E0A4E" i],
body.cream-theme [style*="background"][style*="#2E1A00" i],
body.cream-theme [style*="background"][style*="#2E1A05" i],
body.cream-theme [style*="background"][style*="#323255" i],
body.cream-theme [style*="background"][style*="#34184E" i],
body.cream-theme [style*="background"][style*="#3A1050" i],
body.cream-theme [style*="background"][style*="#3A1850" i],
body.cream-theme [style*="background"][style*="#3A1A3A" i],
body.cream-theme [style*="background"][style*="#3A1A5A" i],
body.cream-theme [style*="background"][style*="#3D0020" i],
body.cream-theme [style*="background"][style*="#3D1025" i],
body.cream-theme [style*="background"][style*="#3D2A1A" i],
body.cream-theme [style*="background"][style*="#3D2A4A" i],
body.cream-theme [style*="background"][style*="#400A00" i],
body.cream-theme [style*="background"][style*="#4A0060" i],
body.cream-theme [style*="background"][style*="#4A1035" i],
body.cream-theme [style*="background"][style*="#4A127A" i],
body.cream-theme [style*="background"][style*="#4A1535" i],
body.cream-theme [style*="background"][style*="#4A1850" i],
body.cream-theme [style*="background"][style*="#4A1A55" i],
body.cream-theme [style*="background"][style*="#4A1A5E" i],
body.cream-theme [style*="background"][style*="#4A2D7A" i],
body.cream-theme [style*="background"][style*="#4A3A5A" i],
body.cream-theme [style*="background"][style*="#4A4A5A" i],
body.cream-theme [style*="background"][style*="#4E1B3A" i],
body.cream-theme [style*="background"][style*="#4E2D0A" i],
body.cream-theme [style*="background"][style*="#5B1A6E" i],
body.cream-theme [style*="background"][style*="#5B2C5E" i],
body.cream-theme [style*="background"][style*="#5C1040" i],
body.cream-theme [style*="background"][style*="#5C1A6E" i],
body.cream-theme [style*="background"][style*="#601500" i],
body.cream-theme [style*="background"][style*="#6A1B9A" i],
body.cream-theme [style*="background"][style*="#6B2050" i],
body.cream-theme [style*="background"][style*="#7A2D5C" i],
body.cream-theme [style*="background"][style*="#831843" i],
body.cream-theme [style*="background"][style*="#8B1850" i],
body.cream-theme #page-content [style*="background"][style*="#001A0A" i],
body.cream-theme #page-content [style*="background"][style*="#002A15" i],
body.cream-theme #page-content [style*="background"][style*="#00695C" i],
body.cream-theme #page-content [style*="background"][style*="#020008" i],
body.cream-theme #page-content [style*="background"][style*="#040010" i],
body.cream-theme #page-content [style*="background"][style*="#060010" i],
body.cream-theme #page-content [style*="background"][style*="#064E3B" i],
body.cream-theme #page-content [style*="background"][style*="#0A0312" i],
body.cream-theme #page-content [style*="background"][style*="#0A0812" i],
body.cream-theme #page-content [style*="background"][style*="#0A1F0A" i],
body.cream-theme #page-content [style*="background"][style*="#0A3520" i],
body.cream-theme #page-content [style*="background"][style*="#0A3D20" i],
body.cream-theme #page-content [style*="background"][style*="#0B0020" i],
body.cream-theme #page-content [style*="background"][style*="#0C0022" i],
body.cream-theme #page-content [style*="background"][style*="#0D0022" i],
body.cream-theme #page-content [style*="background"][style*="#0D47A1" i],
body.cream-theme #page-content [style*="background"][style*="#0E0320" i],
body.cream-theme #page-content [style*="background"][style*="#0F3460" i],
body.cream-theme #page-content [style*="background"][style*="#120428" i],
body.cream-theme #page-content [style*="background"][style*="#123A12" i],
body.cream-theme #page-content [style*="background"][style*="#140722" i],
body.cream-theme #page-content [style*="background"][style*="#150030" i],
body.cream-theme #page-content [style*="background"][style*="#150535" i],
body.cream-theme #page-content [style*="background"][style*="#155030" i],
body.cream-theme #page-content [style*="background"][style*="#160030" i],
body.cream-theme #page-content [style*="background"][style*="#160A22" i],
body.cream-theme #page-content [style*="background"][style*="#16213E" i],
body.cream-theme #page-content [style*="background"][style*="#1A0008" i],
body.cream-theme #page-content [style*="background"][style*="#1A0015" i],
body.cream-theme #page-content [style*="background"][style*="#1A0030" i],
body.cream-theme #page-content [style*="background"][style*="#1A052E" i],
body.cream-theme #page-content [style*="background"][style*="#1A0830" i],
body.cream-theme #page-content [style*="background"][style*="#1A0A30" i],
body.cream-theme #page-content [style*="background"][style*="#1A0A38" i],
body.cream-theme #page-content [style*="background"][style*="#1A0A40" i],
body.cream-theme #page-content [style*="background"][style*="#1A0E38" i],
body.cream-theme #page-content [style*="background"][style*="#1A3A2A" i],
body.cream-theme #page-content [style*="background"][style*="#1A4A30" i],
body.cream-theme #page-content [style*="background"][style*="#1C0038" i],
body.cream-theme #page-content [style*="background"][style*="#1E0E30" i],
body.cream-theme #page-content [style*="background"][style*="#1E5A1E" i],
body.cream-theme #page-content [style*="background"][style*="#1F0A35" i],
body.cream-theme #page-content [style*="background"][style*="#200500" i],
body.cream-theme #page-content [style*="background"][style*="#22223A" i],
body.cream-theme #page-content [style*="background"][style*="#260055" i],
body.cream-theme #page-content [style*="background"][style*="#2A0E50" i],
body.cream-theme #page-content [style*="background"][style*="#2A1020" i],
body.cream-theme #page-content [style*="background"][style*="#2A1040" i],
body.cream-theme #page-content [style*="background"][style*="#2A1242" i],
body.cream-theme #page-content [style*="background"][style*="#2A1548" i],
body.cream-theme #page-content [style*="background"][style*="#2A1A4A" i],
body.cream-theme #page-content [style*="background"][style*="#2A2A44" i],
body.cream-theme #page-content [style*="background"][style*="#2A3A1A" i],
body.cream-theme #page-content [style*="background"][style*="#2D0020" i],
body.cream-theme #page-content [style*="background"][style*="#2D0050" i],
body.cream-theme #page-content [style*="background"][style*="#2D1548" i],
body.cream-theme #page-content [style*="background"][style*="#2D1560" i],
body.cream-theme #page-content [style*="background"][style*="#2E0A1E" i],
body.cream-theme #page-content [style*="background"][style*="#2E0A4E" i],
body.cream-theme #page-content [style*="background"][style*="#2E1A00" i],
body.cream-theme #page-content [style*="background"][style*="#2E1A05" i],
body.cream-theme #page-content [style*="background"][style*="#323255" i],
body.cream-theme #page-content [style*="background"][style*="#34184E" i],
body.cream-theme #page-content [style*="background"][style*="#3A1050" i],
body.cream-theme #page-content [style*="background"][style*="#3A1850" i],
body.cream-theme #page-content [style*="background"][style*="#3A1A3A" i],
body.cream-theme #page-content [style*="background"][style*="#3A1A5A" i],
body.cream-theme #page-content [style*="background"][style*="#3D0020" i],
body.cream-theme #page-content [style*="background"][style*="#3D1025" i],
body.cream-theme #page-content [style*="background"][style*="#3D2A1A" i],
body.cream-theme #page-content [style*="background"][style*="#3D2A4A" i],
body.cream-theme #page-content [style*="background"][style*="#400A00" i],
body.cream-theme #page-content [style*="background"][style*="#4A0060" i],
body.cream-theme #page-content [style*="background"][style*="#4A1035" i],
body.cream-theme #page-content [style*="background"][style*="#4A127A" i],
body.cream-theme #page-content [style*="background"][style*="#4A1535" i],
body.cream-theme #page-content [style*="background"][style*="#4A1850" i],
body.cream-theme #page-content [style*="background"][style*="#4A1A55" i],
body.cream-theme #page-content [style*="background"][style*="#4A1A5E" i],
body.cream-theme #page-content [style*="background"][style*="#4A2D7A" i],
body.cream-theme #page-content [style*="background"][style*="#4A3A5A" i],
body.cream-theme #page-content [style*="background"][style*="#4A4A5A" i],
body.cream-theme #page-content [style*="background"][style*="#4E1B3A" i],
body.cream-theme #page-content [style*="background"][style*="#4E2D0A" i],
body.cream-theme #page-content [style*="background"][style*="#5B1A6E" i],
body.cream-theme #page-content [style*="background"][style*="#5B2C5E" i],
body.cream-theme #page-content [style*="background"][style*="#5C1040" i],
body.cream-theme #page-content [style*="background"][style*="#5C1A6E" i],
body.cream-theme #page-content [style*="background"][style*="#601500" i],
body.cream-theme #page-content [style*="background"][style*="#6A1B9A" i],
body.cream-theme #page-content [style*="background"][style*="#6B2050" i],
body.cream-theme #page-content [style*="background"][style*="#7A2D5C" i],
body.cream-theme #page-content [style*="background"][style*="#831843" i],
body.cream-theme #page-content [style*="background"][style*="#8B1850" i] {
  background: linear-gradient(160deg, #FFFBF5 0%, #FBF5EC 50%, #F6EEDF 100%) !important;
  background-image: none !important;
}
/* ══════════════ 23. CSS class 深色背景 + 紫色装饰兜底（奶油配色） ══════════════ */

/* 23.1 页面 hero class（.hero-gradient/.fed-hero/.hf-hero）→ 宣纸（含 #page-content ID 级反制 !important） */
body.cream-theme .hero-gradient,
body.cream-theme .fed-hero,
body.cream-theme .hf-hero,
body.cream-theme #page-content .hero-gradient,
body.cream-theme #page-content .fed-hero,
body.cream-theme #page-content .hf-hero {
  background: linear-gradient(160deg, #FFFBF5 0%, #FBF5EC 50%, #F6EEDF 100%) !important;
  background-image: linear-gradient(160deg, #FFFBF5 0%, #FBF5EC 50%, #F6EEDF 100%) !important;
  color: var(--ink-deep) !important;
  box-shadow: 0 18px 60px rgba(139,107,77,0.10), 0 2px 8px rgba(139,107,77,0.04) !important;
}
body.cream-theme .hero-gradient::before,
body.cream-theme .fed-hero::before,
body.cream-theme .hf-hero::before {
  background: none !important;
  background-image: none !important;
}
/* hero 内白字 → 墨字 */
body.cream-theme .hero-gradient h1,
body.cream-theme .hero-gradient h2,
body.cream-theme .hero-gradient h3,
body.cream-theme .hero-gradient p,
body.cream-theme .fed-hero h1, body.cream-theme .fed-hero h2, body.cream-theme .fed-hero h3, body.cream-theme .fed-hero p,
body.cream-theme .hf-hero h1, body.cream-theme .hf-hero h2, body.cream-theme .hf-hero h3, body.cream-theme .hf-hero p {
  color: var(--ink-deep) !important;
  -webkit-text-fill-color: var(--ink-deep) !important;
  text-shadow: none !important;
}

/* 23.2 实心紫徽章/图标/圆点背景 → 竹青（内联 + class） */
body.cream-theme [style*="background:#7B2D8E" i],
body.cream-theme [style*="background: #7B2D8E" i],
body.cream-theme [style*="background-color:#7B2D8E" i],
body.cream-theme [style*="background-color: #7B2D8E" i],
body.cream-theme [style*="background:rgb(123,45,142)" i],
body.cream-theme [style*="background: rgb(123, 45, 142)" i],
body.cream-theme .badge-queen {
  background: linear-gradient(135deg, #A98467 0%, #C89B7B 100%) !important;
  background-color: #A98467 !important;
  color: #fff !important;
}

/* 23.3 紫色/粉色/玫红 rgba tint 渐变装饰（含 background 渐变，非仅 background-color）→ 竹青淡 */
body.cream-theme [style*="background"][style*="rgba(123,45,142,0." i],
body.cream-theme [style*="background"][style*="rgba(123, 45, 142, 0." i],
body.cream-theme [style*="background"][style*="rgba(107,29,110,0." i],
body.cream-theme [style*="background"][style*="rgba(107, 29, 110, 0." i],
body.cream-theme [style*="background"][style*="rgba(139,34,82,0." i],
body.cream-theme [style*="background"][style*="rgba(139, 34, 82, 0." i],
body.cream-theme [style*="background"][style*="rgba(232,160,160,0." i],
body.cream-theme [style*="background"][style*="rgba(232, 160, 160, 0." i] {
  background: none !important;
  background-image: none !important;
  background-color: rgba(192,137,104,0.08) !important;
  border-color: rgba(192,137,104,0.20) !important;
}

/* 23.4 金色低透明度 tint 渐变装饰 → 竹青淡 */
body.cream-theme [style*="background"][style*="rgba(212,165,116,0." i],
body.cream-theme [style*="background"][style*="rgba(212, 165, 116, 0." i],
body.cream-theme [style*="background"][style*="rgba(232,201,160,0." i],
body.cream-theme [style*="background"][style*="rgba(232, 201, 160, 0." i],
body.cream-theme [style*="background"][style*="rgba(232,200,146,0." i],
body.cream-theme [style*="background"][style*="rgba(232, 200, 146, 0." i] {
  background-image: none !important;
  background-color: rgba(192,137,104,0.08) !important;
  border-color: rgba(192,137,104,0.20) !important;
}

/* 23.5 黑色/深灰遮罩 overlay（市场地图/弹层）→ 淡墨半透明 */
body.cream-theme [style*="background"][style*="rgba(0,0,0,0.3" i],
body.cream-theme [style*="background"][style*="rgba(0, 0, 0, 0.3" i],
body.cream-theme [style*="background"][style*="rgba(0,0,0,0.4" i],
body.cream-theme [style*="background"][style*="rgba(0, 0, 0, 0.4" i],
body.cream-theme [style*="background"][style*="rgba(0,0,0,0.5" i],
body.cream-theme [style*="background"][style*="rgba(0, 0, 0, 0.5" i] {
  background: rgba(74,56,40,0.16) !important;
  background-image: none !important;
}

/* 23.6 紫色系按钮类 → 竹青 */
body.cream-theme .btn-primary-action,
body.cream-theme .btn-outline-action {
  background: linear-gradient(135deg, #A98467 0%, #C89B7B 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 18px rgba(169,132,103,0.28) !important;
}

/* 23.7 头像圆/装饰圆 → 竹青 */
body.cream-theme .user-avatar {
  background: linear-gradient(135deg, #A98467 0%, #E8CBB0 100%) !important;
  color: #fff !important;
}

/* 23.8 横向装饰线/连接线（90deg 渐变含 #7B2D8E）→ 竹青 */
body.cream-theme [style*="background:linear-gradient(90deg"][style*="#7B2D8E" i],
body.cream-theme [style*="background: linear-gradient(90deg"][style*="#7B2D8E" i] {
  background: linear-gradient(90deg, transparent, rgba(192,137,104,0.45), transparent) !important;
}

/* ══════════════ 移动端底部导航：隐藏暗金深紫 .mobile-bottom-nav ══════════════ */
/* 与苹果版同根因：index.php 内联的 .mobile-bottom-nav（深紫
   linear-gradient(180deg,#150520,#1A0A30)，暗金主题遗留）在东方水墨主题下未处理，
   与宣纸色 .mobile-tab-bar（rgba(251,249,243,0.86)）同为 fixed;bottom:0;z-index:999
   重叠，深紫底透出宣纸白，导致"底部导航底色太深、与整体不协调"。
   隐藏深紫 .mobile-bottom-nav，保留宣纸色 .mobile-tab-bar（两套 page 一致，不减功能）。 */
body.cream-theme .mobile-bottom-nav {
  display: none !important;
}

/* ══════════════ 奶油甜心 · 焦糖光斑 + 玫瑰金粉动效层 ══════════════ */
.cream-petals {
  position: fixed; inset: 0; pointer-events: none; z-index: 99980; overflow: hidden;
}
.cream-petals i {
  position: absolute; top: -6vh;
  width: 14px; height: 14px;
  background: radial-gradient(circle at 30% 30%, #F0CBA8, #C89B7B);
  border-radius: 50%;
  filter: blur(0.4px);
  opacity: 0;
  animation: creamBokehFall linear infinite;
}
.cream-petals b {
  position: absolute; top: -4vh;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, #F6D9CF, #E8B4B8);
  box-shadow: 0 0 8px rgba(232,180,184,0.55);
  opacity: 0;
  animation: creamSparkFloat linear infinite;
}
@keyframes creamBokehFall {
  0%   { opacity: 0; transform: translateY(-6vh) translateX(0) rotate(0deg); }
  8%   { opacity: 0.55; }
  100% { opacity: 0; transform: translateY(108vh) translateX(-60px) rotate(300deg); }
}
@keyframes creamSparkFloat {
  0%   { opacity: 0; transform: translateY(110vh) translateX(0) scale(0.55); }
  10%  { opacity: 0.55; }
  100% { opacity: 0; transform: translateY(-8vh) translateX(20px) scale(1); }
}