/* ==========================================================================
   /zixun/ 资讯栏目 · 定稿配色 H（2026-10-18 用户选定）
   组合：方案 B「四色低饱和」配色 + 方案 D「分段控件」切换按钮
   作用范围：仅 5 个列表页（body.zixun-list-page），文章页不加载本文件
   加载顺序：takefu-shell.css → zixun.css → 本文件（必须排在 zixun.css 之后）
   ========================================================================== */

/* 方案 B · 四色低饱和 · 徽章 —— 保留四个分类色相但统一饱和度/明度，分类色以药丸 tab、徽章标签、标题前小方块出现 */
/* 覆盖层：必须排在 zixun.css 之后加载；不改布局骨架，只改颜色/边框/圆角/背景层/标记形状 */

/* ---------- 1. 变量 ---------- */

body.zixun-page .zx-main {
  --zx-ink: #16232a;
  --zx-ink-2: #4c5f66;
  --zx-ink-3: #5c6f76;
  --zx-line: #d9e2e6;
  --zx-line-2: #e6edef;
  --zx-bg: #f7fafb;
  --zx-radius: 12px;
  --zx-shadow: 0 10px 24px rgba(16, 35, 42, .06);

  --zx-c-events: #b0533a;
  --zx-c-events-2: #964731;
  --zx-c-events-soft: #f9f1ef;
  --zx-c-events-line: #ebd4ce;

  --zx-c-news: #2f7d5b;
  --zx-c-news-2: #286a4d;
  --zx-c-news-soft: #eef5f2;
  --zx-c-news-line: #cbdfd6;

  --zx-c-updates: #46618f;
  --zx-c-updates-2: #3c527a;
  --zx-c-updates-soft: #f0f2f6;
  --zx-c-updates-line: #d1d8e3;

  --zx-c-codes: #9a7420;
  --zx-c-codes-2: #83631b;
  --zx-c-codes-soft: #f7f4ed;
  --zx-c-codes-line: #e6dcc7;
  /* 警告色：基础 #a56a00 在 codes-soft 上仅 4.1:1，改用同色系加深版 */
  --zx-c-warn: #965f00;

  /* 活动不再用紫色：tab / hero 分类名与活动标签同色 */
  --zx-c-misc: var(--zx-c-events);
  --zx-c-misc-soft: var(--zx-c-events-soft);

  --zx-accent-line: var(--zx-c-events-line);
  /* 12–16px 说明性小字用色：规格弱色 #93a4aa 仅 2.6:1，正文级小字改用 AA 值 */
  --zx-meta: #5c6f76;
}

/* ---------- 2. Hero：极浅中性底、无网格、标题深墨 ---------- */

body.zixun-page .zx-main .zx-hero {
  border: 1px solid var(--zx-line);
  border-radius: 12px;
  background: #fafbfb;
}

body.zixun-page .zx-main .zx-hero::before {
  height: 1px;
  background: var(--zx-line);
}

body.zixun-page .zx-main .zx-hero__grid {
  display: none;
}

body.zixun-page .zx-main .zx-hero__inner {
  padding: 30px 40px 28px;
}

body.zixun-page .zx-main .zx-hero__title {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: var(--zx-ink);
  -webkit-text-fill-color: currentColor;
}

body.zixun-page .zx-main .zx-hero__title i {
  color: var(--zx-c-events);
  -webkit-text-fill-color: var(--zx-c-events);
}

body.zixun-page .zx-main .zx-hero__dot {
  background: var(--zx-c-events);
}

body.zixun-page .zx-main .zx-hero__sub {
  color: var(--zx-ink-2);
}

body.zixun-page .zx-main .zx-hero__cat {
  color: var(--zx-meta);
}

/* ---------- 3. 分类 tab：药丸 + 分类色实底 ---------- */

body.zixun-page .zx-main .zx-hero__tabs {
  gap: 8px;
}

body.zixun-page .zx-main .zx-hero__tab {
  padding: 9px 20px;
  border: 1px solid var(--zx-line);
  border-radius: 999px;
  background: #fff;
  box-shadow: none;
}

body.zixun-page .zx-main .zx-hero__tab:hover {
  transform: none;
  border-color: var(--zx-tab-line);
  background: #fff;
}

body.zixun-page .zx-main .zx-hero__tab.is-all {
  --zx-tab-line: var(--zx-c-events-2);
  --zx-tab-soft: var(--zx-c-events-2);
  --zx-tab-ink: #fff;
  --zx-tab-glow: transparent;
}

body.zixun-page .zx-main .zx-hero__tab.is-news {
  --zx-tab-line: var(--zx-c-news-2);
  --zx-tab-soft: var(--zx-c-news-2);
  --zx-tab-ink: #fff;
  --zx-tab-glow: transparent;
}

body.zixun-page .zx-main .zx-hero__tab.is-events {
  --zx-tab-line: var(--zx-c-events-2);
  --zx-tab-soft: var(--zx-c-events-2);
  --zx-tab-ink: #fff;
  --zx-tab-glow: transparent;
}

