/* ============================================================================
 * lx-home-reborn.css · v1082 · 首屏世界级重构叠加层（prod v1042 之上）
 * ----------------------------------------------------------------------------
 * 老板指令：重构首页 = 世界级视觉系统 + 最好的天然吸引力 + 最简路径直达精准选股。
 * 设计语言：禁欲极简 × 电影感纵深。
 *   · 暖琥珀焦点光（琍璇为绝对视觉核心）+ 深海军蓝场 + 中国红涨绿跌。
 *   · 单一暖金强调色，仅用于 #1 排名 / 主 CTA / 信任徽标；其余克制细线 + 大留白。
 * 范式：设计系统叠加（最后加载，cascade 最高，零改源文件，可回滚）。
 *   压过 lx-hero-v2.css(v1070) / lx-home-picks.css(v1068) 同名规则。
 * 铁律：数智人 hero 静止（仅光晕呼吸，头像本体不动）；全设备适配；零虚构。
 * v1077 精修（老板判「太差」后的全面修复）：
 *   · 砍副文——副文是标题逐字复读（lx-nav-layout.js 同源 summary），纯冗余；
 *   · 压首屏——hero 实测 1052px 把 CTA/信任条挤出 800 视口，压缩至 ~620px 内；
 *   · 头像 248→190 收视觉重心，标题/间距全线收紧；
 *   · 移动端标题防孤字断行（24px + balance）。
 * ========================================================================= */

/* ====================== ① 电影感首屏：分层纵深底光 ====================== */
#lx-daily-hero {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 20px 24px 18px !important;
  min-height: 0 !important;
  border-radius: 28px !important;
  background:
    radial-gradient(140% 90% at 50% -12%, rgba(255,196,120,0.15), transparent 55%),
    radial-gradient(120% 120% at 50% 122%, rgba(60,90,180,0.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.008)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 40px 120px -60px rgba(0,0,0,0.9) !important;
  overflow: hidden !important;
}
/* 焦点辉光：暖琥珀核，让琍璇成为绝对视觉中心（光晕呼吸，头像静止） */
#lx-daily-hero::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  width: 340px; height: 340px; top: 30px; left: 50%;
  transform: translateX(-50%) !important;
  background: radial-gradient(circle, rgba(255,190,110,0.26), rgba(255,150,80,0.08) 45%, transparent 66%) !important;
  filter: blur(10px) !important;
  pointer-events: none !important;
  animation: lxHaloPulse 7s ease-in-out infinite !important;
}
/* 底部场域细线舞台 */
#lx-daily-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 8%; right: 8%; bottom: 26px; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,200,130,0.5), transparent) !important;
  pointer-events: none !important;
}
@keyframes lxHaloPulse {
  0%, 100% { opacity: .82; transform: translateX(-50%) scale(1); }
  50%      { opacity: 1;   transform: translateX(-50%) scale(1.05); }
}

#lx-daily-hero .lx-dh-inner {
  position: relative !important;
  z-index: 1 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  text-align: center !important;
  width: 100% !important;
}
/* 头像：v1077 收至 190px——视觉重心让位给结论与 CTA（静止，符合 hero 静止铁律） */
#lx-daily-hero .lx-dh-avatar {
  width: 158px !important;
  height: calc(158px / 0.81612) !important;
  flex: 0 0 auto !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,210,150,0.30) !important;
  box-shadow:
    0 0 0 1px rgba(255,200,130,0.20),
    0 0 70px rgba(255,180,100,0.22),
    0 34px 90px -34px rgba(0,0,0,0.9) !important;
}

/* ====================== ② 文案层级：精炼 + 暖金点缀 ====================== */
#lx-daily-hero .lx-dh-kicker {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 3.5px !important;
  color: rgba(255,210,150,0.92) !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
#lx-daily-hero .lx-dh-kicker::before {
  content: "" !important;
  width: 6px; height: 6px; border-radius: 50% !important;
  background: #ffce85 !important;
  box-shadow: 0 0 10px rgba(255,200,120,0.9) !important;
}
/* 市况状态徽标：暖金胶囊 */
#lx-daily-hero .lx-dh-state {
  margin-left: 8px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important /* v1168: 11->12 对齐 design-system */;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
  color: #1a1206 !important;
  background: linear-gradient(180deg, #ffe0a0, #f0b75e) !important;
  border: 1px solid rgba(255,220,150,0.6) !important;
}
#lx-daily-hero .lx-dh-title {
  font-size: 34px !important;
  font-weight: 780 !important;
  line-height: 1.16 !important;
  letter-spacing: -.028em !important;
  color: #f8fbff !important;
  margin: 5px auto 0 !important;
  max-width: 760px !important;
  text-wrap: balance !important;
  text-shadow: 0 2px 30px rgba(0,0,0,0.55) !important;
}
/* v1077: 副文砍除——js 把同一句 summary 原文复读一遍（标题去括号 + 副文带括号），
 * 同屏逐字重复是「凑数感」的最大来源；括号内指数数据 chips 已完整呈现。 */
