/* layout-anchored.css — v6.5.0 宽度锚定覆盖层（index-bleed.html / index-tallbg.html 加载）
   方案 1/2 共用：舞台保持满屏（沿用 layout.css 移动端行为），但所有图层的
   纵向坐标/尺寸从「高度的 %」换算为 cqw（设计稿 1600px 高 = 177.78cqw），
   图层只随宽度等比缩放，任何视口比例下都不失真。
   超高屏多出的纵向空间留在内容下方：bleed 用页面底色承接，
   tallbg 由 2000px 加高底图承接（JS 换图）。换算系数：% × 16 / 9。 */

/* ---------- 开屏 P1 ---------- */
.p1-header { top: 0; height: 20.7778cqw; }
.p1-title { top: 23.0667cqw; height: 34.5938cqw; }
.p1-characters { top: 67.2178cqw; height: 75.3422cqw; }
.p1-umbrella { top: 48.1067cqw; height: 34.4533cqw; }
.p1-sock { top: 75.0044cqw; height: 14.56cqw; }
.p1-dear { top: 142.8978cqw; height: 10.56cqw; }
.p1-copyright { top: 171.0044cqw; height: 2.2222cqw; }

.p1-deco-41 { top: 91.4489cqw; height: 6.8978cqw; }
.p1-deco-42 { top: 75.7867cqw; height: 5.7778cqw; }
.p1-deco-43 { top: 23.0044cqw; height: 2.56cqw; }
.p1-deco-44 { top: 62.1156cqw; height: 2.56cqw; }
.p1-deco-45 { top: 105.2267cqw; height: 3.2178cqw; }
.p1-deco-46 { top: 130.4533cqw; height: 3.4489cqw; }
.p1-deco-47 { top: 101.12cqw; height: 3.8933cqw; }
.p1-deco-48 { top: 94.1156cqw; height: 2.3289cqw; }

.splash-start { top: 153.3333cqw; height: 12.7822cqw; }
.splash-begin { top: 151.5556cqw; height: 11.5556cqw; }

/* ---------- 开屏 P2 ---------- */
.p2-paper { top: 30.7733cqw; height: 108.3378cqw; }
.p2-friends-top { top: 10.2222cqw; height: 26.56cqw; }
.p2-friends-left { top: 19.3422cqw; height: 25.5644cqw; }
.p2-carousel { top: 119.3422cqw; height: 49.7778cqw; }

/* ---------- 开屏 P3 ---------- */
.p3-spinner { top: 75.6622cqw; height: 26.0089cqw; }
.p3-caption { top: 111.8933cqw; height: 9.1cqw; }

/* ---------- 题目页 ---------- */
.q-text-area { top: 29.4444cqw; }
#screen-quiz:is([data-question="1"], [data-question="3"], [data-question="8"]) .q-text-area {
  top: 28cqw;
}
#screen-quiz[data-question="7"] .q-text-area { top: 28.4444cqw; }

/* 返回上一站：原稿底缘距设计稿底 4.8%（76.8px），按 cqw 还原到同一位置。
   字形底缘 = (1600×95.2%)/9 = 169.24cqw，高 76.8/9 = 8.53cqw。 */
.quiz-back {
  top: 160.7111cqw;
  bottom: auto;
  height: 8.5333cqw;
}