视频索引
一起草相关视频内容入口
适合已经从一起草主题进入、希望继续查看视频型内容的用户。这里强调上下文衔接，避免把主题说明和视频列表混成一整块。
- 从一起草主题页进入时可继续保持浏览上下文。
- 适合移动端纵向滚动与快速扫描。
- 如需品牌入口信息，可随时返回官网说明页。
在线视频 · 视频社区 · 影视浏览
17c在线视频观看与视频内容索引
适合需要快速扫描视频主题的用户。页面提高条目信息密度，同时保留摘要与浏览要点，让不同内容之间更容易区分。
内容列表
按浏览任务快速定位相关视频主题
社区内容
视频社区内容的快速浏览方式
当内容数量变多时，先看标题与简要说明通常比打开每个条目更高效。索引页通过紧凑列表帮助用户判断哪些内容值得进一步展开。
- 优先展示能区分条目的摘要。
- 相关条目之间保持语义关联而不重复正文。
- 列表区域在窄屏上自动改为单列。
影视浏览
影视类内容按主题与观看任务归入同一索引
影视观看需求与泛视频浏览有较强重合，因此采用统一索引而非拆出多个高度相似页面。用户可以在同页判断内容类型，再进入适合的后续路径。
- 不将同义搜索词直接变成重复页面。
- 以内容对象和实际用途区分条目。
- 页面标题、摘要和链接保持具体。
短内容
短视频与快节奏内容适合先看主题标签
短内容通常需要更快的筛选速度，索引会让标签承担定位作用，同时保留足够摘要，避免只凭模糊封面或泛化标题判断。
- 标签用于缩小范围，不代替真实摘要。
- 键盘焦点样式清晰，桌面端也能快速导航。
- 图片只在适合的内容节点使用，不强制每条配图。
移动端
手机观看前先确认浏览器与网络状态
如果移动端页面打开速度明显变慢，可以先关闭后台大流量任务、切换稳定网络，并确认浏览器没有阻止基础脚本或媒体相关设置。
- 弱网时先让正文与链接加载完成。
- 避免同时打开过多高流量页面。
- 设备存储不足时不要随意下载未知文件。
桌面端
宽屏环境用分区索引提高连续浏览效率
桌面端会保留更宽的正文区域和并列入口，让用户在不频繁返回顶部的情况下进入相关主题。布局在大屏上增加信息密度，但不会把正文压缩成狭窄列。
- 导航与正文保持清晰间距。
- 内容宽度限制可避免过长行影响阅读。
- 支持键盘 Tab 快速遍历主要链接。
查找
使用站内关键词定位现有视频主题
如果已经知道自己想找的词，可以使用站内查找。系统只匹配已经存在的数据，并以服务端方式返回结果，避免把搜索变成纯前端过滤。
- 查询内容会限制长度并做安全处理。
- 匹配范围包括标题、摘要和要点。
- 没有结果时提供返回主要页面的路径。
页面状态
内容不存在时返回明确404而不是伪装成首页
错误地址和不存在路径应该得到清晰反馈。站点的404页保留主要导航和返回入口，帮助用户继续浏览，同时避免让搜索引擎把错误地址当成正常页面。
- HTTP状态码与页面提示保持一致。
- 404页不进入站点地图。
- 用户可从404直接返回首页或视频索引。
可访问性
交互按钮同时照顾键盘与触屏操作
视频索引中的菜单与折叠组件会同步 aria 状态，并支持 Escape 关闭。焦点样式保持可见，减少仅靠鼠标才能完成操作的情况。
- 菜单按钮反映 aria-expanded 状态。
- 折叠内容使用原生 details 提供基础可用性。
- 尊重系统减少动态效果设置。
内容关系
品牌说明、一起草主题与视频索引各自负责不同任务
当用户需要确认入口时访问品牌页；需要理解一起草主题时访问一起草页；需要密集浏览视频条目时进入视频索引。三者通过内部链接保持连续，而不是复制同一套内容。
- 品牌页重点是入口和访问识别。
- 一起草页重点是主题连续阅读。
- 视频页重点是高密度索引与快速筛选。
一起草关联
返回一起草主题
从视频索引返回一起草主题，保持上下文连续
如果你是从17c一起草进入视频页，可以随时返回主题页面查看更完整的上下文、移动阅读说明与相关内容连接。