#lx-daily-hero .lx-dh-sub { display: none !important; }
/* v1078: 标题受控断行——桌面隐藏 <br>，移动端启用（balance 对中文短句会拆词，如「上/扬」） */
#lx-daily-hero .lx-dh-title .lx-br-m { display: none !important; }

/* 指数芯片：克制细线玻璃，红涨绿跌（顶部 ticker 已有一遍，此处弱化为数据底座） */
#lx-daily-hero .lx-dh-indices {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 8px auto 0 !important;
}
/* v1085 层级抛光：chips 由近白高亮(d6e1f2)降为灰蓝(93a4c6)数据底座——
 * 次要指数数据不该与 34px 主标题争夺视觉焦点；涨跌幅数字仍保留红涨绿跌信息色。 */
#lx-daily-hero .lx-dh-chip {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.035) !important;
  border: 1px solid rgba(255,255,255,0.085) !important;
  color: #93a4c6 !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
#lx-daily-hero .lx-dh-chip.up b   { color: #ff5b60 !important; }
#lx-daily-hero .lx-dh-chip.down b { color: #34c08a !important; }

/* ====================== ③ 磁吸 CTA：最简路径直达精准选股 ====================== */
.lhr-cta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  justify-content: center !important;
  margin: 9px auto 0 !important;
}
.lhr-cta {
  position: relative !important;
  appearance: none !important;
  cursor: pointer !important;
  overflow: hidden !important;
  font-size: 14.5px !important;
  font-weight: 720 !important;
  letter-spacing: .3px !important;
  padding: 8px 22px !important;
  border-radius: 999px !important;
  color: #1a1206 !important;
  background: linear-gradient(180deg, #ffe2a3, #f0b75e) !important;
  border: 1px solid rgba(255,225,160,0.7) !important;
  box-shadow:
    0 12px 34px -12px rgba(240,183,94,0.75),
    inset 0 1px 0 rgba(255,255,255,0.5) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.lhr-cta::after { /* 微光泽扫光 */
  content: "" !important;
  position: absolute !important;
  top: 0; left: -60%; width: 40%; height: 100% !important;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent) !important;
  transform: skewX(-18deg) !important;
  animation: lxCtaShimmer 3.4s ease-in-out infinite !important;
}
@keyframes lxCtaShimmer { 0%, 100% { left: -60%; } 50% { left: 120%; } }
.lhr-cta:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 18px 44px -14px rgba(240,183,94,0.9),
    inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.lhr-cta-sec {
  appearance: none !important;
  cursor: pointer !important;
  font-size: 14.5px !important;
  font-weight: 620 !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  color: #eef3ff !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  transition: background .18s ease, transform .18s ease, border-color .18s ease !important;
}
.lhr-cta-sec:hover {
  background: rgba(255,255,255,0.09) !important;
  border-color: rgba(255,255,255,0.28) !important;
  transform: translateY(-2px) !important;
}

/* ====================== ④ 首屏内嵌 Top5：优雅细线行 ====================== */
#lx-daily-hero .lx-dh-picks {
  width: 100% !important;
  max-width: 680px !important;
  margin: 9px auto 0 !important;
  text-align: left !important;
}
#lx-daily-hero .lx-dh-picks-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #aebfd9 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 6px !important;
}
#lx-daily-hero .lx-dh-adopt-hint { font-size: 11px !important; color: #ffce85 !important; opacity: .8 !important; }
#lx-daily-hero .lx-dh-pick {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 5px 9px !important;
  border-radius: 10px !important;
  margin-top: 4px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  transition: background .16s ease, border-color .16s ease !important;
}
#lx-daily-hero .lx-dh-pick:hover { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,200,130,0.25) !important; }
#lx-daily-hero .lx-dh-pick-name { font-size: 14px !important; font-weight: 660 !important; color: #f4f8ff !important; }
#lx-daily-hero .lx-dh-pick-name i { font-style: normal !important; font-size: 11px !important; color: #8093b6 !important; margin-left: 6px !important; }
/* v1080: 根治名字截断——源 theme.css 把行排成 4 列(minmax(150px,1fr))，164px/格里名字仅剩 47px，
 * 4 字名必截断。改 3 列(218px/格)，名字空间 ~120px，4-5 字 + 代码完整显示；5 卡 3+2 两行，总高不变。
 * 仅桌面(≥768px)生效：本规则 ID 特异性高于 nav-refined 的移动端 1fr 单列，不限宽会压垮窄屏。 */
