/* ============================================================
   背景层底座样式（js/cosmos.js 2D 回退 / js/cosmos/ 3D 推理场共用）
   ① 画布 position:fixed + inset:0 → 页面上下滚动时背景完全不动；
   ② z-index 为负 → 压在正文之下、盖住 body 的纯色底色。
   （原右下角音频控制面板已删，相关样式一并移除）
   ============================================================ */
#cosmos-canvas {
  position: fixed;
  inset: 0;
  display: block;
  z-index: -2;
  pointer-events: none;
}

/* 暗角 + 冷蓝环境辉光：CSS 静态层（js/cosmos.js 建层，渐变强度取 CFG.vignette）。
   零每帧开销；挂在 body 末尾、z-index:-1 → 盖住画布(-2)与 3D 舞台(-1 但 DOM 更早)，
   仍压在全部正文之下；pointer-events:none 不挡任何交互。 */
.cosmos-veil {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  /* 常驻暗角：3D 引擎不会调用 buildVeil（那是 2D 回退的），index.html 里的静态 veil
     原本是空壳——推理场连线在文字区外围全程裸奔，手机竖屏上尤其乱（2026-09-30 用户反馈）。
     2D 回退时 buildVeil 写的是 inline background，会自然覆盖这条，不冲突。 */
  background:
    radial-gradient(ellipse 130% 90% at 50% 42%,
      rgba(0, 2, 7, 0) 42%, rgba(0, 2, 7, 0.30) 76%, rgba(0, 2, 7, 0.62) 100%);
}
@media (max-width: 639px) {
  .cosmos-veil {
    /* 竖屏：暗角收得更紧、更深，把连线群压向中景，文字区外圈留出干净的黑 */
    background:
      radial-gradient(ellipse 150% 74% at 50% 42%,
        rgba(0, 2, 7, 0) 30%, rgba(0, 2, 7, 0.44) 68%, rgba(0, 2, 7, 0.82) 100%);
  }
}

/* 深空底色兜底：3D 场景首帧淡入前不露白 */
body { background: #030712; }

/* ===== IGLOO 式 HUD 角标：等宽小字，纯装饰，不拦截任何交互 ===== */
.cosmos-hud {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  font-family: ui-monospace, Consolas, "Courier New", monospace;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(158, 176, 202, 0.40);
  user-select: none;
}
.cosmos-hud.tl { left: 18px; top: 64px; }
.cosmos-hud.tr { right: 18px; top: 64px; text-align: right; }
@media (max-width: 640px) {
  .cosmos-hud { display: none; }   /* 手机上别抢地方 */
}