点单页配色

只这一张：左栏分类 + 右列商品。不覆盖商城。改色看右侧色板，参数在页面顶部 :root。

xuxu-order-menu-design-v1.html · 393×852

这一张用到的色

顶栏
--topbar#d9d8d0
搜索 / 袋按钮
--btn-face#fff8ec
购物车角标
--coffee#b97861
纸底 / 商品列表
--paper#f2f0e9
店名 / 品名 / 价格
--ink#202522
距离 / 副标题 / 未选分类
--muted#70766f
硬边 · 阴影 · 外卖选中
--ink-hard / --mode-on#111111
自提 · 风味芯片 · + 按钮 · 底栏未选
--card / --mode-on-text#fffaf0
新客立减 / 养豆标签
--roast#e7ead8
左分类栏底
--cat-rail#efe8d8
底栏条
--tabbar#efe0c7
底栏当前页
--tea#a6b89f

描边 / 阴影

  • 硬边 --stroke：2px solid #111
  • 小阴影 --shadow-s：2px 2px 0 #111（外卖开关、+、底栏钮）
  • 中阴影 --shadow-m：3px 3px 0 #111（袋按钮、商品方图）
  • 圆角 --radius：6px，只用在底栏四钮
  • 左栏选中：纸底 + 左侧 3px 黑竖条

字号 店名 18 · 品名 15 · 价格 16 · 次级 11 · 芯片 / 底栏 10

改色：xuxu-order-menu-design-v1.html 顶部 :root。商城页不动。