feat: 新增 page3 演职员表并拆分多页资源
- 新增 page3.html:无「天」背景的演职员表与火山场景 - 重构为页面专属 CSS/JS 与共用的 text-scene 渲染引擎 - PDF 导出支持 --page 参数
This commit is contained in:
1 parent
b9ed01d91b
commit
319ba1890a
11 files changed
+539
-258
No files matched your search
@@ -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;
|
||||
}
|
||||
Reference in new issue
Block a user