@media (min-width: 768px) {
  #lx-daily-hero .lx-dh-picks { grid-template-columns: repeat(3, 1fr) !important; }
  #lx-daily-hero .lx-dh-pick-name { font-size: 13px !important; }
  #lx-daily-hero .lx-dh-pick-name i { font-size: 10px !important; }
}
#lx-daily-hero .lx-dh-pick-pct { margin-left: auto !important; font-size: 14px !important; font-weight: 720 !important; font-variant-numeric: tabular-nums !important; }
#lx-daily-hero .lx-dh-pick-pct.up   { color: #ff5b60 !important; }
#lx-daily-hero .lx-dh-pick-pct.down { color: #34c08a !important; }
#lx-daily-hero .lx-dh-adopt {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #9fb0d0 !important;
  border-radius: 8px !important;
  padding: 4px 6px !important;
  cursor: pointer !important;
}

/* ====================== ⑤ 精选榜：世界级玻璃卡片 ====================== */
#lx-home-picks.lhp {
  position: relative !important;
  margin: 14px 0 0 !important;
  padding: 16px 16px 14px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.032), rgba(255,255,255,0.006)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 30px 90px -60px rgba(0,0,0,0.8) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#lx-home-picks .lhp-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
#lx-home-picks .lhp-title { font-size: 18px !important; font-weight: 760 !important; color: #f6f9ff !important; letter-spacing: -.01em !important; }
#lx-home-picks .lhp-date  { font-size: 12px !important; color: #8da0c4 !important; margin-left: 8px !important; }
#lx-home-picks .lhp-head-right { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }
#lx-home-picks .lhp-cred, #lx-home-picks .lhp-rec {
  font-size: 11.5px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,200,120,0.10) !important;
  border: 1px solid rgba(255,200,120,0.28) !important;
  color: #ffd99a !important;
}
#lx-home-picks .lhp-more { font-size: 12px !important; color: #aebfd9 !important; background: transparent !important; border: none !important; cursor: pointer !important; }
#lx-home-picks .lhp-scan { font-size: 12.5px !important; color: #93a4c6 !important; margin-top: 10px !important; }
#lx-home-picks .lhp-scan b { color: #cdd9ec !important; font-weight: 680 !important; }

#lx-home-picks .lhp-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(186px, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}
#lx-home-picks .lhp-card {
  position: relative !important;
  text-align: left !important;
  cursor: pointer !important;
  overflow: hidden !important;
  padding: 11px 13px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.035) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
#lx-home-picks .lhp-card::before { /* 顶部细线光泽 */
  content: "" !important;
  position: absolute !important;
  top: 0; left: 0; right: 0; height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent) !important;
}
#lx-home-picks .lhp-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255,200,130,0.40) !important;
  background: rgba(255,255,255,0.06) !important;
  box-shadow: 0 20px 44px -22px rgba(255,180,100,0.5) !important;
}
#lx-home-picks .lhp-card-top { display: flex !important; align-items: center !important; gap: 8px !important; }
#lx-home-picks .lhp-rank {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 21px; height: 21px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #9fb4dc !important;
  background: rgba(255,255,255,0.06) !important;
}
#lx-home-picks .lhp-rank.r1 { color: #1a1206 !important; background: linear-gradient(180deg, #ffe0a0, #f0b75e) !important; box-shadow: 0 4px 12px -4px rgba(240,183,94,0.7) !important; }
#lx-home-picks .lhp-name { font-size: 14.5px !important; font-weight: 700 !important; color: #f6f9ff !important; }
#lx-home-picks .lhp-name { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#lx-home-picks .lhp-code { font-size: 11.5px !important; color: #8093b6 !important; flex: 0 0 auto !important; }
#lx-home-picks .lhp-price-row { display: flex !important; align-items: baseline !important; gap: 8px !important; margin-top: 6px !important; }
#lx-home-picks .lhp-price { font-size: 19px !important; font-weight: 760 !important; font-variant-numeric: tabular-nums !important; }
#lx-home-picks .lhp-chg    { font-size: 13.5px !important; font-weight: 680 !important; font-variant-numeric: tabular-nums !important; }
#lx-home-picks .lhp-price.up, #lx-home-picks .lhp-chg.up   { color: #ff5b60 !important; }
#lx-home-picks .lhp-price.down, #lx-home-picks .lhp-chg.down { color: #34c08a !important; }
#lx-home-picks .lhp-lines { display: flex !important; gap: 11px !important; margin-top: 6px !important; }
#lx-home-picks .lhp-line { display: flex !important; flex-direction: column !important; gap: 2px !important; }
#lx-home-picks .lhp-lbl { font-size: 10.5px !important; color: #8093b6 !important; letter-spacing: .5px !important; text-transform: uppercase !important; }
#lx-home-picks .lhp-val { font-size: 13px !important; font-weight: 660 !important; color: #e6eefc !important; font-variant-numeric: tabular-nums !important; }
#lx-home-picks .lhp-plus  { font-size: 11.5px !important; font-weight: 700 !important; color: #ff5b60 !important; }
#lx-home-picks .lhp-minus { font-size: 11.5px !important; font-weight: 700 !important; color: #34c08a !important; }
#lx-home-picks .lhp-pos { font-size: 12px !important; font-weight: 640 !important; color: #ffd99a !important; }
#lx-home-picks .lhp-reason { font-size: 12px !important; line-height: 1.45 !important; color: #aebfd9 !important; margin-top: 6px !important; }

