# 版式与 Gallery Frame 系统

## 原则

版式像展览空间：清楚的建筑网格、宽留白、精确边界、一个被认真呈现的主角。强对齐与编辑节奏优先于圆角卡片、装饰图案和效果堆叠。

## 网格

- 桌面 12 栏，内容最大宽度 1360–1440 px，外侧留白 48–96 px。
- 平板 8 栏，外侧留白 32–48 px。
- 手机 4 栏，外侧留白 16–24 px。
- 间距以 8 px 为基础：8、16、24、32、48、64、96、128。
- 普通细线为 1 px Soft Rule；关键边界可使用 Gallery Ink。

## Gallery Frame 五层结构

从外到内依次是：环境留白、Frame Silver/白色画框、Mat White 卡纸、Gallery Ink 或白色内容场、标题/说明铭牌。数字端建议画框厚度至少占画布 3.5%，卡纸至少占 4%；印刷端按成品与材料打样。

Gallery Frame 是版式容器，不是 Logo 变体。允许用极轻、物理合理的阴影表达真实画框层次；普通 UI 卡片仍不用阴影。每一框只放一个主角、一个红色信号和一组克制说明。

## 构图与图片

首页首屏可采用 5:7 或 6:6 文图关系。列表、数据和服务模块优先共享边线，避免每项独立漂浮。照片优先真实、自然、有行动关系的教育、科技和城市影像，并在同一作品内统一为自然全彩或中性黑白。

人物照片需授权；未成年人素材需符合隐私和儿童保护要求。概念图必须标注，不得暗示真实项目。Logo 不叠加在繁忙照片上。

## 动效

动效只解释层级或状态，采用 160–300 ms、低位移、可中断的过渡，并支持 `prefers-reduced-motion`。H 不变形、不拆解、不闪烁；画框也不做拟物翻转或过度景深动画。
