/* ============================================================================
   页面头统一（2026-10-01 · 第八轮 · 对标参考平台）

   问题（用户第 N 次说"还是好乱"）：
     同一个系统里并存三种页面头 ——
       · 中间质检 / 成品质检 / 订单中心 / 产能计划 → 白卡 + 细标题（已统一）
       · 设备管理(dv-hero 深蓝) / 危险操作(hr-hero 深红) / 报表分析(rp-hero 深蓝) → 大色块 hero
       · 生产概览(ov-hero) → 一级驾驶舱，**故意保留**
     参考平台全站**没有 hero**：一行标题 + 一张白卡就完事。

   做法：只改外观，不动任何 JS/DOM（那三个 hero 的样式是各模块运行时注入的，
        所以这里用 `#view` 前缀提高特异性，稳定压过注入样式，不需要去改模块源码）。
   保留语义：危险操作仍是红、设备管理仍是蓝，只是从"整块深色底"降级成"图标色块 + 白底"。
   ========================================================================== */

/* ① 容器：深色大色块 → 白卡（与 .ui-card 同一套观感） */
#view .dv-hero,
#view .hr-hero,
#view .rp-hero {
  background: var(--ui-bg-card) !important;
  border: 1px solid var(--ui-line-200);
  border-radius: var(--ui-r-3) !important;
  box-shadow: var(--ui-sh-1) !important;
  margin-bottom: var(--ui-sp-4) !important;
  isolation: auto;
}
/* 去掉深色层压与装饰 */
#view .dv-hero::after,
#view .hr-hero::after,
#view .rp-hero::after { display: none !important; }
#view .rp-hero-orb,
#view .rp-hero-grid,
#view .mq-hero-orb,
#view .mq-hero-grid,
#view .fqc-hero-orb { display: none !important; }

/* ② 内层：从 22×24 的大留白收到 13×16（参考平台那行标题的密度） */
#view .dv-hero-in,
#view .hr-hero-in,
#view .rp-hero-in {
  padding: 14px 16px !important;
  gap: 12px !important;
  color: var(--ui-ink-900) !important;
  border-radius: var(--ui-r-3);
}

/* ③ 图标：58px 大白块 → 38px 语义色小方块 */
#view .dv-hero-ic,
#view .hr-hero-ic,
#view .rp-hero-ic {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  border: 1px solid var(--ui-info-line) !important;
  background: var(--ui-info-bg) !important;
  color: var(--ui-brand-700) !important;
  box-shadow: none !important;
}
#view .dv-hero-ic svg,
#view .hr-hero-ic svg,
#view .rp-hero-ic svg { width: 19px !important; height: 19px !important; }
/* 危险操作保留红色语义（只换图标块，不换整块底） */
#view .hr-hero-ic {
  border-color: var(--ui-danger-line) !important;
  background: var(--ui-danger-bg) !important;
  color: var(--ui-danger-ink) !important;
}

/* ④ 文字：白字/发光 → 常规深色；去掉标题下面那根发光小横线 */
#view .dv-hero-txt h2,
#view .hr-hero-txt h2,
#view .rp-hero-txt h2 {
  font-size: var(--ui-fs-16) !important;
  font-weight: var(--ui-fw-9) !important;
  letter-spacing: .2px !important;
  color: var(--ui-ink-900) !important;
  text-shadow: none !important;
}
#view .dv-hero-txt h2::after,
#view .hr-hero-txt h2::after,
#view .rp-hero-txt h2::after { display: none !important; }
#view .dv-hero-txt p,
#view .hr-hero-txt p,
#view .rp-hero-txt p {
  font-size: var(--ui-fs-12) !important;
  color: var(--ui-ink-400) !important;
  margin-top: 4px !important;
  line-height: 1.6 !important;
}

/* ⑤ hero 右侧那些"深色底专用"的胶囊（白底上用原配色会看不清） */
#view .rp-hero .rp-hero-chip,
#view .dv-hero [class*="-chip"],
#view .hr-hero [class*="-chip"] {
  background: var(--ui-bg-soft) !important;
  border-color: var(--ui-line-200) !important;
  color: var(--ui-ink-500) !important;
}