用你习惯的方式阅读海角

键盘导航

页面顶部提供“跳到正文”链接，获得键盘焦点时会显示。主要链接和按钮都有可见焦点样式。移动端内容导航展开后可以继续使用 Tab 移动焦点，并可按 Escape 关闭菜单，焦点随后返回菜单按钮。

图片与文字

承担内容信息的图片使用与当前场景相关的中文替代文本。页面不会把关键正文只放进图片中；即使图片资源尚未部署，标题、摘要、详情正文和关联链接仍保留在 HTML。

减少动态效果

站点尊重系统的 prefers-reduced-motion 设置。启用减少动态效果后，滚动与过渡会被压缩到接近即时完成，避免不必要的动画干扰。

不依赖脚本的核心阅读

JavaScript 主要增强移动菜单、视频标签筛选和 FAQ 展开行为。视频目录在服务端已经输出全部条目；关闭脚本不会把内容变成空白，也不会阻止通过普通链接进入详情页。

响应式阅读

桌面端的视频内容使用更宽的视觉区域，社区列表保持较高文字密度；窄屏下这些区域改为单列，图片比例和导航方式也会调整。页面避免固定宽度导致横向滚动。

遇到不存在的地址

无效详情 slug 或不存在的页面会返回 404，并提供返回首页和社区的正常链接。这样既明确告诉浏览器当前资源不存在，也让用户可以继续浏览其他内容。