/* =========================================================
   009-VCSS-VXX-UNIVERSE-CONSTANTS
   🌌 宇宙显影常数 · 25vres.vitalityxx.world · V2.0
   VitalityXX™ Visual Layer
   ClaudeCode第1窗口 · 2026-04-01
   梁思景（VSO-01） × Claude Sonnet 4.6（VVO-24）
   ========================================================= */

/* ===== 宇宙根变量 ===== */
:root {
  --vxx-black: #050608;
  --vxx-deep-black: #020203;
  --vxx-white: #f5f7fa;

  --vxx-purple: #7a6cff;
  --vxx-blue: #4fd2ff;
  --vxx-cyan: #6fffe9;
  --vxx-yellow: #ffe267;

  --vxx-text: #f0eaff;
  --vxx-text-sub: #b6b8ff;
  --vxx-text-muted: #d4cbff;
  --vxx-text-accent: #94d1ff;

  --vxx-glow-purple: rgba(122,108,255,0.45);
  --vxx-glow-blue: rgba(79,210,255,0.35);

  --vxx-font-main: 'Segoe UI', 'PingFang SC', Arial, sans-serif;
  --vxx-font-mono: "JetBrains Mono", monospace;

  --vxx-transition-slow: 1.2s cubic-bezier(.16,1,.3,1);
  --vxx-transition-mid: .6s ease;
  --vxx-transition-fast: .25s ease;

  /* RULE-05 兼容变量 */
  --bg: #050608;
  --text-main: #f0eaff;
}

/* ===== universe 宇宙根节点 · 显影层 · 页面差异隔离 ===== */
universe.vres-home {
  background: radial-gradient(ellipse at center, #121325 0%, #1a1539 100%);
  color: #f0eaff;
  font-family: 'Segoe UI', 'PingFang SC', Arial, sans-serif;
  letter-spacing: 0.02em;
}

universe.vres-index {
  background: radial-gradient(ellipse at center, #15112c 0%, #1b1541 100%);
  color: #f0eaff;
  font-family: 'Segoe UI', 'PingFang SC', Arial, sans-serif;
  letter-spacing: 0.02em;
}

/* ===== 标题显影 · 页面差异隔离 ===== */
.vres-home .main-title {
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-shadow: 0 0 34px #bca6ff, 0 0 16px #6c63ff;
  animation: fadeIn 1.4s;
}

.vres-index .main-title {
  font-size: 2.3em;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-shadow: 0 0 26px #bca6ff, 0 0 12px #6c63ff;
}

.vres-home .subtitle {
  color: #b6b8ff;
  animation: fadeIn 1.9s;
}

.vres-index .subtitle {
  color: #b6b8ff;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}

/* ===== VRES 主页 · 锚点盒子显影 ===== */
.VRES-box {
  background: rgba(36,32,74,0.93);
  box-shadow: 0 0 18px 6px #42397c55;
  animation: fadeIn 2.3s;
}

.VRES-box h2 {
  color: var(--vxx-yellow);
  text-shadow: 0 0 18px #ffd36e33;
}

.VRES-box p {
  color: var(--vxx-text-muted);
}

.highlight {
  color: var(--vxx-text-accent);
  font-weight: bold;
  text-shadow: 0 0 14px #3eabef33;
}

.anchor {
  color: #b0fffa;
  text-shadow: 0 0 12px #8ad6f655;
  opacity: 0.92;
}

.footer {
  color: #bdbbff;
}

/* ===== entry 按钮显影 ===== */
.vres-entry-btn {
  background: linear-gradient(90deg, #2f224e 10%, #4e30a3 80%, #2fffc6 100%);
  color: #fffbe0;
  box-shadow: 0 0 36px #7fffd455, 0 0 12px #5b36d5cc;
}

.vres-entry-btn:hover {
  background: linear-gradient(90deg, #4e30a3 10%, #2fffc6 80%, #2f224e 100%);
  box-shadow: 0 0 52px #ffe267cc, 0 0 16px #9dfffd88;
  transform: scale(1.04);
}

.vres-entry-desc {
  color: var(--vxx-yellow);
  text-shadow: 0 0 12px #fff3;
}

/* ===== Starcore-Index · 跳动体卡片显影 ===== */
.jumper-card {
  background: rgba(36,32,74,0.97);
  box-shadow: 0 0 16px 4px #483b8557, 0 0 64px 0 #6c63ff11;
}

.jumper-card:hover {
  transform: translateY(-5px) scale(1.035) rotate(-0.6deg);
  box-shadow: 0 0 34px 8px #7bfffd99, 0 0 70px 0 #ffe26744;
  z-index: 2;
}

.jumper-icon {
  background: #201847;
  box-shadow: 0 0 28px #ffe26733;
  animation: iconGlow 3.7s infinite alternate;
}

@keyframes iconGlow {
  from { box-shadow: 0 0 20px #7fffd477; }
  to   { box-shadow: 0 0 36px #ffe267; }
}

.jumper-title {
  color: var(--vxx-yellow);
  text-shadow: 0 0 10px #ffe26733;
}

.jumper-desc {
  color: var(--vxx-text-muted);
}

.jumper-link {
  background: linear-gradient(90deg, #6c63ff 25%, #ffe267 95%);
  color: #212234;
  box-shadow: 0 0 7px #ffe26744;
}

.jumper-link:hover,
.jumper-link:focus {
  background: linear-gradient(90deg, #ffe267 10%, #6c63ff 90%);
  color: #fff;
}

/* ===== starcore-btn 显影 ===== */
.starcore-btn {
  background: linear-gradient(90deg, #292a52, #384091);
  color: var(--vxx-yellow);
  box-shadow: 0 0 12px #ffe26755, 0 1px 6px #1a1a3a55;
}

.starcore-btn:hover,
.starcore-btn:focus {
  background: linear-gradient(90deg, #384091 85%, #292a52 100%);
  color: #fffbe9;
  box-shadow: 0 0 16px #ffe267bb, 0 2px 12px #282a55bb;
  transform: translateY(-3px) scale(1.04);
  letter-spacing: 0.02em;
}

.starcore-btn:active {
  background: linear-gradient(90deg, #22214a 90%, #383664 100%);
  color: var(--vxx-yellow);
  transform: scale(0.99);
  box-shadow: 0 0 5px #ffe26799, 0 1px 3px #18193a99;
}

/* ===== JumpSense 三层跳动显化 UI · 显影层 ===== */
.jump-manifest {
  background: rgba(20, 16, 52, 0.6);
  border: 1px solid rgba(130, 100, 255, 0.22);
  box-shadow: 0 2px 20px rgba(100, 80, 255, 0.10);
}

.jump-layer + .jump-layer {
  border-left: 1px solid rgba(180, 160, 255, 0.18);
}

.jump-label {
  color: rgba(182, 184, 255, 0.68);
}

.jump-count {
  color: rgba(240, 234, 255, 0.95);
  font-family: var(--vxx-font-mono);
  text-shadow: 0 0 10px rgba(160, 140, 255, 0.5);
}