/* ════════════════════════════════════════════════════════════════
   乐往官网 · UI 增强层 v1.9（2026-09-23）
   ════════════════════════════════════════════════════════════════
   v1.6（全面可读性核查后；WCAG AA 正文需对比度 ≥4.5:1）：
   ★ 副文字色加深：--sub #8A7156(4.36:1 未达标) → #7A6249
     （白卡 5.72 / 页底 5.43 / 米底 5.04，全部达标；已核实深色页脚
       零使用，无反向伤害）。
   ★ 文字级强调色分离：新增 --ew-accent-text #B8471B（三底 ≥4.5），
     用于链接悬停与列表导语；图形元素（圆点/徽章/序号底）仍用
     --accent #E8590C（非文字对比度要求 3.0，3.58 达标）。
   ★ 纯文本链接加软下划线：链接不再只靠颜色辨认（可点性提示），
     下划线用低透明暖棕，悬停转实色；页脚链接豁免。
   ★ 标签字色加深：.card .tag #B07A1E(3.28) → #8F6312(4.67)。
   ★ 已知遗留（页面自有设计，不越权改）：主按钮白字/橙底 3.58:1，
     按钮文字为 15px+ 粗体，建议后续在页面层把渐变尾色略加深。
   v1.9（移动端/跨浏览器加固）：
   ★ 表格行悬停高亮包 @media(hover:hover)——触屏点按不再"粘住"高亮；
   ★ 软下划线补 -webkit-text-decoration-color 前缀（旧 Safari 双保险）；
   ★ 其余特性经审计均为优雅降级（旧内核回落原生样式，不破坏布局）。
   v1.8（h3 统一进标题色阶）：
   ★ h3 统一用文字级强调色 #B8471B（--ew-accent-text，三底 ≥4.68
     达 AA）——顺带修掉 guide 页 h3 亮橙 #E8590C(3.58 未达标) 的遗留；
     卡片 h3 由墨色转暖橙红，h2(主色深橙棕) > h3(强调橙红) > 正文(墨棕)
     三级标题色阶成形；页脚 h3 有页面专属白字规则（特异性更高），不受影响。
   v1.7（号主定则：暖色板不变，标题/正文分层）：
   ★ h2 统一用品牌主色 #C0562B（调色板既有 --deep，暖调不变）+
     字距 .01em——与墨棕正文形成"暖标题×墨正文"双色层次；
     大字号粗体下对比度 4.33:1（大文本标准 3.0 达标）；
     .tldr h2 等页面自有规则优先级更高，不受影响。
   v1.5：链接规则限定无 class 纯文本（修按钮橙底橙字隐形）。
   v1.4：卡片悬停统一；ul.steps 徽章；.toc 两栏。
   v1.3：长清单节奏。v1.2：核心要点徽章。v1.1：撤分隔线+全兼容圆点。
   回滚方式：删掉页面里这一行 <link …/assets/enhance.css?v=10> 即可。
═════════════════════════════════════════════════════════════════ */

/* 主题变量兜底 + 可读性达标覆写：
   --sub 全局加深（副文/说明文字对比度 4.36 → 5.04+）；
   --ew-accent-text 专供文字级强调（区别于图形用的 --accent）。 */
