feat: 新增 page3 演职员表并拆分多页资源

- 新增 page3.html:无「天」背景的演职员表与火山场景
- 重构为页面专属 CSS/JS 与共用的 text-scene 渲染引擎
- PDF 导出支持 --page 参数
This commit is contained in:
rogerwang2008 committed 2026-11-11 00:13:14 +08:00
1 parent b9ed01d91b
commit 319ba1890a
11 files changed
+539 -258

No files matched your search

+28
View File
@@ -0,0 +1,28 @@
/* 第 3 页:无「天」背景;只保留电线、麻雀、枪、草与前景标题 */
.wire { color: #8794a5; }
.sparrow { color: #ff7a3f; }
.gun { color: #8b6f55; }
.grass { color: #4fc353; }
.hydrant { color: #a93b43; }
/* 火山岩 / 熔岩参考色,按暗度 70% 压暗(保留 30% 明度) */
.rock { color: color-mix(in srgb, #d07a38 30%, #000); }
.lava-a { color: color-mix(in srgb, #ff8f3f 30%, #000); }
.lava-b { color: color-mix(in srgb, #ff5a2a 30%, #000); }
/* 前景标题:不参与网格,字号与位置自由;
top 的 em 相对自身 1.6em 字号,3.125em = 距顶部 5 个背景格 */
.credits {
position: absolute;
top: 3.125em;
left: 50%;
transform: translateX(-50%);
margin: 0;
color: #f2f2f2;
font-size: 1.6em;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
white-space: nowrap;
z-index: 1;
}