/* ====================== ⑥ P4 自学习可视化：真实「自我进化」信任徽标 ======================
 * 由 js/lx-selflearn.js 注入，数据源 = /api/v1/agent/evolution/latest（真实进化数据，零虚构）。
 * 若取不到真实数据则不渲染（fail-open 不显示），杜绝假数字。
 * ===================================================================================== */
#lx-daily-hero .lx-evo-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 8px auto 0 !important;
}
#lx-daily-hero .lx-evo-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,200,120,0.08) !important;
  border: 1px solid rgba(255,200,120,0.30) !important;
  color: #ffd99a !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: .3px !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
#lx-daily-hero .lx-evo-dot {
  width: 7px; height: 7px;
  border-radius: 50% !important;
  background: #ffce85 !important;
  box-shadow: 0 0 10px rgba(255,200,120,0.9) !important;
  flex: 0 0 auto !important;
  animation: lxEvoPulse 2.4s ease-in-out infinite !important;
}
@keyframes lxEvoPulse {
  0%, 100% { opacity: .5; transform: scale(.85); }
  50%      { opacity: 1;  transform: scale(1.15); }
}

/* ====================== ⑦ 移动端收口：满宽 + 不截断 ====================== */
@media (max-width: 767px) {
  #lx-daily-hero {
    padding: 16px 14px 14px !important;
    border-radius: 20px !important;
    min-height: 0 !important;
  }
  #lx-daily-hero .lx-dh-avatar {
    width: 132px !important;
    height: calc(132px / 0.81612) !important;
    border-radius: 18px !important;
  }
  /* v1077: 24px 让 11 字首行装得下，逗号后自然换行，杜绝「上/扬」孤字断行 */
  #lx-daily-hero .lx-dh-title { font-size: 24px !important; text-wrap: initial !important; }
  #lx-daily-hero .lx-dh-title .lx-br-m { display: inline !important; }
  .lhr-cta-row { flex-direction: column !important; width: 100% !important; }
  .lhr-cta, .lhr-cta-sec { width: 100% !important; text-align: center !important; }
  #lx-home-picks .lhp-grid { grid-template-columns: 1fr !important; }
  #lx-home-picks .lhp-head-right { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  #lx-daily-hero::before { animation: none !important; }
  .lhr-cta::after { animation: none !important; display: none !important; }
  #lx-daily-hero .lx-evo-dot { animation: none !important; }
}

/* ============================================================================
 * ⑨ v1087 · 极简禁欲提纯 —— 对标 Linear / Vercel / Apple 的世界级视觉传达系统
 * ----------------------------------------------------------------------------
 * 老板指令：对标全球全国顶尖头部企业 + 极简禁欲 + 吸引客户使用。
 * 自评昨天那版：密度达标，但语言不够克制——CTA 渐变+扫光、chips 玻璃拟态、
 * 头像 80px 暖金发光，属「营销炫技」，离世界级那档还有距离。本轮提纯：
 *   · 去掉一切渐变：CTA 改**纯实心**强调色（深色场里纯色最醒目，也最高级）；
 *   · 去掉扫光动画：禁欲不留装饰性动效（仅保留信任徽标那颗呼吸点作为「活着」的信号）；
 *   · 去掉玻璃拟态：backdrop-filter 是 2021 语言，改纯细线；
 *   · 收敛发光：焦点光晕降到 14% 不透明度，头像描边发光降到 16%；
 *   · 建立文字三级色阶（主/次/弱）+ 唯一强调色（暖金）+ 语义色（红涨绿跌）。
 * 保留：横向 hero、琍璇 236px、34px 标题、Top5、双信任徽标（已验证有效）。
 * ========================================================================= */

/* ---- ① CTA：纯实心，去渐变 / 去扫光 / 去投影 ---- */
.lhr-cta {
  background: #f0b75e !important;
  border: 1px solid #f0b75e !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease !important;
}
.lhr-cta::after { display: none !important; }        /* 扫光：禁欲不留装饰动效 */
.lhr-cta:hover {
  background: #ffc76d !important;
  border-color: #ffc76d !important;
  box-shadow: none !important;
  transform: none !important;                        /* 去掉位移，只做色彩反馈 */
}
/* 次按钮：细线幽灵，纯透明底 */
.lhr-cta-sec {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
  transition: border-color .16s ease, color .16s ease !important;
}
.lhr-cta-sec:hover {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  color: #ffffff !important;
  transform: none !important;
}

