浏览器直接访问
网页版场景以正常网页访问为核心，无需依赖额外框架。主要正文由 PHP 服务端输出，页面在 JavaScript 关闭时仍可正常阅读与导航。
浏览环境
同一观看主题，在不同屏幕上采用不同阅读密度
桌面宽屏阅读
大屏设备使用更宽的核心内容区域，并将次要信息压缩为较轻的辅助区，减少多个等宽栏目造成的门户感。
移动端重新组织
窄屏下导航折叠为可访问菜单，正文优先展示，卡片改为单列，操作区域保留足够触控空间。
键盘与辅助技术
交互按钮提供焦点样式与 aria 状态，菜单支持 Escape 关闭，页面结构使用语义化标签便于键盘和读屏设备理解。
桌面端重点
更宽的核心正文，不等于更多并列栏目
在电脑屏幕上，页面把可用宽度优先交给正文、主题索引与关键导航。官网说明与下载信息保持次级层级，避免出现多个同权重频道把注意力从观看主题分散出去。
顶部导航在桌面端保持简洁，当前页面使用明确状态提示；移动端则转为可展开菜单，并同步 aria-expanded 状态，兼顾触控与键盘使用。
可访问性与稳定性
核心内容不依赖前端脚本才能出现
- PHP 服务端直接输出主要 SEO 正文与内部链接。
- 主导航使用普通链接，JavaScript 仅增强移动端展开体验。
- 图片使用自然 alt 文本，装饰性元素不承担关键信息。
- 交互尊重 prefers-reduced-motion，减少非必要动画。
- 焦点样式清晰，按钮与链接具备足够触控面积。
- 没有数据库、外部 API 或第三方框架依赖。