移动端是单列航线
手机屏幕较窄，学院会把世界观索引、入口按钮和文章摘要安排成单列。导航菜单收进顶部，长标题会自然换行，正文之间保留足够间距。查看角色卡时先读名称和摘要，再展开完整说明，避免在小屏幕上来回缩放。
桌面端是展开的星盘
Windows 和 Mac 适合同时查看地图、文章目录和设备说明。桌面端会使用更宽的阅读区，但不会用小字填满空白。需要比较两个角色、两个区域或两个版本时，可以开启两个标签页，并分别确认当前地址。
视觉动效不会代替文字
飞行轨迹、月光和星尘只用于营造学院氛围，角色名称、地图关系、客户端说明和安全提示仍然使用 HTML 文字呈现。若设备关闭动画或网络较慢，重要内容仍应保持可读。
从一个任务返回学院
完成阅读后，可以从页面底部返回世界观索引、使用指南或文章专区。不要把所有入口都放在第一屏，按当前任务逐步展开，能让手机和桌面端都保持清楚。
让界面服务于故事
移动端的按钮、章节索引和文章卡片会自然收窄，桌面端则展开更多地图关系。无论屏幕大小，核心标题、正文、日期和相关入口都保持可读。关闭动画或使用辅助阅读工具时，主要内容仍然应当能被正常理解。
好的界面会让月光与文字各司其职，让不同屏幕上的学员都能顺着同一条故事线继续前进。