设计语言

从哪里读起

首页留一篇卷首，给第一次来的人一个阅读入口。兴趣书房陈列真实的书、歌与生活片段；往年档案按时间保存每一条记录。

文章之间有共同标签时说明关联依据。某条闪念后来写成长文，需要作者亲自确认这段关系。记录可以很短，日期和来源需要准确。

色彩令牌

全站只有五个核心色，其余（边框、底衬、行情红绿）都是这五个的衍生。 亮色是「日光下的墨案」，暗色是「油灯下的夜读」—— 不是简单的颜色翻转， 中性色在暗色下整体转暖。

字型三层

标题衬线、正文无衬线、数据等宽，各管一摊：

• PaperSerif（衬线）— h1–h3、品牌名、引文、印章字。中文标题的「书卷气」全靠它。
• 系统无衬线 — 正文与界面文字。不加载额外字体，交给每个系统最好的那个。
• 等宽 — 日期、涨跌幅、戳记标签。数字用 tabular-nums 对齐小数点。

动效

三个时长令牌 + 一条弹性曲线（linear()，老浏览器回退 cubic-bezier）。 悬停签名是全站统一的：伪元素铺一层柔和高光，次级文字转朱红 —— 触摸设备不触发，prefers-reduced-motion 下全部关闭。

组件形态

• 印章 — 品牌签名。rotate(-3deg)、内嵌 1.5px 白描边，悬停转正。入场时从空中「盖」下来一次。
• 卡片盒 — 边框 + 底色，给「笔记」类内容（此刻、关于侧栏）。
• 卷宗条 — 左侧 3px 朱红装订线，无底色无边框，给行情的时间与状态说明。
• 圆角 — 两档：6px（按钮、输入框）/ 8px（卡片、盒子），照片与小型标签依内容适当调整。

规矩

• A 股红涨绿跌，平盘走灰；暗色下涨跌色各调亮一档保对比度。
• 朱红只做小面积点缀（印章、下划线、装订线、选中色），永不作为大面积主色。
• 所有交互元素点击净高 ≥ 24px；Tab 焦点环永远可见。
• 改令牌只动 global.css 顶部那一段；改完跑像素基线回归（桌面与手机的亮暗截图比对）。