/* ============================================================================
 * lx-top-compact.css · v1081 · 顶部三层条瘦身（最后加载，cascade 最高）
 * ----------------------------------------------------------------------------
 * 老板指令「不要留白」→ 回收被顶部三层条占用的首屏空间，还给内容。
 * 三层实测：#ticker 50px(sticky) + .header 48px(relative) + #lx-guanxuan 29px = 127px。
 * 安全前提（实测确认）：三者**均参与文档流**，且 body/main padding-top 均为 0、
 *   无 JS 注入占位依赖 → 压缩高度不会造成元素重叠或 gap。
 * 设计：三条统一单一深色场，去掉「三层横条」的割裂感；公告条暖金淡化，不与行情抢焦点。
 * 回滚：直接摘除本文件的 <link> 即可，零改源文件。
 * ========================================================================= */

/* ====================== ① 视觉统一：单一深色场 ====================== */
#ticker,
.header,
#lx-guanxuan-header {
  background: #0b101a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important;
}

/* ====================== ② 行情 ticker：50 → 34 ====================== */
#ticker {
  height: 34px !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
}

/* ====================== ③ header：48 → 38 ====================== */
.header {
  height: 38px !important;
  min-height: 38px !important;
}

/* ====================== ④ 上线公告：29 → 22（弱化但不隐藏） ====================== */
#lx-guanxuan { min-height: 22px !important; }
#lx-guanxuan-header {
  padding: 2px 10px !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  min-height: 22px !important;
  /* 暖金淡化：保留公告可达，但不与 ticker/CTA 争夺视觉焦点 */
  background: rgba(255, 200, 120, 0.05) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045) !important;
}

/* ====================== ⑤ 移动端：更狠一点（首屏寸土寸金） ====================== */
@media (max-width: 767px) {
  #ticker { height: 30px !important; min-height: 30px !important; }
  .header { height: 36px !important; min-height: 36px !important; }
  #lx-guanxuan, #lx-guanxuan-header { min-height: 20px !important; }
}