首页和服务列表定稿

2026-10-04 12:53:19 +08:00
parent c412964ab6
commit 5844272762
4 changed files with 399 additions and 194 deletions
@@ -37,6 +37,8 @@
 - `--brand-strong` 是唯一可以当"实心大色块"用的值。全页同类实心块建议不超过一处，避免主色泛滥。
 - `--brand-soft` 只能当底，不能当文字色，也不能当描边色（它做描边时等于没有描边）。
 - `--brand-ink` 是浅橙底上的首选强调字色。`--brand-strong` 落在 `--brand-soft` 上实测 4.77:1，过 AA 但余量小，浅橙底上的文字一律走 `--brand-ink`。
+- 例外（已登记）：`escort/itemlist` 的价目单里，价格数字为弱化表达改走 `--muted` + 字重 500，不走 `--brand-strong`，让「预约」空心胶囊按钮独占焦点。同一页价格列必须只用这一个色值、一种字重，不得混用。
+- `escort/itemlist` 的「预约」按钮走**空心胶囊**：3rpx `--brand-strong` 环 + 28rpx 满圆角（= 高 56rpx 的一半）+ `--brand-ink` 字 30rpx/500（纸面 6.89:1），无填充、无阴影，按下填 `--brand-line`。不用填充是因为它与同行的规格签撞形——签是「浅橙底 + 6rpx 圆角」，按钮若同族，一行里就是两个标签，分不清哪个能点。规则：**同一行只允许一个填充物（这里是签），按钮独占「环」这一形态**；可点性由环承担，字重因此可以降到 500（注意 500 在部分 Android 中文会落回常规）。该页因此不存在实心大色块，§2.1「同类实心块不超过一处」无需开口子。

 ### 2.2 第二色：暖墨文字层

@@ -66,9 +68,13 @@

 - 这两组线不是装饰，是**切分工具**，本身不表意。不要给它们上主色或状态色。
 - `--line` 与 `--sep` 的分工是固定的：浅橙底上必须用 `--sep`，因为 `--brand-line` 落在 `--brand-soft` 上只有约 1.16:1，肉眼看不见；`--sep` 比 `--line` 深一档，专门负责在彩色底上还能被看到。
- `--paper` 与 `--brand-soft` 的明度差只有约 1.03:1。所以浅橙块落在纸面上时，形状必须靠**暖色紧阴影**托出来，不能用更大的色差去解决。
+- `--paper` 与 `--brand-soft` 的明度差只有约 1.03:1。所以浅橙块落在纸面上时，形状必须靠 **2rpx `--brand-line` 描边**承担，不能用更大的色差去解决，也不加阴影——首页 `.intro-card` / `.quick-item-full` 与 `escort/itemlist` 的页脚收口卡都是"描边 + 去阴影"这一种做法。浅橙块靠大面自身可辨，不靠阴影托形。
+- **白卡一律走中性阴影**（`--shadow-card: 0 2rpx 10rpx rgba(63, 43, 25, 0.07)`，首页与 `escort/itemlist` 同值），圆角 28rpx。彩色（暖橙）阴影**不得用在 `--white` 面上**——白面加暖橙阴影会在卡边泛出一圈暖晕，与全站白卡不是同一种东西；它只允许出现在实心 CTA、品牌印记这类小体量元素上（如首页 `--shadow-cta: 0 2rpx 8rpx rgba(194, 65, 12, 0.16)`）。
+- 例外（已登记）：`escort/itemlist` 的三个服务分组做成**通栏白底块**——`--white` 面 + 上下各 2rpx `--line` 发丝边 + 上述中性 `--shadow-card`，**圆角为 0**。做法是 `margin: 36rpx -32rpx 0` 加等量 `padding: 28rpx 32rpx`，白面顶到屏幕两侧而行宽仍落在容器原有的 686rpx 上。这是该页唯一可行的"白底卡"解法：卡内缩 32rpx 再自带 24rpx 内距会把内容宽压到 638rpx，最长服务名「VIP 5次 半天陪诊」(249rpx) 当场折行。圆角必须为 0，否则满宽块的圆角会切在屏幕边上、露出纸色缺口。页首 `.notice` 仍是内缩 28rpx 圆角白卡（同上中性阴影），两者是"提示卡 / 章节带"两种角色，形不同不算同类撞形。白底块内每组的末行不画分隔虚线，收口交给卡底发丝边。

-浅橙块托形阴影（唯一允许的彩色阴影）：
+例外（已登记）：`escort/itemlist` 的**页脚做成浅橙收口卡**——`--brand-soft` 底 + 2rpx `--brand-line` 描边 + 28rpx 圆角 + 去阴影，与首页 `.quick-item-full`（「联系我们」）同源。用途是把首页"每个区块都收在暖色卡上"的节奏带过来：该页其余四块都是白面，页脚若也走白，全页暖色就只剩"线"（竖条 / 按钮环 / 暖陶土字），比首页轻一档；这张"面"是补回来的暖色落点。
+
+浅橙块不使用彩色阴影（按上条，靠描边托形）。以下值曾是"浅橙块托形阴影"的唯一候选，但首页与 `escort/itemlist` 实际都用描边，此值当前无使用位置，仅作登记——若将来确需给浅橙块托形，只能用它：

 ```css
 box-shadow: 0 2rpx 10rpx rgba(194, 65, 12, 0.08);