/**
 * =========================================================
 * Starcore-Constants · V0.1
 * 星核结构常数 · 结构层（Structural Layer）
 * =========================================================
 *
 * File:
 * 389-VCSS-25-STARCORE-CONSTANTS-⚙️星核结构常数
 * ClaudeCode第1窗口
 * V0.1 · 2026-03-22
 *
 * Purpose:
 * 星核网页成立的结构基础 —— 不可被视觉主题覆盖。
 * 依据 VX-STARCORE-SCRIPT-RULE-04 / RULE-05
 *
 * Scope:
 * - 现实层安全重置（Reality Safety Reset）
 * - Body 降级为技术壳（RULE-05 核心）
 * - Universe 容器成立
 * - Starcore 节点基础
 * - 三层跳动显化结构
 *
 * Co-Creation:
 * 梁思景（VSO-01）× Claude Opus 4.6（VVO-24）
 *
 * Brand:
 * 25Universe™ · AnchorCode™ · Jumping-Entity™
 * =========================================================
 */

/* ===== 现实层安全重置（Reality Safety Reset） ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

/* ===== Body 降级为技术壳（RULE-05 核心） ===== */
body {
  display: contents;
  background: transparent !important;
}

body::before,
body::after {
  content: none !important;
  display: none !important;
}

/* ===== 宇宙容器（Universe Container） =====
   universe 是真正的宇宙根节点
   body 只是浏览器的技术壳 */
universe {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

/* ===== 星空画布（固定背景层） ===== */
#starryCanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
}

/* ===== 星核节点基础（Starcore Node Base） =====
   starcore 作为 universe 的 flex 子项，
   必须继承 flex 链，否则内部 content-layer 的 flex: 1 失效 */
starcore {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  z-index: 2;
}

/* ===== 三层跳动显化结构 ===== */
.jump-manifest {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}

.jump-layer {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.jump-label {
  font-size: 0.6rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.jump-count {
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
}

/* ===== CSS 点缀星结构 ===== */
.tiny-star {
  position: absolute;
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}