/* ---- ② 去玻璃拟态：纯细线 ---- */
#lx-daily-hero .lx-dh-chip,
#lx-daily-hero .lx-evo-badge,
#lx-home-picks.lhp,
#lx-home-picks .lhp-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ---- ③ 收敛发光：焦点光晕更淡（改 background alpha，不碰 animation 的 opacity） ---- */
#lx-daily-hero::before {
  background: radial-gradient(circle,
    rgba(255, 190, 110, 0.14),
    rgba(255, 150, 80, 0.05) 45%,
    transparent 66%) !important;
}
#lx-daily-hero .lx-dh-avatar {
  box-shadow:
    0 0 0 1px rgba(255, 200, 130, 0.16),
    0 26px 64px -32px rgba(0, 0, 0, 0.9) !important;
}
/* 卡片 hover：去掉彩色投影，只做细线提亮 */
#lx-home-picks .lhp-card:hover {
  box-shadow: none !important;
  border-color: rgba(255, 200, 130, 0.38) !important;
}

/* ============================================================================
 * ⑩ v1088 · 数智人「傻瓜式提问」入口样式（配合 js/lx-ask.js）
 * ----------------------------------------------------------------------------
 * 极简禁欲：细线输入框 + 纯实心暖金发送键 + 细线示例胶囊。
 * 位置：标题之下（结论 → 立刻给行动入口），是全页**第一主交互**，故比 CTA 更靠前。
 * ========================================================================= */
#lx-daily-hero .lx-ask {
  width: 100% !important;
  max-width: 560px !important;
  margin: 14px 0 0 !important;
  text-align: left !important;
}
#lx-daily-hero .lx-ask-form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 5px 5px 14px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  transition: border-color .16s ease, background .16s ease !important;
}
#lx-daily-hero .lx-ask-form:focus-within {
  border-color: rgba(240, 183, 94, 0.65) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}
#lx-daily-hero .lx-ask-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 34px !important;
  font-size: 14px !important;
  color: #f6f9ff !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  font-family: inherit !important;
}
#lx-daily-hero .lx-ask-input::placeholder { color: #74849f !important; }
#lx-daily-hero .lx-ask-go {
  flex: 0 0 auto !important;
  height: 30px !important;
  padding: 0 18px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1a1206 !important;
  background: #f0b75e !important;
  border: 1px solid #f0b75e !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background .16s ease !important;
}
#lx-daily-hero .lx-ask-go:hover { background: #ffc76d !important; border-color: #ffc76d !important; }
#lx-daily-hero .lx-ask-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 7px !important;
}
#lx-daily-hero .lx-ask-chip {
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 4px 11px !important;
  border-radius: 999px !important;
  color: #a8b8d0 !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  cursor: pointer !important;
  transition: color .16s ease, border-color .16s ease !important;
}
#lx-daily-hero .lx-ask-chip:hover {
  color: #ffd99a !important;
  border-color: rgba(240, 183, 94, 0.45) !important;
}
@media (max-width: 767px) {
  #lx-daily-hero .lx-ask { max-width: 100% !important; }
  #lx-daily-hero .lx-ask-input { font-size: 16px !important; }  /* 防 iOS 聚焦缩放 */
}

/* v1088 冗余治理：提问框已承担「和琍璇聊」，原次按钮「和琍璇聊聊」功能重复 → 移除。
 * 极简禁欲原则：同一意图只留一个入口，重复 CTA 是认知负担而非选择自由。 */
.lhr-cta-sec { display: none !important; }

/* v1088 空间回收：提问框上线后 hero 涨到 740（底部 840 溢出 800 视口）→
 * 压缩各段垂直节奏，把整个 hero 收回首屏。 */
#lx-daily-hero { padding: 14px 24px 14px !important; }
#lx-daily-hero .lx-ask { margin: 9px 0 0 !important; }
.lhr-cta-row { margin: 7px auto 0 !important; }
#lx-daily-hero .lx-dh-indices { margin: 8px auto 0 !important; }
#lx-daily-hero .lx-dh-picks { margin: 9px auto 0 !important; }
#lx-daily-hero .lx-dh-pick { padding: 4px 9px !important; margin-top: 3px !important; }
#lx-daily-hero .lx-evo-row { margin: 8px auto 0 !important; }
@media (max-width: 767px) {
  #lx-daily-hero { padding: 12px 14px 12px !important; }
}

