/**
 * M153 频道差异化主题（百色本地化・七频道五级色阶）
 *
 * 体系：全站主色右江绿 --sx-primary #1E9B6A（M88 v3.0 统一）不变，每频道仅覆盖
 *       专属辅助色 --sx-chan（Banner 渐变/分类高亮/强调元素）；作用域 body[data-channel]
 *       由 Zltc.channelTheme() 按路径注入（复用页共享模板零改动）。
 * 色值来源：频道差异化 UI 设计方案（百色风物色彩映射）——
 *   找工作=职场蓝（铝工业）/ 租房=暖橙（右江江岸）/ 二手=活力绿（乡镇集市）
 *   / 美食=食色红（酸嘢芒果）/ 便民=生活青（工具感）/ 文旅=山水青（喀斯特）
 *   / 百科=水墨蓝（地方志）。
 * 融入约束：M88 民族元素融入五层规则——装饰轻量不抢主体（仅渐变与高亮，无新增插画）。
 */

/* ---- M153 七频道五级色阶：100% / 70% / 30% / 10% / 5% ---- */
body[data-channel="job"] {
  --sx-chan: #2B6CB0; --sx-chan-hover: #245D9B;
  --sx-chan-70: #2B6CB0B3; --sx-chan-30: #2B6CB04D;
  --sx-chan-10: #2B6CB01A; --sx-chan-05: #2B6CB00D; --sx-chan-bg: #2B6CB00D;
}
body[data-channel="rent"] {
  --sx-chan: #E4761B; --sx-chan-hover: #CB6715;
  --sx-chan-70: #E4761BB3; --sx-chan-30: #E4761B4D;
  --sx-chan-10: #E4761B1A; --sx-chan-05: #E4761B0D; --sx-chan-bg: #E4761B0D;
}
body[data-channel="second"] {
  --sx-chan: #2F9E62; --sx-chan-hover: #278A54;
  --sx-chan-70: #2F9E62B3; --sx-chan-30: #2F9E624D;
  --sx-chan-10: #2F9E621A; --sx-chan-05: #2F9E620D; --sx-chan-bg: #2F9E620D;
}
body[data-channel="food"] {
  --sx-chan: #D94C4C; --sx-chan-hover: #C04040;
  --sx-chan-70: #D94C4CB3; --sx-chan-30: #D94C4C4D;
  --sx-chan-10: #D94C4C1A; --sx-chan-05: #D94C4C0D; --sx-chan-bg: #D94C4C0D;
}
body[data-channel="service"] {
  --sx-chan: #3D9B9B; --sx-chan-hover: #348787;
  --sx-chan-70: #3D9B9BB3; --sx-chan-30: #3D9B9B4D;
  --sx-chan-10: #3D9B9B1A; --sx-chan-05: #3D9B9B0D; --sx-chan-bg: #3D9B9B0D;
}
body[data-channel="travel"] {
  --sx-chan: #3A8F9E; --sx-chan-hover: #317C89;
  --sx-chan-70: #3A8F9EB3; --sx-chan-30: #3A8F9E4D;
  --sx-chan-10: #3A8F9E1A; --sx-chan-05: #3A8F9E0D; --sx-chan-bg: #3A8F9E0D;
}
body[data-channel="wiki"] {
  --sx-chan: #335B7D; --sx-chan-hover: #2B4E6C;
  --sx-chan-70: #335B7DB3; --sx-chan-30: #335B7D4D;
  --sx-chan-10: #335B7D1A; --sx-chan-05: #335B7D0D; --sx-chan-bg: #335B7D0D;
}

/* ---- 应用点 1：频道 Banner 渐变（覆盖默认百色渐变为频道色淡彩版） ---- */
body[data-channel] .sx-baise > .sx-card:first-of-type {
  background: linear-gradient(135deg, var(--sx-chan-bg), #F6FAF8);
}

/* ---- 应用点 2：分类导航高亮（选中态/悬停走频道色） ---- */
body[data-channel] .ch-cat.active,
body[data-channel] .sx-cat.active {
  color: var(--sx-chan);
  border-bottom-color: var(--sx-chan);
}

/* ---- 应用点 3：榜单/推荐强调元素（Top 序号/价格/标签） ---- */
body[data-channel] .sx-card .rank-no { color: var(--sx-chan); }
body[data-channel] .sx-tag { border-color: var(--sx-chan-bg); }

/* ---- 应用点 4：面包屑与「问问 AI」引导条（频道氛围色点缀） ---- */
body[data-channel] .sx-baise > div:first-child a { color: var(--sx-chan); }
body[data-channel] .ch-ask-bar { border-left-color: var(--sx-chan); }

/* 未匹配频道页面零影响（无 data-channel 属性时不生效） */