概览
纸质感的三个来源
一、底色不是白，也不是黄
#F7F0E3 —— 这个值我调了十几版。太黄像旧报纸，太白就失去纸张感。最终这个值介于「米」与「奶油」之间，在 sRGB 和 P3 屏上都不偏色。
二、标题必须是衬线体
正文我保留了无衬线（中文衬线在小字号下笔画太细，阅读吃力），但 h1-h4 切换成 Songti SC / Noto Serif SC。
混排是关键：标题衬线给「书」的气质，正文无衬线保证可读性。
三、阴影模拟纸张堆叠
卡片用 sm 阴影 + 6px 小圆角。小圆角很重要——大圆角会立刻让页面显得「网页化」，6px 接近真实纸张的切边。
动效：翻页意象
入场用 slide-up（translateY(16px) → 0），时长 520ms，缓动 cubic-bezier(0.16, 1, 0.3, 1)。
这个组合的效果是「内容从下方轻轻托上来」，接近翻过一页纸的节奏，而不是现代网页常见的「弹入」。
适合谁
- 随笔、散文、读书笔记
- 个人出版物 / 电子书导流页
- 任何希望「慢下来读」的站点
