# 幻灯片规则

当任务涉及 HTML 幻灯片本身时，以 `backend/deeppresenter/prompts/slide_design_prompt.py` 为最高优先级。

## 当前必须守住的约束

- 每页固定 `1280x720`
- 当前 prompt 明确要求：
  - `width: 1280px; height: 720px; overflow: hidden;`
  - Header 固定约 `80px`
  - Content 区约 `600px`
  - Bottom 安全区约 `40px`
- 禁止把页面当自然文档流去“自动撑高”
- 禁止依赖整页级别的 `min-height` / `flex-grow` 解决溢出
- 内容放不下时，优先拆页、删低优先级内容、改成多列或更紧凑布局

## 视觉和内容规则

- 同一套 deck 保持统一字体和主配色，不要每页换主色或换字体家族
- 标题、正文、强调信息的层级必须稳定
- 强调色占比要少，不能到处点缀
- 图表应有明确高度约束；复杂数值信息优先图表化
- Material Icons 需用 `<link>` 方式加载，不要用脚本注入图标库

## 处理冲突时的判断

- 如果 `系统提示词.md` 和 `slide_design_prompt.py` 不一致，优先跟 `slide_design_prompt.py`
- 如果前端预览正常但导出异常，优先检查是否违反固定画布和导出约束，而不是继续堆 CSS
- 如果想通过背景图、超长内容、复杂绝对定位来“救视觉效果”，先确认是否会破坏导出

## 典型高风险改动

- 修改整页根容器尺寸或 overflow 策略
- 把 slide 改成普通网页式自适应布局
- 大量引入图片背景或远程资源
- 为了塞下内容而普遍缩小字号和行距
- 在不检查导出的情况下大改字体加载方式