body.zixun-page .zx-main .zx-hero__tab.is-updates {
  --zx-tab-line: var(--zx-c-updates-2);
  --zx-tab-soft: var(--zx-c-updates-2);
  --zx-tab-ink: #fff;
  --zx-tab-glow: transparent;
}

body.zixun-page .zx-main .zx-hero__tab.is-codes {
  --zx-tab-line: var(--zx-c-codes-2);
  --zx-tab-soft: var(--zx-c-codes-2);
  --zx-tab-ink: #fff;
  --zx-tab-glow: transparent;
}

body.zixun-page .zx-main .zx-hero__tab.is-active {
  border-color: var(--zx-tab-line);
  background: var(--zx-tab-soft);
  color: var(--zx-tab-ink);
  box-shadow: 0 6px 14px rgba(16, 35, 42, .14);
}

/* ---------- 4. 时间轴与卡片：中性卡 + 标题前分类小方块 ---------- */

body.zixun-page .zx-main .zx-entry__rail::before {
  width: 2px;
  background: var(--zx-line);
}

body.zixun-page .zx-main .zx-entry__dot {
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 3px;
  background: var(--zx-accent);
  box-shadow: 0 0 0 4px var(--zx-bg);
}

body.zixun-page .zx-main .zx-entry[data-cat="news"] .zx-entry__dot {
  background: var(--zx-c-news);
}

body.zixun-page .zx-main .zx-entry[data-cat="events"] .zx-entry__dot {
  background: var(--zx-c-events);
}

body.zixun-page .zx-main .zx-entry[data-cat="updates"] .zx-entry__dot {
  background: var(--zx-c-updates);
}

body.zixun-page .zx-main .zx-entry[data-cat="codes"] .zx-entry__dot {
  background: var(--zx-c-codes);
}

body.zixun-page .zx-main .zx-entry__card {
  border: 1px solid var(--zx-line);
  border-left: 1px solid var(--zx-line);
  border-radius: 12px;
  background: #fff;
}

/* 中和基础样式里的分类左竖条（0,3,0 → 0,5,1） */
body.zixun-page .zx-main .zx-entry[data-cat] .zx-entry__card {
  border-left: 1px solid var(--zx-line);
}

body.zixun-page .zx-main .zx-entry__card:hover {
  background: #fff;
  box-shadow: 0 10px 24px rgba(16, 35, 42, .07);
}

body.zixun-page .zx-main .zx-entry__head {
  padding: 16px 20px 12px;
  border-bottom-color: var(--zx-line-2);
}

body.zixun-page .zx-main .zx-entry__head-main::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--zx-line);
}

body.zixun-page .zx-main .zx-entry[data-cat="events"] .zx-entry__head-main::before {
  background: var(--zx-c-events);
}

body.zixun-page .zx-main .zx-entry[data-cat="news"] .zx-entry__head-main::before {
  background: var(--zx-c-news);
}

body.zixun-page .zx-main .zx-entry[data-cat="updates"] .zx-entry__head-main::before {
  background: var(--zx-c-updates);
}

body.zixun-page .zx-main .zx-entry[data-cat="codes"] .zx-entry__head-main::before {
  background: var(--zx-c-codes);
}

body.zixun-page .zx-main .zx-entry__thumb img {
  border-color: var(--zx-line-2);
  border-radius: 10px;
}

body.zixun-page .zx-main .zx-entry__foot {
  border-top-color: var(--zx-line-2);
  background: var(--zx-bg);
}

body.zixun-page .zx-main .zx-entry__btn {
  border-color: var(--zx-accent-line);
  border-radius: 8px;
  background: #fff;
}

body.zixun-page .zx-main .zx-entry__btn:hover {
  background: var(--zx-accent-soft);
}

body.zixun-page .zx-main .zx-countdown__cell {
  border-color: var(--zx-line);
  border-radius: 8px;
  background: #fff;
}

body.zixun-page .zx-main .zx-countdown__unit {
  color: var(--zx-accent);
}

/* ---------- 5. 分类标签：soft 底 + line 边框 + 深版文字 ---------- */

body.zixun-page .zx-main .zx-tag--events {
  border-color: var(--zx-c-events-line);
  background: var(--zx-c-events-soft);
  color: var(--zx-c-events-2);
}

body.zixun-page .zx-main .zx-tag--news {
  border-color: var(--zx-c-news-line);
  background: var(--zx-c-news-soft);
  color: var(--zx-c-news-2);
}

body.zixun-page .zx-main .zx-tag--updates {
  border-color: var(--zx-c-updates-line);
  background: var(--zx-c-updates-soft);
  color: var(--zx-c-updates-2);
}

body.zixun-page .zx-main .zx-tag--codes {
  border-color: var(--zx-c-codes-line);
  background: var(--zx-c-codes-soft);
  color: var(--zx-c-codes-2);
}

body.zixun-page .zx-main .zx-tag--soft {
  border-color: var(--zx-line);
  background: #f7fafb;
  color: var(--zx-ink-2);
}

/* ---------- 6. 说明性小字：AA 修正 ---------- */

