/* lx-home-picks.css — v994 首屏 AI 精选卡（禁欲极简 · 纯色细线 · 大留白 · 中国红涨绿跌） */
.lhp {
  margin: 0 0 14px 0;
  padding: 14px 16px 10px;
  border: 1px solid var(--line-faint, rgba(255, 255, 255, 0.08));
  border-radius: 12px;
  background: transparent;
}
.lhp-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.lhp-title-row { display: flex; align-items: baseline; gap: 10px; }
.lhp-title {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .3px;
  color: var(--text-primary, #f6f9fd);
}
.lhp-date { font-size: 12px; color: var(--text-muted, #7c8db0); font-variant-numeric: tabular-nums; }
.lhp-head-right { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.lhp-cred { font-size: 12px; color: var(--text-secondary, #dae4f1); }
.lhp-more {
  font-size: 12px;
  color: var(--text-muted, #7c8db0);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}
.lhp-more:hover { color: var(--text-primary, #f6f9fd); }

.lhp-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.lhp-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid var(--line-faint, rgba(255, 255, 255, 0.08));
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  min-width: 0;
  transition: border-color .15s;
}
.lhp-card:hover { border-color: rgba(255, 255, 255, 0.2); }
.lhp-card-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.lhp-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary, #f6f9fd);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lhp-code { font-size: 11px; color: var(--text-muted, #7c8db0); font-variant-numeric: tabular-nums; }
.lhp-price-row { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; }
.lhp-price { font-size: 16px; font-weight: 600; color: var(--text-primary, #f6f9fd); font-variant-numeric: tabular-nums; }
.lhp-chg { font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; }
.lhp-chg.up { color: var(--up, #e5484d); }
.lhp-chg.down { color: var(--down, #2e9e6b); }
.lhp-chg.flat { color: var(--text-muted, #7c8db0); }

.lhp-lines { display: flex; flex-direction: column; gap: 3px; padding-top: 6px; border-top: 1px solid var(--line-faint, rgba(255, 255, 255, 0.08)); }
.lhp-line {
  display: flex; justify-content: space-between;
  font-size: 11.5px; color: var(--text-secondary, #dae4f1);
  font-variant-numeric: tabular-nums;
}
.lhp-plus { color: var(--up, #e5484d); }
.lhp-minus { color: var(--down, #2e9e6b); }
.lhp-reason {
  font-size: 11px;
  color: var(--text-muted, #7c8db0);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lhp-foot { margin-top: 10px; font-size: 11px; color: var(--text-muted, #7c8db0); }

/* 平板：3 列 */
@media (max-width: 1180px) { .lhp-grid { grid-template-columns: repeat(3, 1fr); } }
/* 移动端：横向滑动 snap（首屏露出约 1.6 张卡） */
@media (max-width: 767px) {
  .lhp { padding: 12px 12px 8px; margin-bottom: 10px; }
  .lhp-head { flex-wrap: wrap; }
  .lhp-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding-bottom: 2px;
  }
  .lhp-card { flex: 0 0 76%; scroll-snap-align: start; }
}