不再像一个 AI 技术站：本站视觉重构的取舍账本

本站早期版本不算难看：深色渐变、玻璃表面、星点、彩色光晕、巨大英文标题都很完整。问题是它们凑在一起后，像极了一类生成式工具熟悉的“未来技术站”：第一眼有气氛，第二眼却很难记住这个人究竟怎样写作。

这次重构没有把“去 AI 味”理解成删掉所有动效和颜色。真正需要删的是没有内部逻辑的装饰组合；需要保留的，是能被内容、交互和性能约束解释的部分。

从“宇宙”改成“被持续批注的技术笔记”

粒子被保留，但不再扮演漂浮星尘。新的材料来源是纸面套色、裁切线、短划、方点和校样登记记号。它们和文章编辑、修订、索引的行为有关，不需要再用一段“身处知识星河”的文案来圆它。

开场动画同样保留，但变成一次会话内只出现一次的版面校准。它可跳过、可用 Escape 退出、遵守 prefers-reduced-motion，并在显示时把下层页面设为 inert。这些并非“无障碍补丁”，而是动画能够留下的前提。

颜色不再按卡片顺序轮换

早期的四色卡很容易丰富页面，也很容易暴露它只是一个视觉循环：文章顺序一变，颜色身份就变。现在颜色归属内容，主题在 frontmatter 中选择稳定 accent，文章继承第一主题的色彩。列表重排不会改变它的身份。

色彩分工也被限定：雾蓝用于导航和可操作信号，陶杏色用于进入与修订，鸢紫用于引用和主题轨道，柔金用于索引与数字。大面积表面仍以中性色为主，但封面、焦点与交互状态给出足够色彩面积，避免只在边线上“假装有颜色”。

两套主题比六套名称更诚实

项目曾同时容纳 paper、graphite、night、indigo 等多个主题名。它们的结构相似，主要差别是颜色轻微移动，维护面却翻倍。迁移完成后只保留 mist 与 abyss：前者是雾面日间纸张，后者是深色工作台；Content Schema 会拒绝旧值，旧资料只能在一次性迁移层转换。

鼠标效果只作用于最值得看的一块

首页大文章保留指针动态：局部光斑跟随鼠标，右侧封面只有几个像素的位移与极小旋转。正文、点击区和其他卡片不跟着摇动。触屏和减弱动效模式不初始化这一层。

环境粒子同样有手动暂停、页面隐藏暂停和系统减弱动效三道边界。只有首页鼠标快速移动时，背景色域和粒子才按深度产生微小视差；它们不变换正文坐标，也不影响命中。

最后的判据不是“好不好看”

这套视觉方向最终由一组工程条件固定：首页在 390×844 视口内能看懂重点文章；动效在减弱模式下不初始化；色彩来自内容数据而非 DOM 顺序；封面缺失时有确定性校样图；设计不依赖任何一张演示图或一段品牌口号。

如果一个效果无法说明它属于哪种阅读行为、在什么条件下停止，那么它即使漂亮，也不应该留在主线。

首页比例经历的不是一次放大，而是权重重写

早期首页把重点文章、主题卡、近文和功能入口都放进接近等宽的容器，模块很多，视觉判断却很少。真正的修正是承认它们职责不同：重点文章需要足够大的 16:9 证据图；长期主题是主要探索入口，应在左侧占更宽轨道；继续阅读只是三条近期索引，适合在右侧形成窄而短的编辑部栏。

桌面内容宽度因此从适合普通博客的 72rem 扩到 96rem，但正文行长没有跟着无限增长。宽度被封面、主题轨道、星仪和求解器使用，文字列仍保持可读上限。所谓“整体放大”不是把所有字号乘以 1.3，而是把屏幕面积交给真正需要空间的内容。

学习笔记也不再以一张普通主题卡混入轨道。它在首页获得单独的大型入口，用轨道、公开笔记索引和本地同步说明表达自己是一套功能模块。这样增加的信息量来自真实能力，不是重复列出归档、搜索和 RSS。

图片完整性改变了卡片的材料感

封面统一使用桌面 16:9 容器，真实截图采用 contain 保留完整边缘。它会产生少量留白，但不会再把工具栏、坐标轴或求解地图裁掉。留白由文章 accent 和辅助色组成的底层承接，成为版式的一部分，而不是黑色空洞。

正文配图则不受封面比例约束：窄图可随正文居中，宽图可跨出文字列，纵向图可浮在左/右形成旁注，极宽技术图可以接近页面出血。移动端统一回流。封面是发现界面的稳定合同，正文图片是论证材料，两者若共用同一裁切规则，视觉整齐会直接损害信息。

仍然需要警惕的设计惯性

这版仍有高密度英文小字、边框和技术仪表语汇；它们一旦被无差别复制，也会形成新的模板味。后续新增页面必须先回答内容结构，再决定是否需要编号、轨道或 HUD。ArcVellum 可以使用天穹与仪器，学术文章应让计算图和证据成为主视觉，普通散文则可以更少组件。风格一致不等于每页同构。