# Prototype Instructions

Run the local server yourself and open the preview in the browser available to this environment. Do not give the user server-start instructions when you can run it.

Before making substantial visual changes, use the Product Design plugin's `get-context` skill when the visual source is unclear or no longer matches the current goal. When the user gives durable prototype-specific design feedback, preferences, or decisions, record them in `AGENTS.md`.

When implementing from a selected generated mock, treat that image as the source of truth for layout, component anatomy, density, spacing, color, typography, visible content, and hierarchy.

Build app UI in `src/`. Keep `.openai/hosting.json`, `worker/index.js`, `scripts/prepare-sites-build.mjs`, and `tests/sites-worker.test.mjs` intact so the same local prototype can be handed to Sites. Before a Sites handoff, run `npm run build` and `npm run test:sites`; the build must leave `dist/client/index.html`, `dist/server/index.js`, and `dist/.openai/hosting.json`.

## 和气门户设计约束

- 本项目是品牌化管理入口门户，不承载统一登录、运营数据或业务编辑。
- 门户使用常规三行布局：头部展示 Logo、名称与口号，中间为广告语与滚动图 Banner，底部为三个管理系统入口。
- Banner 保持紧凑，不占满页面剩余高度；三张轮播图分别对应平台、气站和配送场景。
- 桌面端优先一屏完成，移动端允许自然纵向滚动。
- 视觉语言延续三套管理系统登录页的半写实等距插画，并使用平台蓝、气站橙、配送青绿区分入口。
- 三个入口始终在新标签页打开，分别指向 `p.heqiapp.com`、`z.heqiapp.com` 与 `d.heqiapp.com`。
- 品牌主标语固定为“安全连接每一程”，不要扩展新闻、案例、价格或其他官网栏目。