/* ---- ④ 文字三级色阶（主 / 次 / 弱）统一 ---- */
#lx-daily-hero .lx-dh-picks-label { color: #a8b8d0 !important; }
#lx-home-picks .lhp-reason,
#lx-home-picks .lhp-scan { color: #a8b8d0 !important; }
#lx-home-picks .lhp-code,
#lx-home-picks .lhp-lbl { color: #74849f !important; }
#lx-daily-hero .lx-dh-pick-name i { color: #74849f !important; }

/* ============================================================================
 * ⑧ v1082 · 桌面横向 hero：数智人回归视觉核心 + 再省 200px 垂直空间
 * ----------------------------------------------------------------------------
 * 结构前提（实测确认）：.lx-dh-inner 仅有 2 个子元素 ——
 *   .lx-dh-avatar (琍璇)  +  .lx-dh-body (kicker/标题/CTA/chips/精选行/信任徽标 全在里面)
 * → 横向并排是零风险重构，不需要 wrapper、不依赖 nth-child 脆弱顺序。
 * 收益双向：
 *   · 精修数智人：琍璇 158 → 236px（+49%），重新成为绝对视觉重心；
 *   · 不留白：inner 高度由「194 + 469 堆叠」变为 max(289, 469)，hero 711 → ~500，
 *     省出的垂直空间让下方精选卡片也进首屏。
 * 铁律守住：数智人静止（仅底层光晕呼吸）；移动端不参与（<1024px 仍纵向）。
 * ========================================================================= */
@media (min-width: 1024px) {
  #lx-daily-hero .lx-dh-inner {
    flex-direction: row !important;
    flex-wrap: nowrap !important;   /* 源码 wrap：总宽超限会把文案列挤到第二行且撑高 hero */
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    text-align: left !important;
  }
  /* 琍璇：放大回归视觉核心（静止，仅柔光晕） */
  #lx-daily-hero .lx-dh-avatar {
    width: 208px !important;
    height: calc(208px / 0.81612) !important;
    flex: 0 0 auto !important;
    position: relative !important;   /* 为地面柔光定位 */
    border-radius: 22px !important;
    border: 1px solid rgba(255, 210, 150, 0.34) !important;
    box-shadow:
      0 0 0 1px rgba(255, 200, 130, 0.22),
      0 0 80px rgba(255, 180, 100, 0.26),
      0 34px 90px -34px rgba(0, 0, 0, 0.9) !important;
  }
  /* v1086 数智人质感 ①：底部渐隐融入深色场——去掉「一张图贴上去」的硬边感。
   * 只作用于 <img>（mask），不碰同级的 #lx-hero-canvas，避免影响其渲染层。 */
  #lx-daily-hero .lx-dh-avatar .lx-dh-full-img {
    -webkit-mask-image: linear-gradient(to bottom, #000 62%, rgba(0, 0, 0, .62) 86%, transparent 100%) !important;
            mask-image: linear-gradient(to bottom, #000 62%, rgba(0, 0, 0, .62) 86%, transparent 100%) !important;
  }
  /* v1086 数智人质感 ②：地面暖金柔光——让琍璇「站」在场里（screen 融合，不遮挡主体）。 */
  #lx-daily-hero .lx-dh-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important; bottom: -8px !important;
    width: 86% !important; height: 30px !important;
    transform: translateX(-50%) !important;
    background: radial-gradient(ellipse at center, rgba(255, 190, 110, 0.34), transparent 72%) !important;
    filter: blur(10px) !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
  }
  /* 文案列：左对齐，更像世界级 hero（原先居中）
   * 🔴 必须显式 width:auto —— nav-refined.css:1613 / lx-home-picks.css:213 / lx-hero-v2.css:145
   *    三处都写了 `#lx-daily-hero .lx-dh-body{width:100% !important}`（同为 ID+!important），
   *    row 布局下会把头像盖住并发散撑高（实测 hero 反而 711→823）。 */
  #lx-daily-hero .lx-dh-body {
    align-items: flex-start !important;
    text-align: left !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;     /* 交给 flex 分配，避免与 gap 叠加溢出触发换行 */
    flex: 1 1 auto !important;
  }
  #lx-daily-hero .lx-dh-title,
  #lx-daily-hero .lx-dh-indices,
  #lx-daily-hero .lx-dh-picks-label,
  #lx-daily-hero .lx-evo-row,
  .lhr-cta-row {
    justify-content: flex-start !important;
    margin-left: 0 !important;
  }
  #lx-daily-hero .lx-dh-title { margin-top: 0 !important; }
  #lx-daily-hero .lx-dh-kicker { margin-left: 0 !important; }
  /* 光晕跟随琍璇（不用 transform 定位，避免被 lxHaloPulse 动画的 translateX 覆盖） */
  #lx-daily-hero::before {
    left: 142px !important;
    top: calc(50% - 170px) !important;
    width: 380px !important; height: 380px !important;
  }
}

