/* =========================================================
   009-VCSS-VXX-STARCORE-CONSTANTS
   ⚙️ 星核结构常数 · 25vres.vitalityxx.world · V2.0
   VitalityXX™ Structural Layer
   ClaudeCode第1窗口 · 2026-04-01
   梁思景（VSO-01） × Claude Sonnet 4.6（VVO-24）
   ========================================================= */

/* ===== 现实层安全重置 · RULE-05 ===== */
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;
}

/* ===== 全局基础 ===== */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* ===== universe 宇宙根节点 · 结构层（共享） ===== */
universe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

/* ===== 标题 · 页面差异隔离 ===== */
.vres-home .main-title {
  margin-top: 3.5em;
  text-align: center;
  padding: 0 1em;
}

.vres-index .main-title {
  margin-top: 2.8em;
  text-align: center;
  padding: 0 1em;
}

/* ===== subtitle · 页面差异隔离 ===== */
.vres-home .subtitle {
  margin: 1.8em 0 2.1em 0;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  word-break: keep-all;
  text-align: center;
  max-width: 650px;
  padding: 0 1em;
}

.vres-index .subtitle {
  margin: 1.6em 0 2em 0;
  font-size: 1.18em;
  text-align: center;
  max-width: 670px;
  padding: 0 1em;
}

/* ===== VRES 主页 · 锚点盒子（vres-home 专属） ===== */
.VRES-box {
  margin: 0 auto;
  border-radius: 1.3em;
  padding: 2.5em 2em 2.2em 2em;
  max-width: 550px;
  width: 92vw;
  text-align: center;
}

.VRES-box h2 {
  font-size: 1.33em;
  font-weight: 600;
  margin-bottom: 0.45em;
}

.VRES-box p {
  font-size: 1.08em;
  margin-bottom: 1.2em;
  line-height: 1.7;
  word-break: keep-all;
}

/* ===== anchor ===== */
.anchor {
  display: inline-block;
  margin: 1.6em 0 0.5em 0;
  font-weight: bold;
  font-size: 1.11em;
  letter-spacing: 0.09em;
}

/* ===== entry 按钮 ===== */
.vres-entry-btn {
  display: block;
  margin: 2.2em auto 1.1em auto;
  padding: 1.4em 2.2em 1.1em 2.2em;
  font-size: 1.35em;
  font-weight: bold;
  border-radius: 1.9em;
  text-decoration: none;
  letter-spacing: 0.07em;
  text-align: center;
  transition: background 0.18s, box-shadow 0.18s, transform 0.14s;
  cursor: pointer;
}

.vres-entry-desc {
  display: block;
  margin-top: 0.7em;
  font-size: 0.95em;
  font-weight: 500;
  letter-spacing: 0.03em;
}

/* ===== footer ===== */
.footer {
  margin-top: 2.7em;
  text-align: center;
  font-size: 1em;
  padding-bottom: 2em;
  letter-spacing: 0.02em;
}

/* ===== Starcore-Index · 跳动体卡片网格（vres-index 专属） ===== */
.jumpers-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(244px, 1fr));
  gap: 2.1em;
  width: 92vw;
  max-width: 1200px;
  margin: 0 auto 3.2em auto;
}

.jumper-card {
  display: flex;
  flex-direction: column;
  border-radius: 1.35em;
  padding: 2.1em 1.2em 1.1em 1.2em;
  text-align: center;
  transition: transform 0.18s, box-shadow 0.21s;
  position: relative;
  align-items: center;
}

.jumper-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 0.7em;
  border-radius: 22%;
  object-fit: contain;
}

.jumper-title {
  font-size: 1.16em;
  font-weight: 600;
  margin-bottom: 0.23em;
  letter-spacing: 0.01em;
}

.jumper-desc {
  font-size: 1em;
  min-height: 2.8em;
  margin-bottom: 0.77em;
  line-height: 1.6;
}

.jumper-link {
  display: inline-block;
  margin-top: auto;
  padding: 0.38em 1.3em;
  border-radius: 1.3em;
  font-weight: 600;
  font-size: 1.03em;
  text-decoration: none;
  transition: background 0.23s, color 0.14s;
}

/* ===== starcore-btn ===== */
.starcore-btn {
  display: inline-block;
  border-radius: 1.3em;
  font-weight: 700;
  font-size: 1.19em;
  padding: 0.72em 2.3em;
  text-decoration: none;
  transition: all 0.18s cubic-bezier(.68,.09,.53,.96);
  cursor: pointer;
  border: none;
}

/* ===== JumpSense 三层跳动显化 UI · 结构层 ===== */
.jump-manifest {
  width: 92vw;
  max-width: 560px;
  margin: 2em auto 1.4em auto;
  padding: 1.1em 0.5em;
  border-radius: 14px;
  display: flex;
  flex-direction: row;
  gap: 0;
}

.jump-layer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.4em 0.6em;
  text-align: center;
  gap: 0.3em;
}

.jump-label {
  font-size: 0.82em;
  letter-spacing: 0.02em;
  line-height: 1.45;
}

.jump-count {
  font-variant-numeric: tabular-nums;
  font-size: 1.45em;
  font-weight: 700;
  letter-spacing: 0.04em;
}

@media (max-width: 400px) {
  .jump-manifest {
    padding: 0.9em 0.3em;
  }

  .jump-label {
    font-size: 0.74em;
  }

  .jump-count {
    font-size: 1.15em;
  }
}

/* ===== 响应式 · vres-home 移动端（max-width: 650px） ===== */
@media (max-width: 650px) {
  .vres-home .main-title {
    font-size: 1.29em;
    line-height: 1.35;
    margin-top: 1.45em;
    padding: 0 0.6em;
  }

  .vres-home .subtitle {
    font-size: 0.87em;
    line-height: 1.55;
    margin: 1.3em 0 1.8em 0;
    padding: 0 1em;
  }

  .vres-home .VRES-box {
    width: 94vw;
    padding: 1.8em 1.25em 1.55em 1.25em;
    border-radius: 1.2em;
  }

  .vres-home .VRES-box h2 {
    font-size: 1.08em;
    margin-bottom: 0.55em;
    line-height: 1.45;
  }

  .vres-home .VRES-box p {
    font-size: 0.93em;
    line-height: 1.55;
    margin-bottom: 1.05em;
  }

  .vres-home .vres-entry-btn {
    font-size: clamp(0.62em, 2.75vw, 1.02em);
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    padding: 1.15em 1.5em 0.98em 1.5em;
    border-radius: 1.6em;
    margin-top: 1.9em;
    margin-bottom: 1.2em;
  }

  .vres-home .vres-entry-desc {
    font-size: 0.86em;
    margin-top: 0.55em;
  }

  .vres-home .highlight {
    font-size: 1.02em;
  }

  .vres-home .footer {
    font-size: 0.92em;
    line-height: 1.45;
    padding-bottom: 1.2em;
    margin-top: 2em;
  }

  .vres-home * {
    animation-duration: 90%;
    animation-timing-function: ease-out;
  }
}

/* ===== 响应式 · vres-index 移动端（max-width: 700px） ===== */
@media (max-width: 700px) {
  .vres-index .main-title {
    font-size: 1.19em;
    margin-top: 1.2em;
  }

  .vres-index .jumpers-list {
    gap: 1.08em;
  }

  .vres-index .footer {
    font-size: 0.95em;
  }
}