十套视觉与空间方案：配色、排版与交互整体换装

美观从哪些具体变化形成复制锚点链接

本轮整体重做入口、阅读空间、导航、搜索与引用。页面的视觉识别由文字比例、信息密度、画布分配、控件几何与颜色职责共同形成：目录型保持规整边界，专注型让正文居中，杂志型强调文字节奏，工作区用标签与阅读组说明资料关系。动效解释状态变化，正文停留时保持安静。

十套共用中性示例，包括分组、普通与长标题、长文、表格、代码和实际示例引用。示例不导入正式内容，UI 不依赖某个专题有固定七章或六个阅读方向。当前审阅入口为附件 design-lab.html，各套完整入口为 01-precision.html 至 10-command.html。前版与实际正文耦合的稿件保留作历史材料。

这些具体组合属于设计提案。官方资料支持规则和机制，页面是否美观、舒适和灵动需要实际观察与用户审阅；本轮尚未执行浏览器验收。

配色怎样取得与使用复制锚点链接

Radix 的官方色阶区分背景、交互表面、边界、实底和文字。第 11、12 级承担可读文字，不能把控件实底色随意当正文链接色。Geist 同样按职责分配色阶，并提醒次级背景少量使用。两套编号不同，本轮色值全部从 Radix 官方亮、暗源码提取。Radix 色阶规则、Geist 色彩规则、亮色源码、暗色源码

原型有十五个官方色阶的亮暗值，实际每套只使用一个中性色和一个强调色。它们承担相同职责，布局、字形与组件几何分别变化。色值许可随附件保留，最终需要检查真实组合的文本、焦点、边界和禁用状态，不能只凭色阶出处宣称完成对比度验收。

十种视觉语言与空间关系复制锚点链接

01 与 06 分别展示全树和当前分类列表；02 与 03 分别保留分组、浮岛和极少工具；04 的核心是多文工作区，09 使用页序，10 从检索直接抵达。这些差异需要落实到操作与返回关系，十种命名和十种颜色本身不足以形成完整方案。

交互依据与冗余删减复制锚点链接

Notion 的浮动目录按需展开；VS Code 的 Peek 在原位核对，Quick Open 合并定位；Apple 的 split view 按分类、列表与正文逐级选择；Readwise 允许隐藏侧栏，并区分滚动位置与阅读进度；Obsidian 的节点与连线来自笔记链接。它们分别支持本轮的紧凑目录、原位查证、统一定位、逐级选择、专注回读与关系发现。Notion 目录、VS Code 导航、Apple 分栏、Readwise 外观、Obsidian Graph

同一信息集中显示：不同时放顶部进度线和侧栏进度；有文档树就删除另一个选章菜单；引用空闲时不占用材料列；搜索优先型合并选文与小节定位；引用普通点击查看，材料区保留一个全文入口。文字、标记与选中项表达当前位置，不将当前位置百分比称为已读程度。

动效与阅读设置复制锚点链接

动效放在材料进入退出、原位展开、标签切换、翻页方向与目标反馈。十套共享显式开关，只保存用户选择；尚未选择时用系统偏好决定初始状态。关闭后直接呈现最终状态，保留焦点、目标和选中反馈。具体规则与框架收尾见动效设计。

原型外观入口还提供亮色、暗色、系统与设计默认，以及大字阅读。字号只影响正文与引用，UI 控件保持可操作尺寸。最终是否开放多个正式风格、哪些风格共存，需要在操作一致性与维护成本之间作选择；十套比较原型不等同于上线十套产品。

当前样式架构与落地复制锚点链接

本站 tokens.css 维护视觉值，theme.css 映射 Tailwind、Fumadocs 与第三方变量，prose.css 管理正文。多配色可以纳入同一组语义变量；不同空间布局还需页面组件与布局接线。成熟正文编译、搜索、图示和组件继续复用，设计稿中的简化原生渲染只用于选型。

西文已有 Geist 与 Geist Mono，中文使用系统黑体回退。新的展示字形须检查中文覆盖、许可、字重与加载，长文保持可靠回退。表格、代码、公式和图示按各自阅读方式处理，横向溢出限定在内容区域；同一外观同时覆盖主文与引用。

定稿要覆盖首页、普通和长标题、长目录、复杂正文、搜索空结果、引用短材料与全文、外观和窄屏。先完成原型任务验收，再选择候选并接入正式 MDX，具体阶段见总体 plan。