/* =========================================================================
 * v1092 · 备战推广战役：P0 布局根治 + 首屏密度 + 移动端遮挡修复
 * =========================================================================
 * 【P0-① 全站 12 视图 tab 塌陷根治】
 *   实测根因：#main-content = flex column + overflow-y:auto；
 *   .tab-content = flex:1 1 0% + height:100% + overflow-y:auto。
 *   CSS 规范：overflow ≠ visible 的 flex item，automatic minimum size = 0
 *   → 首页 hero(703) + picks(864) 兄弟占满 740px 后，
 *     12 个视图的 .tab-content.active 全部收缩到 0 + padding = 64px（信箱缝）。
 *   修法：tab 撑开自然高度，滚动统一上交 #main-content（单一滚动层）。
 * 【P0-② 首页空态留白】.lx-dh-picks 空数据时容器仍占 245px（仅 39px hint）
 *   → 高度交还内容，省 ~205px，精选榜头部进首屏（内容预告效应）。
 * 【P0-③ 移动端底部遮挡】hero 底部胶囊被 bottom-nav(84px) 压住
 *   → main-content 底部 padding 让位。
 * 【P1 首屏密度】标题 34→27px；hero 703 → ~490。
 *   ai-chat 有 #tab-ai-chat 专规（更高特异性 fixed 布局），不受本段影响。
 * ========================================================================= */
#main-content.content {
  padding-bottom: 96px !important;           /* 桌面底部 dock 让位 */
}
.tab-content.active {
  flex: 0 0 auto !important;                 /* 退出 flex 分配 */
  height: auto !important;                   /* 撑开自然高度 */
  min-height: 0 !important;
  overflow: visible !important;              /* 滚动统一上交父层 */
}
@media (max-width: 767px) {
  #main-content.content { padding-bottom: 128px !important; } /* 底导 84 + mini FAB 96 安全区 */
}

/* ---- P0-② hero 空态精选区零留白 ---- */
#lx-daily-hero .lx-dh-picks {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin-top: 10px !important;
}
#lx-daily-hero .lx-dh-hint {
  font-size: 12px !important;
  padding-top: 8px !important;
}

/* ---- P1 首屏密度 ---- */
#lx-daily-hero .lx-dh-title { font-size: 27px !important; line-height: 1.24 !important; }
#lx-daily-hero .lx-dh-title span { font-size: inherit !important; }
#lx-daily-hero .lx-dh-kicker { margin-bottom: 4px !important; }
#lx-daily-hero .lx-evo-row { gap: 8px !important; margin-top: 10px !important; }
#lx-daily-hero .lx-evo-badge { padding: 4px 10px !important; font-size: 11.5px !important; }
#lx-daily-hero .lx-quick-bar { margin-top: 10px !important; }

/* ---- v1092b 视图纯净性：非首页视图隐藏首页专属模块 ----
 * 实测：切到 watchlist 等视图时 hero(461)+精选榜 仍占据主区首屏，
 * 用户须滚过整个首页才能看到目标视图内容。首页模块只在 daily-picks 显示。 */
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-daily-hero,
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-home-picks,
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-guanxuan,
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-living-status {
  display: none !important;
}

/* ---- v1092b 视图纯净性：非首页视图隐藏首页专属模块 ----
 * 实测：切到 watchlist 等视图时 hero(461)+精选榜 仍占据主区首屏，
 * 用户须滚过整个首页才能看到目标视图内容。首页模块只在 daily-picks 显示。 */
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-daily-hero,
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-home-picks,
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-guanxuan,
#main-content:has(.tab-content.active:not(#tab-daily-picks)) #lx-living-status {
  display: none !important;
}

/* ---- v1092c 移动端 hero 压缩：底部胶囊完全让出底导(84px fixed)区域 ----
 * 实测：390x844 下 hero=720，844-顶栏(~100)-720 → hero 尾部 evo 胶囊被底导遮半。
 * 头像 190→148 + 标题 27→24 + padding 收紧 → hero ≈ 630，尾部落于底导之上。 */
@media (max-width: 767px) {
  #lx-daily-hero { padding-top: 14px !important; padding-bottom: 14px !important; }
  #lx-daily-hero .lx-dh-avatar {
    width: 148px !important;
    height: calc(148px / 0.81612) !important;
  }
  #lx-daily-hero .lx-dh-title { font-size: 24px !important; }
  #lx-daily-hero .lx-evo-row { gap: 6px !important; margin-top: 8px !important; }
  #lx-daily-hero .lx-evo-badge { font-size: 11px !important; padding: 4px 8px !important; }
}

