50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
/* 第 3 页：无「天」背景；只保留电线、麻雀、草与前景标题 */
|
|
|
|
.wire { color: #8794a5; }
|
|
.sparrow { color: #ff7a3f; }
|
|
.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;
|
|
}
|
|
|
|
/* 演职员表大区块：4 × 9 姓名网格，背景 alpha 0.5 */
|
|
.nametag-block {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
z-index: 1;
|
|
display: grid;
|
|
background: rgba(10, 8, 6, 0.5);
|
|
}
|
|
|
|
.nametag-name {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #e6dac6;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
letter-spacing: 0;
|
|
white-space: nowrap;
|
|
}
|