feat: 第 2 页新增灯笼与酒水单前景列表

右上角以链/笼/灯/穗拼出灯笼;前景标题「酒水单」下按 references/节目单.txt
排两列曲目(前 5 后 7,数字与曲名各自左对齐);酒杯改为深绿玻璃色。
This commit is contained in:
rogerwang2008 committed 2026-11-11 03:25:00 +08:00
1 parent b84340fac1
commit f253c8acf2
3 files changed
+123 -18

No files matched your search

+51 -4
View File
@@ -4,12 +4,59 @@
.table { color: color-mix(in srgb, #c08a4e 60%, #000); }
.chair { color: color-mix(in srgb, #d98f3f 65%, #000); }
.gun { color: color-mix(in srgb, #93a9c9 62%, #000); }
.cup { color: color-mix(in srgb, #f2a83c 85%, #000); }
.cup { color: color-mix(in srgb, #5fd08a 40%, #000); }
.candle { color: color-mix(in srgb, #efd9a8 65%, #000); }
.flame { color: color-mix(in srgb, #ff4b3a 80%, #000); }
.barrel { color: color-mix(in srgb, #a86a2e 58%, #000); }
.lid { color: color-mix(in srgb, #b03a2e 62%, #000); }
.wine { color: rgba(244, 238, 222, 0.5); }
.lamp { color: color-mix(in srgb, #e0d3bf 58%, #000); }
.bulb { color: #ffe23a; }
.glow { color: color-mix(in srgb, #ffe23a 22%, #000); }
.chain { color: color-mix(in srgb, #aeb4bd 62%, #000); }
.shade { color: color-mix(in srgb, #ef7d22 70%, #000); }
.cap { color: color-mix(in srgb, #ef7d22 70%, #000); }
.tassel { color: color-mix(in srgb, #d8382a 80%, #000); }
.core { color: #ffe23a; }
/* 前景标题「酒水单」:字号与颜色同 page3 的「演职员表」;
em 相对自身 1.6em 字号,3.125em = 距顶 5 格,2.5em = 距左 4 格 */
.listing {
position: absolute;
top: 3.125em;
left: 2.5em;
margin: 0;
color: #f2f2f2;
font-size: 1.6em;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
white-space: nowrap;
z-index: 1;
}
/* 酒水单列表:前景两列,各自定位;
字号 1.25em,故 em = 格数 ÷ 1.25(如 9 格 = 7.2em) */
.program {
position: absolute;
inset: 0;
z-index: 1;
color: #e6dac6;
font-size: 1.25em;
line-height: 2;
}
.program-col { position: absolute; }
.program-col-1 { top: 10em; left: 3.2em; }
.program-col-2 { top: 12em; left: 14.4em; }
.program-item {
display: flex;
}
.program-no {
width: 2.6em;
text-align: left;
}
.program-name {
text-align: left;
white-space: nowrap;
}