/* ---- v1092c 移动端 hero 压缩：底部胶囊完全让出底导(84px fixed)区域 ----
 * 实测：390x844 下 hero=720，844-顶栏(~100)-720 → hero 尾部 evo 胶囊被底导遮半。
 * 头像 190→148 + 标题 27→24 + padding 收紧 → hero ≈ 630，尾部落于底导之上。 */
@media (max-width: 767px) {
  #lx-daily-hero { padding-top: 14px !important; padding-bottom: 14px !important; }
  #lx-daily-hero .lx-dh-avatar {
    width: 148px !important;
    height: calc(148px / 0.81612) !important;
  }
  #lx-daily-hero .lx-dh-title { font-size: 24px !important; }
  #lx-daily-hero .lx-evo-row { gap: 6px !important; margin-top: 8px !important; }
  #lx-daily-hero .lx-evo-badge { font-size: 11px !important; padding: 4px 8px !important; }
}

/* ---- v1092d 移动端文案列压缩：hero 高度由文案列决定（同桌面教训）----
 * quick-bar 五键与底导功能重复 → 移动端隐藏（省 54px）；
 * indices/evo/CTA 再收紧 → hero 711 → ~640，evo 胶囊尾部完全让出底导区。 */
@media (max-width: 767px) {
  #lx-daily-hero .lx-quick-bar { display: none !important; }
  #lx-daily-hero .lx-dh-indices { gap: 6px !important; }
  #lx-daily-hero .lx-dh-chip { padding: 4px 8px !important; font-size: 11px !important; }
  #lx-daily-hero .lhr-cta { padding: 10px 18px !important; font-size: 13.5px !important; }
  #lx-daily-hero .lx-ask { margin-top: 10px !important; }
}

/* ---- v1092d 移动端文案列压缩：hero 高度由文案列决定（同桌面教训）----
 * quick-bar 五键与底导功能重复 → 移动端隐藏（省 54px）；
 * indices/evo/CTA 再收紧 → hero 711 → ~640，evo 胶囊尾部完全让出底导区。 */
@media (max-width: 767px) {
  #lx-daily-hero .lx-quick-bar { display: none !important; }
  #lx-daily-hero .lx-dh-indices { gap: 6px !important; }
  #lx-daily-hero .lx-dh-chip { padding: 4px 8px !important; font-size: 11px !important; }
  #lx-daily-hero .lhr-cta { padding: 10px 18px !important; font-size: 13.5px !important; }
  #lx-daily-hero .lx-ask { margin-top: 10px !important; }
}

/* ---- v1092e 移动端指数条横滑：4 行(112px) → 1 行(26px)，省 86px ----
 * 实测：390px 宽下 5 个指数胶囊换行成 4 行，是 hero 超高（714px）主因。
 * 世界级股票 App 惯例 = 指数条横向滑动；滚后 hero ≈ 628，尾部完全让出底导。 */
@media (max-width: 767px) {
  #lx-daily-hero .lx-dh-indices {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px !important;
  }
  #lx-daily-hero .lx-dh-indices::-webkit-scrollbar { display: none !important; }
  #lx-daily-hero .lx-dh-chip { flex: 0 0 auto !important; white-space: nowrap !important; }
}

/* ---- v1092e 移动端指数条横滑：4 行(112px) → 1 行(26px)，省 86px ----
 * 实测：390px 宽下 5 个指数胶囊换行成 4 行，是 hero 超高（714px）主因。
 * 世界级股票 App 惯例 = 指数条横向滑动；滚后 hero ≈ 628，尾部完全让出底导。 */
@media (max-width: 767px) {
  #lx-daily-hero .lx-dh-indices {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px !important;
  }
  #lx-daily-hero .lx-dh-indices::-webkit-scrollbar { display: none !important; }
  #lx-daily-hero .lx-dh-chip { flex: 0 0 auto !important; white-space: nowrap !important; }
}

/* ---- v1092f 移动端 indices 占位根治 ----
 * 真凶：contrast-aa-fix.css 的 `#lx-dh-indices{min-height:112px}`（4 行时代防塌占位），
 * v1092e 横滑一行后该占位变成多余 86px。叠加层压回 0。 */
@media (max-width: 767px) {
  #lx-daily-hero #lx-dh-indices,
  #lx-daily-hero .lx-dh-indices { min-height: 0 !important; height: auto !important; }
}

/* ---- v1092f 移动端 indices 占位根治 ----
 * 真凶：contrast-aa-fix.css 的 `#lx-dh-indices{min-height:112px}`（4 行时代防塌占位），
 * v1092e 横滑一行后该占位变成多余 86px。叠加层压回 0。 */
@media (max-width: 767px) {
  #lx-daily-hero #lx-dh-indices,
  #lx-daily-hero .lx-dh-indices { min-height: 0 !important; height: auto !important; }
}
