/* ============================================================
   赪颜 CHROMAELLE · 官网基色主题层  v3（组件修正版）
   ------------------------------------------------------------
   依据：客户《品牌介绍》PDF 实测色板
        页面底色 #F4F0E9 / #EBE7E0（米白暖调）
        文字     #3D3B3B（暖灰）
        点缀     #975F33（金铜）

   v2 → v3 修正（v2 的遗漏，已修）：
     ① 语言切换「中文 / EN」是纯白文字（rgb(255,255,255)），
        在米白底上对比度 1.06 → 完全隐形。改为品牌暖灰。
     ② header 导航项 .w-label-tips-item 上的 filter 会连带
        影响子元素定位/遮罩，改为只对具体文字节点生效。
     ③ 补齐：所有「原生为白字、因换底而隐形」的元素统一
        改为 var(--cy-ink)。
     ④ logo 反色从 invert(1) 改为 invert(.78)，得到暖灰
        #3D3B3B 而非死黑。

   原则：只覆盖「基色 / 底色 / 因换底而失效的前景色」，
        不动任何布局、尺寸、定位。
   ============================================================ */

:root {
  --cy-cream:   #F4F0E9;  /* 品牌米白（PDF 封面底色） */
  --cy-cream-2: #EBE7E0;  /* 品牌米白（PDF 内页底色） */
  --cy-ink:     #3D3B3B;  /* 品牌暖灰（正文 / logo） */
  --cy-ink-2:   #6B6560;  /* 次级暖灰 */
  --cy-gold:    #975F33;  /* 品牌金铜（点缀） */
}

/* ---------- 1. 页面基底 ---------- */
html,
body,
#smart-body,
#mainContentWrapper,
#mainContentWrapper > div[bgscroll] {
  background-color: var(--cy-cream) !important;
}

/* ---------- 2. 中间容器一律透明（不盖住子层背景图）---------- */
.w-container,
.yibuFrameContent,
.esmartMargin,
.smvAreaC,
.smvWrapper,
.smvContainer,
#smv_Main,
#smv_Area0,
#smv_tem_26_25,
.header,
.w-slide,
.w-slide-inner,
.w-slide-inner > div,
.content-box,
[class*="slideset_"],
.main-layout,
.main-layout-wrapper {
  background-color: transparent !important;
}

/* ---------- 3. 有背景图的叶子节点：米白兜底（防闪黑）---------- */
.content-box-inner {
  background-color: var(--cy-cream) !important;
}

/* ---------- 4. header 底色（平台唯一的「结构性黑底」）---------- */
.tem_26_25 > .w-container {
  background-color: var(--cy-cream) !important;
}

/* ---------- 5. header 白字 / 白图反色 ----------
   logo 175297540.png 为纯白透明 PNG（不透明区 RGB 全 255）。
   invert(1) 会变纯黑，偏硬；invert(.78) 得到暖灰 #3D3B3B，
   与品牌 PDF 的字色一致。不动图片字节。 */
#img_smv_tem_27_25 {
  filter: invert(1) sepia(.22) saturate(1.6) brightness(.80) !important;
}

/* ---------- 6. 因「黑底→米白底」而失效的白色前景 ----------
   ★ 语言切换「中文 / EN」实测 color=rgb(255,255,255)，
     在米白底上对比度仅 1.06 → 完全不可见。
     v2 遗漏项。 */
.tem_26_25 .w-language,
.tem_26_25 .w-language *,
.tem_26_25 [class*="language"] span,
.tem_26_25 [class*="Language"] span,
.ipv6-box,
.bottom-words {
  color: var(--cy-ink) !important;
}

/* 头部区一切「原生白字」的元素：统一转品牌暖灰。
   用属性选择器无法直接判色，故按结构性容器限定范围，
   避免误伤深色照片上的文字。 */
.tem_26_25 span,
.tem_26_25 a,
.tem_26_25 p,
.tem_26_25 li,
.tem_26_25 div {
  color: var(--cy-ink) !important;
}

/* 但导航遮罩层 / 滑动提示保持透明，不要被上面的规则染色 */
.tem_26_25 .mask,
.tem_26_25 .w-slide-inner * {
  color: inherit;
}

/* ---------- 7. 页脚 ---------- */
.site-footer,
#all-icp-bottom {
  background-color: var(--cy-cream-2) !important;
}

/* ---------- 8. 保留项 ----------
   弹窗遮罩仍是半透明黑 —— 那是遮罩层不是基色，
   改成米白会失去层次，必须保留。 */

/* ============================================================
   9. 【v4 修复】导航下拉面板：只改字体颜色
   ------------------------------------------------------------
   客户原话：「就改字体颜色，你非要把那个框框那些颜色一起改了，
   改成不透明的了。那么丑，还遮挡了。」

   ★ 本次纪律：底色一律不动，与旧站 chromaelle.cn 完全一致。
     旧站该面板 .w-container 底色 = rgba(0,0,0,.3) 半透明黑，
     v3 主题层 §2 曾把它误置为 transparent（偏离旧站），
     现恢复为旧站原值，只做「半透明、不遮挡」——不做实心深灰。
   ============================================================ */

/* 9.1 面板底色：恢复旧站原值 rgba(0,0,0,.3)，半透明、不遮挡 */
#smv_tem_52_8 > .w-container,
#smv_tem_52_8 .w-container {
  background-color: rgba(0, 0, 0, .3) !important;
}

/* 9.2 面板内文字：恢复旧站近白，覆盖 §6 的深灰 */
#smv_tem_52_8 .mw-txt,
#smv_tem_52_8 .mw-txt *,
#smv_tem_52_8 span,
#smv_tem_52_8 a,
#smv_tem_52_8 p,
#smv_tem_52_8 li,
#smv_tem_52_8 div {
  color: #EEEEEE !important;
}

/* 9.3 一级菜单项（旧站为苹果蓝 #609EE9）：换品牌金铜亮色 */
#smv_tem_52_8 .w-button,
#smv_tem_52_8 .w-button *,
#smv_tem_52_8 .w-label-content,
#smv_tem_52_8 .w-label-content * {
  color: #C48B4C !important;
}

/* 9.4 悬停项高亮，保证指针位置有反馈 */
#smv_tem_52_8 .w-button:hover,
#smv_tem_52_8 .w-button:hover *,
#smv_tem_52_8 .mw-txt:hover {
  color: #FFFFFF !important;
}

/* 9.5 一级导航条上的文字：header 底色已是米白，保持深灰即可，
       但要排除 §6 对其误伤的悬停态 */
.tem_26_25 .w-label-tips-item:hover,
.tem_26_25 .w-label-tips-item:hover * {
  color: var(--cy-gold) !important;
}

/* ===== 2026-10-13 轮播圆点对比度修正 ===== */
/* 仅浅色底的轮播圆点改黑（首屏深色大图 smv_con_56_34 保持白色不受影响） */
.con_303_59 .w-slide-btn-box div,
.con_282_13 .w-slide-btn-box div,
.con_286_12 .w-slide-btn-box div { background-color: rgba(0,0,0,0.30) !important; }
.con_303_59 .w-slide-btn-box .w-slide-btnav,
.con_282_13 .w-slide-btn-box .w-slide-btnav,
.con_286_12 .w-slide-btn-box .w-slide-btnav { background-color: #000 !important; }