页面结构

夜间长时间浏览的界面取舍 · 80

偏暗色视觉不等于整页纯黑。阅读区保持暖灰粉白能降低长段文字的对比疲劳，深紫黑更适合用于页头、重点信息和局部卡片。强调色只用于当前状态和关键动作，避免所有标签都抢夺注意力。

这里从内容编辑、移动端阅读和内部链接三个角度补充细节，便于将原则落到具体页面。

把原则落到具体页面信息

其次看信息颗粒度。卡片负责帮助快速判断，详情页负责解释原因，两者不应复制同一段文字。卡片用较短摘要说明场景、节奏和关键特征；详情页再补充篇章关系、观看顺序和关联入口，用户才能获得新增信息。

第三看版本说明。任何涉及版本的词都需要落到可比较字段，例如正篇数量、特别篇是否独立、章节顺序是否改变、字幕或画幅是否不同。没有这些信息时，单独强调“完整”反而会制造噪声。

第四看内部链接。链接文本应说明目标页是什么，而不是反复出现“查看更多”。当用户看到“查看同类群像作品”或“进入版本说明”时，可以在点击前理解下一页会解决什么问题，这也是语义清晰度的一部分。

第五看可访问性。菜单、筛选和展开内容可以由 JavaScript 增强，但正文、主要导航和真实链接必须在脚本失败时仍然存在。键盘焦点、Escape 关闭和 aria-expanded 状态同步则保证交互对更多用户可用。

最后看长期维护。统一数据源比在多个页面手写同一信息更可靠；同一个作品的标题、摘要、版本字段由 data.php 输出后，详情页、索引页和搜索页会保持一致，也更容易发现重复或冲突。

首先看主题边界。一个页面如果同时承担过多不相关目标，标题和正文就容易互相稀释。相反，把最主要的用户问题放在开头，次级需求通过正文中的自然链接承接，会让页面从入口到深入阅读保持连续。