/* ============================================================================
   refine.css · 锦城修鲤 v19.7（第 7 轮：设计细节与阅读体验收敛）
   ----------------------------------------------------------------------------
   定位：只做「排版节奏 / 数字对齐 / 焦点与触控 / 选中态」的增量微调。
   红线：不新增字体、不改任何品牌色变量、不改任何文案、不引入新依赖。
   依据：7 个外部案例（见 docs/第7轮-设计优化与落地报告.md §2）中三条共性——
         ① 排版承担设计（标题平衡断行、正文行长可控）
         ② 数字是第一信息（价格用等宽数字，避免宽度跳动）
         ③ 动效与反馈克制但完整（hover / focus / active 三态齐备）
   加载：始终排在页面自身样式之后，用 :where() 降低优先级，绝不覆盖既有规则。
   ========================================================================= */

/* 1 · 标题平衡断行
   中文长标题在 320–414px 宽下常把最后 1–2 个字挤到下一行（孤字）。
   balance 让浏览器按行宽均分断点；不支持时保持原有换行，零副作用。 */
:where(h1, h2, h3, .section-header, .flow__title, .ai-hero h1, .ai-seed__title) {
  text-wrap: balance;
}

/* 2 · 正文避孤行
   pretty 让最后一行至少两个词（中文为至少两个字）。Safari 17.5+/Chrome 117+ 生效。 */
:where(p, li, .faq-answer, .ai-seed__a, .hero-sub) {
  text-wrap: pretty;
}

/* 3 · 价格与时长用等宽数字
   ¥79 / ¥119 / ¥149 三位数宽度不同，切换时会左右跳动；tnum 固定字宽后价目列对齐。
   仅改字形宽度，不改字号与颜色。 */
.price-tag,
.price-tag__now,
.price-tag__anchor,
.price-warranty,
.price-from,
.ai-seed__src,
.flow__step-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* 4 · 焦点环统一（键盘可见）
   :where() 优先级为 0，页面里已有的更具体 focus-visible 规则仍然优先，
   此条只兜住那些尚未定义焦点的可交互元素（如 details > summary、站内链接）。 */
:where(a, button, summary, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--accent-text);
  outline-offset: 2px;
  border-radius:var(--r-sm);
}

/* 5 · 选中文字用品牌浅底
   品牌主色 #E85A0C 不变，这里只取它已有的浅色令牌 --brand-bg-soft 作选区底色，
   夜间模式沿用 base.css 的变量覆盖，不硬编码颜色。 */
::selection {
  background: var(--brand-bg-soft);
  color: var(--ink-primary);
}

/* 6 · 正文内链接可读性
   服务型站点正文里的链接常被当成普通文字跳过；统一下划线偏移与粗细，
   让「可点」在视觉上成立，同时不影响卡片式链接。 */
:where(.faq-answer, .ai-seed__a, .ai-seed__src, .privacy-body) a {
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}

/* 7 · 图片不撑破容器（防 CLS）
   只约束尺寸，不改 display，避免影响现有二维码栅格与图标对齐。 */
img {
  max-width: 100%;
  height: auto;
}

/* 8 · 触控设备补足热区
   WCAG 2.2 SC 2.5.8 的下限是 24×24；Apple HIG 建议 44×44。
   这里只对「主要操作」补高度，且仅在粗指针设备生效，桌面端布局完全不变。 */
@media (pointer: coarse) {
  .learn-more,
  .promo-claim,
  .ai-submit,
  .ai-hot button,
  .ai-seed__item > summary {
    min-height: 44px;
  }
  .learn-more { align-items: center; }
}

/* 9 · 动效尊重系统偏好
   本轮新增的过渡（若有）在此兜底关闭；既有规则不受影响。 */
@media (prefers-reduced-motion: reduce) {
  :where(.ai-seed__item, .ai-seed__item > summary::after) {
    transition:none;
  }
}