/* 第 2 页:满铺淡色「墙」背景,明度同 page1 的「天」 */ .wall { color: rgba(190, 200, 240, 0.15); } .ground { color: color-mix(in srgb, #8a7350 55%, #000); } .table { color: color-mix(in srgb, #c08a4e 60%, #000); } .chair { color: color-mix(in srgb, #d98f3f 65%, #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); } .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; } /* 墙上画框:偏橄榄的古铜金,避免与本页既有的橙、棕、亮黄重复;画面为灰白 */ .frame { color: color-mix(in srgb, #e0c34a 62%, #000); } .picture { color: color-mix(in srgb, #e8e8e4 42%, #000); } /* 前景标题「酒水单」:字号与颜色同 page3 的「演职员表」; em 相对自身 1.6em 字号,2.9375em = 距顶 4.7 格(居中于留空行 4–6), 2.5em = 距左 4 格 */ .listing { position: absolute; top: 2.9375em; 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(如 12.25 格 = 9.8em) */ .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: 10.2em; left: 4em; } /* 距顶 12.75 格、距左 5 格,居中于行 12–25 */ .program-col-2 { top: 11.8em; left: 13.6em; } /* 距顶 14.75 格、距左 17 格,居中于行 14–32 */ .program-item { display: flex; } .program-no { width: 2.6em; text-align: left; } .program-name { text-align: left; white-space: nowrap; }