/*
 * ⑤ 效果 · ⑦ 收尾 · 页脚字标。（⑥ 私有化部署 2026-10-13 下线，备份在 tools/retired/private-deploy/）
 * 效果用文字叠文字的层次：巨大的热度数字在后，一句话压在它的下半截上；只放真实、平台上查得到的数字。
 * 收尾再放一段全屏画面与首屏呼应。
 */

/* ── ⑤ 效果 ── */
/* 数字带「万+」，比四位数年份宽：字号下限放低，375 宽的手机上也不出界 */
.proof-stack { --num: clamp(96px, 19vw, 300px); display: grid; justify-items: center; text-align: center; }

.proof-num {
  display: block;
  margin-top: 6px;
  font-size: var(--num);
  font-weight: var(--fw-light);
  line-height: 0.9;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: transparent;
  background: linear-gradient(180deg, rgba(245, 245, 251, 0.95) 10%, rgba(245, 245, 251, 0.02) 86%);
  -webkit-background-clip: text;
  background-clip: text;
  user-select: none;
}

/* 「万+」抬到右上角：渐变往下越来越淡，单位放在底线上会淡得看不见，读成「5000」 */
.proof-num small { margin-left: 0.06em; font-size: 0.32em; letter-spacing: 0; vertical-align: top; position: relative; top: 0.3em; }

/* 一句话压在数字的下半截上：数字是观众给的，话是我们的态度 */
.proof-title {
  position: relative;
  margin-top: calc(var(--num) * -0.34);
  font-size: var(--fs-h2);
  line-height: 1.24;
  color: var(--c-text-strong);
  text-shadow: 0 10px 50px var(--c-bg);
}

.proof-cap { margin-top: 22px; font-size: var(--fs-small); letter-spacing: 0.12em; color: var(--c-text-3); }

/* ── ⑦ 收尾：全屏画面，上下都融进页面底色 ── */
.closing {
  position: relative;
  display: grid;
  /* 文字放在画面下部：人物的脸留在上面，不被标题压住 */
  place-items: end center;
  padding-bottom: clamp(72px, 13vh, 140px);
  min-height: max(88svh, 560px);
  margin-top: var(--sp-section);
  overflow: hidden;
  isolation: isolate;
  text-align: center;
}

.closing-media { position: absolute; inset: 0; z-index: -2; }
.closing-media video { width: 100%; height: 100%; object-fit: cover; }

.closing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, var(--c-bg) 0%, rgba(13, 14, 20, 0.55) 26%, rgba(13, 14, 20, 0.45) 60%, var(--c-bg-deepest) 100%),
    radial-gradient(60% 50% at 50% 55%, rgba(139, 124, 246, 0.18), transparent 70%);
}

.closing-content { display: grid; justify-items: center; gap: 20px; padding: 0 24px; }
.closing .hero-title, .closing .hero-sub, .closing .hero-actions { animation: none; }

/* ── 页脚字标：页面最后一笔，大而轻，渐隐进底色 ── */
.sheet .site-footer { border-top: 0; overflow: hidden; }

.wordmark {
  margin: 56px 0 -0.26em;
  font-size: clamp(110px, 21vw, 340px);
  font-weight: var(--fw-light);
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: center;
  color: transparent;
  background: linear-gradient(180deg, rgba(245, 245, 251, 0.14), rgba(245, 245, 251, 0));
  -webkit-background-clip: text;
  background-clip: text;
  user-select: none;
}

/* 字标是图形（yun 为自绘单线，不能用字体排），整张图用遮罩做「大而轻、渐隐进底色」 */
.wordmark img {
  display: block;
  width: min(84vw, 1180px);
  height: auto;
  margin: 0 auto;
  opacity: 0.14;
  -webkit-mask-image: linear-gradient(180deg, #000 20%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 20%, transparent 100%);
}