:root{
  --sub: #7A6249;
  --ew-accent: var(--accent, #E8590C);
  --ew-accent-text: #B8471B;
  --ew-line:   var(--line,   #F3E3CE);
  --ew-cream:  var(--cream,  #FBEFDF);
  --ew-ink:    var(--ink,    #3B2A1A);
}

/* ── 1. 列表标记：主题色（渐进增强）────────────────────────────
   支持 ::marker 的浏览器里，普通清单圆点/序号直接变强调色；
   不支持的内核自动回落原生样式，无副作用。「核心要点」.facts
   在第 2 条另有全兼容画法兜底。 */
ul li::marker{ color: var(--ew-accent); }
ol li::marker{ color: var(--ew-accent); font-weight: 700; }

/* 长清单节奏（v1.3）：相邻项间距由塌陷后的 5px 放宽到约 8.5px，
   给长清单呼吸感；紧凑清单（.facts/.toc/.cite）豁免，保持原密度。 */
li + li:not(.facts li):not(.toc li):not(.cite li){
  margin-top: .55em;
}

/* ── 2. 「核心要点」清单：全兼容橙色标记（号主指定的重点）────────
   不依赖 ::marker：ul.facts 用 ::before 画正圆；ol.facts 用
   counter 画数字圆徽章。任何内核显示一致；仅限 .facts，
   不碰页脚/导航/其他清单。 */
ul.facts li,
ol.facts li{
  list-style: none;
  position: relative;
  padding-left: 1.7em;
}
ul.facts li{ padding-left: 1.15em; }
ul.facts li::before{
  content: '';
  position: absolute;
  left: 0;
  top: .58em;
  width: .42em;
  height: .42em;
  border-radius: 50%;
  background: var(--ew-accent);
}
ol.facts{ counter-reset: ewfacts; }
ol.facts li{ counter-increment: ewfacts; }
ol.facts li::before{
  content: counter(ewfacts);
  position: absolute;
  left: 0;
  top: .38em;
  min-width: 1.45em;
  height: 1.45em;
  border-radius: 50%;
  background: var(--ew-accent);
  color: #fff;
  font-size: .76em;
  font-weight: 700;
  line-height: 1.45em;
  text-align: center;
}

/* ── 3. 列表项开头的加粗导语统一用强调色（重点更突出）──────────── */
li > strong:first-child,
li > b:first-child{ color: var(--ew-accent-text); }

/* ── 4. 表格可读性 ────────────────────────────────────────────────
   斑马纹（tingba 两篇已有同色斑马纹，等值不冲突；ting 页表格此获得斑马纹）
   悬停行高亮 → 长表逐行对照时不易看串行 */
tbody tr:nth-child(even) td{ background: var(--ew-cream); }
@media (hover: hover){
  tbody tr:hover td{ background: #F7E9D9; }
}

/* ── 5. 正文链接：下划线更透气、悬停更明确 ────────────────────────
   v1.5 修复：此前写 p a:hover/li a:hover/td a:hover 优先级高于按钮
   自身白字样式，导致 .btn 悬停时"橙底橙字"文字隐形（ting/download
   等页）。现限定只作用于【无 class 的纯文本链接】，带类的按钮/
   组件链接（.btn/.logo/.cur/.backlink 等）一律豁免。 */
p a:not([class]), li a:not([class]):not(footer a), td a:not([class]){
  text-decoration: underline;
  text-decoration-color: rgba(192, 86, 43, .32);
  -webkit-text-decoration-color: rgba(192, 86, 43, .32);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
footer a{ text-decoration: none; }
p a:not([class]):hover,
li a:not([class]):hover,
td a:not([class]):hover{ color: var(--ew-accent-text); }

.card .tag{ color: #8F6312; }

/* ── 6. 键盘可达性：Tab 聚焦清晰可见（鼠标点击不出现）──────────── */
a:focus-visible, button:focus-visible, summary:focus-visible,
details:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline: 2px solid var(--ew-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

/* ── 7. 锚点平滑滚动（目录/返回顶部体验；尊重"减少动态"系统偏好）*/
@media (prefers-reduced-motion: no-preference){
  html{ scroll-behavior: smooth; }
}

/* ── 8. 文本选中色：品牌暖色，细节质感 ─────────────────────────── */
::selection{ background: #F5DCC4; color: var(--ew-ink); }

/* ── 9. 卡片悬停统一（v1.4）──────────────────────────────────────
   about/contact/下载/白苏等页的 .card 此前无悬停反馈，与首页/news/
   tingba 不一致。这里补齐同一套数值；@media(hover:hover) 保证
   触屏设备不触发（点击无浮起干扰）。 */
@media (hover: hover){
  .card{ transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
  .card:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(192, 86, 43, .13);
    border-color: #E8C9A8;
  }
}

/* ── 10. 步骤清单组件（v1.4）─────────────────────────────────────
   counter 数字圆徽章，全浏览器兼容；仅用于 class="steps" 的清单。
   现阶段只有 huiyi/download.html 首卡（真·操作步骤）使用。 */
ul.steps, ol.steps{ list-style: none; counter-reset: ewsteps; }
ul.steps li, ol.steps li{
  position: relative;
  padding-left: 1.9em;
  counter-increment: ewsteps;
}
ul.steps li::before, ol.steps li::before{
  content: counter(ewsteps);
  position: absolute;
  left: 0;
  top: .32em;
  min-width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: var(--ew-accent);
  color: #fff;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
}

/* ── 11. 目录两栏（v1.4）─────────────────────────────────────────
   tingba 深文 .toc 桌面端两栏紧凑排，工具型组件不占屏；
   ≤720px 恢复单栏（手机窄屏两栏会挤）。 */
.toc ol{ columns: 2; column-gap: 32px; }
.toc li{ break-inside: avoid; }
@media (max-width: 720px){
  .toc ol{ columns: 1; }
}

/* ── 12. 标题与正文分层（v1.7）────────────────────────────────
   暖色板不变：标题用调色板既有的品牌主色深橙棕，正文保持墨棕；
   只动颜色与字距，不动字号/间距/布局。.tldr h2 等页面高优先级
   规则不受影响。 */
h2{
  color: var(--deep, #C0562B);
  letter-spacing: .01em;
}
h3{
  color: var(--ew-accent-text);
  letter-spacing: .01em;
}