背景卡片
标志性表面：以动态模糊的自然照片为底图，少量元素按固定规则排布在上面。
结构
切换照片，或在卡片上叠加参考线。无论换哪张照片，布局都保持不变。
Lyra
Lyra 把你的工作区放进一段对话里，从第一条消息一直到完成的画布。
区域
四个区域，按从左到右、从上到下的顺序阅读。标志和说明共享同一个边距。
- 1
标志
位于左上角边距处：一个 40–48px 的实色方块承载图形，后面是浅色墨水的文字标。
- 2
焦点行
靠近垂直中线。一个带 shadow-5 的实色卡片表面，两侧是同高的 tint 标签，可以延伸出任一侧边缘。
- 3
状态
在焦点表面下方、与其左边缘对齐：一个小图标加一句简短的现在时状态。
- 4
说明
位于左下角边距处，用柔和的浅色墨水，最多两行。
规则
- 1拍摄自然题材，带有真实的相机运动。不用图库渐变、AI 抽象图或截图。
- 2照片原样使用：不加色调层、模糊滤镜或暗角。需要暗一些就换一张更暗的照片，而不是压暗亮的照片。
- 3每张卡片只有一个实色表面。不能有两个，也不能在卡片里再套卡片。
- 4边距在手机上为 24px，宽屏为 48–64px；圆角为 24px，从 1024px 起为 40px。
- 5画面内不放按钮。真实的操作放在卡片外。
- 6画面是装饰，或是一张带标签的图。标题和说明保持为真实文本。
照片
均已授权并署名，由背景图流水线渲染为 AVIF 和 WebP，从不直接外链。
- telo摄影：DL314 Lin
- brand-hero摄影：Travis Fish
- gladiolus摄影：Eugene Golovesov
- pink-motion摄影：Raphael Nicolas