body.zixun-page .zx-main .zx-crumb,
body.zixun-page .zx-main .zx-entry__month,
body.zixun-page .zx-main .zx-entry__week,
body.zixun-page .zx-main .zx-entry__time,
body.zixun-page .zx-main .zx-entry__status,
body.zixun-page .zx-main .zx-entry__author,
body.zixun-page .zx-main .zx-countdown__label {
  color: var(--zx-meta);
}

body.zixun-page .zx-main .zx-entry__status.is-live {
  color: var(--zx-accent);
}

/* ---------- 7. 子分类页：强调色跟随子分类 ---------- */

.zixun-list-page--all .zx-main {
  --zx-accent: var(--zx-c-events);
  --zx-accent-2: var(--zx-c-events-2);
  --zx-accent-soft: var(--zx-c-events-soft);
  --zx-accent-line: var(--zx-c-events-line);
}

.zixun-list-page--news .zx-main {
  --zx-accent: var(--zx-c-news);
  --zx-accent-2: var(--zx-c-news-2);
  --zx-accent-soft: var(--zx-c-news-soft);
  --zx-accent-line: var(--zx-c-news-line);
}

.zixun-list-page--events .zx-main {
  --zx-accent: var(--zx-c-events);
  --zx-accent-2: var(--zx-c-events-2);
  --zx-accent-soft: var(--zx-c-events-soft);
  --zx-accent-line: var(--zx-c-events-line);
}

.zixun-list-page--updates .zx-main {
  --zx-accent: var(--zx-c-updates);
  --zx-accent-2: var(--zx-c-updates-2);
  --zx-accent-soft: var(--zx-c-updates-soft);
  --zx-accent-line: var(--zx-c-updates-line);
}

.zixun-list-page--codes .zx-main {
  --zx-accent: var(--zx-c-codes);
  --zx-accent-2: var(--zx-c-codes-2);
  --zx-accent-soft: var(--zx-c-codes-soft);
  --zx-accent-line: var(--zx-c-codes-line);
}

/* ---------- 8. 移动端（390）微调 ---------- */

@media (max-width: 720px) {
  body.zixun-page .zx-main .zx-hero {
    padding: 0;
  }

  body.zixun-page .zx-main .zx-hero__inner {
    padding: 24px 16px 22px;
  }

  body.zixun-page .zx-main .zx-hero__title {
    font-size: 26px;
  }

  body.zixun-page .zx-main .zx-hero__tab {
    padding: 7px 14px;
    font-size: 13px;
  }
}

/* 方案 D 的「分段控件」切换按钮 —— 可叠加在 A / B / F 等基础方案之上 */
/* 依赖基础方案变量：--zx-line / --zx-ink-2 / --zx-c-events-2 / --zx-c-events-soft */
/* 分类色不在这里表达，轨道与选中段只用主色（events 色即各方案的主色） */

body.zixun-page .zx-main .zx-hero__tabs {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--zx-line);
  border-radius: 10px;
  background: var(--zx-c-events-soft);
}

body.zixun-page .zx-main .zx-hero__tab {
  --zx-tab-line: transparent;
  --zx-tab-soft: transparent;
  --zx-tab-ink: var(--zx-c-events-2);
  --zx-tab-glow: transparent;
  padding: 8px 16px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--zx-ink-2);
  font-weight: 600;
  box-shadow: none;
  transform: none;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

/* 收掉 A 的下划线、B 的分类实底药丸等基础方案痕迹 */
body.zixun-page .zx-main .zx-hero__tab::before,
body.zixun-page .zx-main .zx-hero__tab::after {
  content: none;
}

body.zixun-page .zx-main .zx-hero__tab.is-all,
body.zixun-page .zx-main .zx-hero__tab.is-news,
body.zixun-page .zx-main .zx-hero__tab.is-events,
body.zixun-page .zx-main .zx-hero__tab.is-updates,
body.zixun-page .zx-main .zx-hero__tab.is-codes {
  --zx-tab-line: transparent;
  --zx-tab-soft: transparent;
  --zx-tab-ink: var(--zx-c-events-2);
  --zx-tab-glow: transparent;
}

body.zixun-page .zx-main .zx-hero__tab:hover {
  transform: none;
  background: #fff;
  --zx-ink-2: var(--zx-c-events-2);
}

body.zixun-page .zx-main .zx-hero__tab.is-active {
  border: 0;
  background: #fff;
  color: var(--zx-tab-ink);
  box-shadow: 0 1px 3px rgba(30, 40, 45, .12);
  font-weight: 600;
}

body.zixun-page .zx-main .zx-hero__tab.is-active::after {
  content: none;
}

/* shell 的链接色 !important：只覆盖未选中态的悬停文字 */
body.zixun-page .zx-main a.zx-hero__tab:not(.is-active):hover {
  color: var(--zx-c-events-2) !important;
}

@media (max-width: 720px) {
  body.zixun-page .zx-main .zx-hero__tabs {
    gap: 3px;
    padding: 3px;
  }

  body.zixun-page .zx-main .zx-hero__tab {
    padding: 7px 12px;
    font-size: 13px;
  }
}