编辑器：配色、卡片与进阶模块
怎么打开编辑器、左侧 5 组各管什么、怎么保存：见页面编辑器。本页是第 ②–⑤ 组和顶部 / 底部的字段说明。
编辑器的思路是先定整屏，再抠单张卡片：② 整屏底色和字 → ③ 卡片排几列几行 → ④ 单张卡片里放什么。每组里「常改」的几项摆在外面，不常动的收在 细调 里。
整屏底色和字
对应第 ② 组「整屏底色和字」。
页面背景图
上传或拖入一张图（建议 1920 × 1080），细调 里有：
| 字段 | 说明 |
|---|---|
| 蒙版颜色 | 背景图上方覆盖的颜色 |
| 蒙版透明度 | 0% 为无蒙版，只影响页面背景图。背景太花、酒名读不清时调高 |
这是页面背景，营造氛围用的；每款酒自己的图在 ④ 里的「酒款图」。
颜色
| 常改 | 用在哪 |
|---|---|
| 整屏底色 | 整块屏幕的底 |
| 酒名和价格的颜色 | 卡片上最大的那些字 |
| 编号和售罄的底色 | 圆牌子和售罄条 |
| 细调 | 用在哪 |
|---|---|
| 风格 / 度数这些小字 | 副标题和售罄文字 |
| 卡片自己的底色 | 每张卡的底 |
| 卡片描边颜色 | 卡片外面那圈线 |
颜色可以用色盘选，也可以用吸管从屏幕上取色（需要 Chrome 或 Edge）。
四周留白 左右 / 上下 控制整页边距。
页面字体
全局字体 是整页的默认字体，④ 里的卡片元素没单独指定字体时都用它。点 上传字体 可以传自己的字体文件（.ttf / .woff / .woff2）。
字体版权自己负责
上传的字体要确认已获得商用授权，字体版权与授权由你自行负责。
卡片排布
对应第 ③ 组「酒款卡片长什么样」。模板给的只是起点，每一项都能改：
| 常改 | 说明 |
|---|---|
| 一屏排几列几行 | 列 × 行 就是这页能放的格子数 |
| 整块矩阵靠 | 左侧 / 居中 |
| 细调 | 说明 |
|---|---|
| 卡片区多高 | 卡片矩阵在屏幕上占的总高度 |
| 左右缝 / 上下缝 | 卡片之间的间距 |
| 卡宽 / 卡高 | 单张卡片尺寸 |
| 圆角 | 卡片圆角 |
| 卡片描边 | 开启后卡片显示 1.5px 描边，颜色取自 ② 的「卡片描边颜色」 |
改哪一项，右侧预览立刻跟着变；展开这一组时预览默认打开 辅助线。
卡片放不下会拦住保存
尺寸超出时会提示，例如：
横屏 / 8 卡 / 头开 / 尾开：卡片总宽度 2100px 超过卡片区可用宽度 1920px。请到卡片区块调整卡片宽度。
高度超了也有对应提示。超得多时点 保存并发布 会被拦下，要么减小卡宽卡高或间距，要么减少列数行数。
格子比酒少时，预览下方会提示「N 列 × M 行只有 X 格，放不下 Y 款」，点 去调列行 直接跳回这一组。
顶部与底部
顶部和底部不在左栏里。点预览画面上方的「＋ 加顶部（店招 / 标语）」或下方的「＋ 加底部（提示 / Logo）」（已开启时显示「顶部：已开 · 点这里改」），弹出「构建你的顶部 / 底部」：
- 打开 显示这一条（关掉只是不上电视，内容留着）
- 在上面的预览里点左 / 中 / 右任意一栏
- 往这一栏里 加文字 或 加图片，每栏最多 4 个元素，列表顺序就是电视上从左到右的顺序
- 用 左移 / 右移 / 删除 调整元素；设这一栏的上下位置（上 / 中 / 下）和元素间距
- 在「这一条的样式」里调 这条多高、文字颜色、字体、发光 / 阴影
- 点 保存并关闭
写字别太长
电视上 3 米外看，一行字别超过 14 个字。Logo 建议透明底 PNG，宽度 600px 以上。
卡片内如何展示
对应第 ④ 组。展开这一组后，右侧预览变成 卡片画布：可以按住卡片上的元素拖动摆位、拉右下角改大小，也可以用键盘微调。画布上方可切换 这张卡 / 整页 预览、开关 辅助线、调 预览缩放。
左侧列出卡片里的元素，还可以选一款「样卡」来预览不同酒的效果。卡片里能放的元素：
| 类别 | 元素 |
|---|---|
| 酒款信息 | 酒名、酒厂 / 品牌、风格、分类、度数、苦度、原麦汁浓度、国家、地区、简介、杯型、价格 |
| 编号与状态 | 酒头编号、售罄标（缺酒时自动出）、售罄时盖的图 |
| 图片 | 酒款图、角标 1 / 2 / 3、分组图标 |
| 装饰与文字 | 分隔线、一行小字、自由文字、酒款分组 |
点选一个元素后，右边可以改：
| 设置 | 选项 |
|---|---|
| {元素}显示 | 开关，关掉这张卡上就不出这项 |
| 位置 | 上下左右移，「一步走」小 / 大；左右居中、上下居中 |
| 大小 | 窄一点 / 宽一点 / 占满一行 |
| 字号 | 跟随版式 / 小 / 中 / 大 / 更大。有最小字号限制，再小电视上看不清 |
| 名字太长怎么办 | 只放一行 / 最多两行 / 最多三行，超出的部分电视上会截掉 |
| 压在别人上面 | 往上一层 / 往下一层，两个元素叠在一起时用 |
酒款图
「酒款图」元素显示的是酒款自己已上传的图（主图、Logo、鱼眼标），这里只控制放在哪、多大。想换图，去上枪 / 编辑酒款时改，见酒头。
哪些信息显示在电视上
新版编辑器没有单独的「页面级显示开关」，某项信息显不显示由这几处决定：
| 想隐藏 | 去哪改 |
|---|---|
| 卡片上的某项（如 IBU、简介） | ④ 选中该元素，关掉 {元素}显示 |
| 顶部 / 底部整条 | 顶部 / 底部弹窗里关掉 显示这一条 |
| 页面标题 | 标题印在顶部上，关掉顶部即可 |
元素开着却是空的，多半是酒款本身没填这个字段（比如没填 IBU），去酒头补资料。
进阶设置
对应第 ⑤ 组。整页级的独立模块，按需打开，关掉就整块去掉。
| 模块 | 做什么 | 主要设置 |
|---|---|---|
| 海报位 | 酒单旁边留一块轮播活动海报、文字卡，或直接轮播本页酒款 | 内容来源（上传海报 / 文字卡，或轮播本页酒款）、放在哪边（左 / 右 / 上 / 下）、占屏比例、每张停留；最多 8 张 |
| 播报条 | 屏幕上方或下方一条滚动文字，播新品、活动、会员日 | 每条内容和「高亮」、放在哪边（上 / 下）、高度、速度、滚动方向、颜色字体、开头标签、条目分隔符；最多 20 条 |
| 卡片翻面 | 卡片轮流翻到背面露出海报，同一时间只翻一张 | 每张翻面停留、只翻有图的酒款、背面强调色 / 文字色 |
| 按分组区分 | 不同酒款分组用不同颜色、图标区分 | 启用分组样式、颜色用在哪（边框 / 卡片底色）、每组颜色和图标、边框位置 / 粗细 / 线型 |
海报位没内容就不占位
海报位里没海报也没文字卡时，这块不占位，酒单铺满整屏。选「轮播本页酒款」则不用另外维护图片，可以勾 只轮播有海报的酒款、显示价格。
按分组区分 用的是门店的酒款分组，分组的增删改名在 POS 收银 → 酒款分组，见酒款分组。没配颜色的分组用页面强调色。
预览里的提示
预览下方会列出「N 处要看一下」——不改也能播，只是电视上不太好看：
| 提示 | 怎么办 |
|---|---|
| N 列 × M 行只有 X 格，放不下 Y 款 | 去调列行，或缩小 ① 的酒头范围 |
| X 号「…」名字太长 | 换短名，或在 ④ 改「名字太长怎么办」 |
| X 号有 N 个规格，只显示 M 行 | 多出来的规格电视上看不到，去看看 |
另外还有两类提醒：主色对比度偏低（电视端 3 米外可能不可读）；顶部已开启但文案为空。
调不出效果时的排查顺序
- 看预览上方那一行：横竖屏、款数、几列几行，是不是你以为的那个？
- 看预览下方的提示：放不下、名字太长、规格被截，按提示跳到对应组。
- 字段是不是被关掉了？ 查 ④ 里该元素的显示开关，和顶部 / 底部的 显示这一条。
- 数据本身有没有？ ABV、IBU、简介这些字段，如果酒款上就没填，开着也是空的。