rogerwang2008
319ba1890a
- 新增 page3.html：无「天」背景的演职员表与火山场景 - 重构为页面专属 CSS/JS 与共用的 text-scene 渲染引擎 - PDF 导出支持 --page 参数
29 lines
864 B
CSS
29 lines
864 B
CSS
/* 第 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;
|
|
}
|