/* ═══════════════════════════════════════════════════════════════════
   Solar 太阳系 HUD 皮肤（jarvis-hud-solar.js 配套）
   皮肤本体 = /solar?embed=1 的整页内嵌（图2 原样），本文件只做两件事：
     ① 让 HUD 自己的元素给图2 让位（核心球隐藏、时钟上移、遥测列退场、文字下移）
     ② 定义内嵌容器与鼠标穿透，使 3D 场景可拖拽、可点行星
   作用域全部锁在 [data-skin="solar"] 或 .solar-hud-frame，不碰其它皮肤。
   ═══════════════════════════════════════════════════════════════════ */

/* ── 内嵌容器：铺满 HUD，位于视频/Canvas 层之后、舞台之前 ── */
.lv-hud-frame {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: radial-gradient(120% 100% at 50% 50%, #060a1a 0%, #01020a 100%);
  pointer-events: auto;
}
.lv-hud-frame .solar-hud-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}

/* ── 原核心球 / 雷达 / 光晕让位给太阳 ── */
.lv-hud[data-skin="solar"] .blm-jarvis .lv-orb-wrap,
.lv-hud[data-skin="solar"] .blm-jarvis .lv-radar,
.lv-hud[data-skin="solar"] .blm-jarvis .lv-glow {
  opacity: 0 !important;
  pointer-events: none !important;
}
.lv-hud[data-skin="solar"] .blm-jarvis .lv-orb-wrap::after { display: none !important; }

/* ── 鼠标穿透：舞台层让 3D 场景能拖拽/点行星，只给对话记录与状态文字留交互 ── */
.lv-hud[data-skin="solar"] .lv-hud-stage { pointer-events: none !important; }
.lv-hud[data-skin="solar"] .lv-hud-stage .lv-chat { pointer-events: auto !important; }
.lv-hud[data-skin="solar"] .blm-jarvis .lv-status-text,
.lv-hud[data-skin="solar"] .blm-jarvis .lv-hint { pointer-events: auto !important; cursor: pointer; }

/* ── 状态文字下移到太阳光晕之外（真实太阳+日珥比手绘的大） ── */
.lv-hud[data-skin="solar"] .blm-jarvis .lv-status-text {
  top: calc(46.2% + 215px) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .95), 0 0 20px rgba(0, 0, 0, .8) !important;
}
.lv-hud[data-skin="solar"] .blm-jarvis .lv-hint {
  top: calc(46.2% + 250px) !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .95), 0 0 20px rgba(0, 0, 0, .8) !important;
}

/* ── 四角取景框 / 时钟 / 标题：暖金，与图2 的日冕同色系 ── */
.lv-hud[data-skin="solar"] .hud-c-tl,
.lv-hud[data-skin="solar"] .hud-c-tr,
.lv-hud[data-skin="solar"] .hud-c-bl,
.lv-hud[data-skin="solar"] .hud-c-br {
  border-color: rgba(255, 216, 102, .62) !important;
  box-shadow: none !important;
}
.lv-hud[data-skin="solar"] .lv-hud-side {
  color: rgba(255, 238, 206, .94) !important;
  text-shadow: 0 0 10px rgba(255, 170, 50, .32) !important;
}
.lv-hud[data-skin="solar"] .lv-hud-big {
  color: #fff1d2 !important;
  text-shadow: 0 0 18px rgba(255, 190, 80, .55), 0 0 46px rgba(255, 130, 40, .24) !important;
}
.lv-hud[data-skin="solar"] .lv-hud-kv i { color: rgba(255, 200, 110, .82) !important; }
.lv-hud[data-skin="solar"] .lv-hud-kv b { color: rgba(255, 242, 220, .96) !important; }
.lv-hud[data-skin="solar"] .blm-jarvis .lv-title {
  color: #ffe9b0 !important;
  text-shadow: 0 0 18px rgba(255, 190, 80, .42), 0 0 46px rgba(255, 120, 30, .22);
}

/* ── 让位布局：左列时钟上移避开图2 的 BODIES；右列遥测退场（图2 没有这列） ── */
.lv-hud[data-skin="solar"] .lv-hud-side-l { left: 38px !important; top: 96px !important; }
.lv-hud[data-skin="solar"] .lv-hud-side-r { display: none !important; }

/* ── 晕影压到最轻：图2 是全幅星野，不要被 HUD 的暗角吃掉 ── */
.lv-hud[data-skin="solar"] .lv-hud-vignette {
  background:
    radial-gradient(132% 104% at 50% 50%, transparent 66%, rgba(1, 2, 8, .26) 100%),
    linear-gradient(180deg, rgba(2, 4, 12, .34), transparent 20%, transparent 80%, rgba(2, 4, 12, .42));
}

@media (max-height: 820px) {
  .lv-hud[data-skin="solar"] .lv-hud-side-l { top: 86px !important; }
}