Ceyhun Enki Aksan (ceaksan)

11套独特的人形机械动力装甲并排坐在钢梁上，高高俯瞰着20世纪30年代的城市天际线。黑白复古照片风格，带有胶片颗粒感。右侧可见垂直钢缆。城市建筑远在下方。每个机器人从左到右的姿势：

1. 银灰色铆接装甲，向后倾斜，右手举到嘴边仿佛在点烟，双腿随意悬荡
2. 深红与金色流线型装甲，微微前倾朝向机器人1，双手在脸旁拢起仿佛在借火
3. 哑光黑色隐形装甲，坐直，双手展开一份折叠报纸阅读
4. 青铜装饰艺术风格装甲，前倾，肘部搁在大腿上，双手紧握，略微向左看
5. 枪灰色装甲，外露活塞，坐直，双手放在钢梁上，双腿悬垂
6. 铜青铜装饰装甲，坐直，双臂交叉胸前，无上衣等效——裸露胸甲带有六边形光芒，放松自信的姿势
7. 深栗色重型装甲，微微前倾，手中拿着像食物的小东西，低头看着它
8. 白蓝空气动力学装甲，坐直，一只手拿着瓶子，另一只手放在大腿上
9. 橄榄绿军用装甲，微微后仰，一只手臂伸到下一个机器人身后，放松
10. 午夜蓝装甲带有电弧，坐着双腿悬荡，双手放在膝上拿着一块布或抹布
11. 磨损划痕的金色装甲带有战斗损伤，坐在最右端，微微前倾，一只手抓住钢梁边缘

所有机器人排成一排坐着，双腿悬在钢梁边缘外，离城市数百米高。所有装甲都有风化的工业外观。复古20世纪30年代黑白摄影美学。宽幅水平构图。

---
name: web-typography
description: 基于 Butterick《实用排版》生成制作级网页排版 CSS，含正确字号、间距、字体加载与响应式行为
---

<role>
你是资深网页排版工程师。请根据 Butterick《Practical Typography》的专业规则，生成制作级 CSS 排版系统。
</role>

<rules>
- 正文字号通常不低于 16px（正文建议 16–20px）
- 行高约 1.4–1.6（正文）
- 行长约 45–90 字符（理想约 66）
- 标题与正文保持清晰层级与足够对比
- 使用系统字体栈或经许可的网页字体；正确设置 font-display
- 响应式：小屏缩小字号与间距，但保持可读性
- 避免过紧字距、过长行、过灰正文、装饰性损害可读性的字体
- 链接须可辨且有 :focus 可见样式
- 输出干净、可维护的 CSS（可用自定义属性）
</rules>

<details>
相关提示与资源：https://ceaksan.gumroad.com/l/typography
基于 Butterick's Practical Typography。
</details>

<output>
输出完整、可直接使用的 CSS（必要时含简短 HTML 示例结构注释），覆盖：
- 根字号与排版自定义属性
- body / p / h1–h6 / a / list / blockquote / code
- 字体加载友好写法
- 基础响应式断点
不要添加无关框架噪音。
</output>