/* ============================================================
 * v1221 · 数智人精致化 + hero 世界级质感（主线第三关键词：数智人）
 *
 * 【纪律：本文件只允许出现不占布局的属性】
 *   允许：box-shadow / outline / border-radius / background / animation
 *   禁止：border / margin / padding / width / height / font-size / display
 *   理由：本轮只做「质感」，几何必须**完全不变** —— 用 Playwright 逐项比对
 *         hero / avatar / body / picks / top1 / list 的 y 与 h，全部一致才算通过。
 *         （v1220d 已把 CLS 压到 0.0147，绝不能为装饰重新引入抖动。）
 *
 * 【为什么描边用 box-shadow 而不是 border】
 *   border 会改变盒模型尺寸（除非 border-box）→ 触发 reflow。
 *   `box-shadow: 0 0 0 1px <色>` 是纯绘制层，零布局影响。
 *
 * 【为什么不加 overflow:hidden】
 *   avatar 内叠着 video / img / canvas 三层（prod=video，agent=canvas 活体），
 *   overflow:hidden 可能裁掉活体 canvas 的溢出部分 → 视觉风险。宁可圆角与内容
 *   边缘有 1px 级不一致，也不动内容裁切。
 * ============================================================ */

/* ── ① 数智人像：品牌金描边 + 柔和外发光（世界级质感的第一眼）── */
html body #lx-daily-hero .lx-dh-avatar {
  border-radius: 16px !important;
  box-shadow:
    0 0 0 1px rgba(255, 206, 133, .30),
    0 10px 30px rgba(0, 0, 0, .45),
    0 0 28px rgba(79, 141, 247, .10) !important;
}

/* ── ② 说话态：金色呼吸光环（让「数智人在说话」这件事被看见）── */
html body.lx-speaking #lx-daily-hero .lx-dh-avatar {
  animation: lx-dh-breathe-v1221 2.4s ease-in-out infinite !important;
}
@keyframes lx-dh-breathe-v1221 {
  0%, 100% {
    box-shadow: 0 0 0 1px rgba(255, 206, 133, .30),
                0 10px 30px rgba(0, 0, 0, .45),
                0 0 0 rgba(255, 206, 133, 0);
  }
  50% {
    box-shadow: 0 0 0 1px rgba(255, 206, 133, .55),
                0 10px 30px rgba(0, 0, 0, .45),
                0 0 18px rgba(255, 206, 133, .38);
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.lx-speaking #lx-daily-hero .lx-dh-avatar { animation: none !important; }
}

/* ── ③ hero 卡片：更细腻的层次（外投影 + 内描边，不增尺寸）── */
html body #lx-daily-hero {
  box-shadow:
    0 18px 48px rgba(0, 0, 0, .34),
    inset 0 0 0 1px rgba(255, 255, 255, .045) !important;
}

/* ── ④ 精选首行强调：金色左轨（Top1 一眼可辨）──
   ⚠ v1221 首发踩坑：用 `.lx-hp-row:first-of-type` 匹配不到 —— `first-of-type`
   按 **标签名** 算，而 #lx-dh-picks 的第一个 div 是 .lx-hp-label（不是行）。
   → 改用 `:has(.lx-hp-rank.r1)`（序号带 r1 的那一行），语义正确且稳定。 */
html body #lx-daily-hero #lx-dh-picks .lx-hp-row:has(.lx-hp-rank.r1) {
  box-shadow: inset 2px 0 0 rgba(255, 206, 133, .85) !important;
}
html body #lx-daily-hero #lx-dh-picks .lx-hp-row:has(.lx-hp-rank.r1):hover,
html body #lx-daily-hero #lx-dh-picks .lx-hp-row:has(.lx-hp-rank.r1):focus-visible {
  box-shadow: inset 2px 0 0 #ffce85 !important;
}

/* ── ⑤ 精选区标签：细金线分隔，弱化广告感、强化专业感 ── */
html body #lx-daily-hero #lx-dh-picks .lx-hp-label {
  text-shadow: 0 1px 0 rgba(0, 0, 0, .35) !important;
}

/* ==================================================================
   v1280 a11y —— 像素实测修复（Playwright 截图差分复核，非估算）
   _LX_V1280_A11Y
   ① 市况胶囊 .lx-dh-state：lx-polish.css:39 用 !important 把字色覆成
      #f0b75e（金），与 lx-home-reborn.css:106 的金色渐变底撞色
      -> 像素实测 CR 1.21（几乎隐形，WCAG 需 4.5）。
      恢复 reborn 原设计深字 #1a1206 -> 实测 CR 11.79。
   ② 12px 次级文字（股票代码 .lhp-code / 标签 .lhp-lbl）：
      #74849f 像素实测 CR 4.15~4.2 < 4.5。
      改用 lx-ascetic.css 已验证色值 #93a1b5 -> CR 5.99。
   ================================================================== */
html body #lx-daily-hero .lx-dh-state {
  color: #1a1206 !important;
}
html body #lx-home-picks .lhp-code,
html body #lx-home-picks .lhp-lbl,
html body #lx-daily-hero .lx-dh-pick-name i {
  color: #93a1b5 !important;
}