01
发现
从 Hero、热门、情绪与主题片单进入内容。移动端重点减少横向层级，让两列海报与横向轨道承担主要浏览；搜索始终保持在容易触达的位置。
6 SCREENS
从发现到历史的六个界面
每个界面都对应一个明确任务，不用不存在的下载链接、二维码或账号同步来填充产品能力。
02
影片详情
详情把剧情、评分、时长、状态、年龄提示、演员、幕后看点和关联片单放在同一条阅读路径里。信息越完整，开始播放前的判断成本越低。
03
播放
深莓色影院与浅色站点形成明确场景切换。播放暂停、进度、音量、倍速、画中画、全屏和错误提示都围绕原生视频能力展开。
04
选集
选集与线路在小屏上改为纵向结构，当前集使用玫红识别。用户不需要先学复杂播放器界面，就能在集数、线路和上一集下一集之间移动。
05
收藏
收藏保存到当前浏览器，不制造账号门槛。它适合把“以后想看”与正在追的内容暂时留住，但清理浏览器数据或更换设备后可能不再保留。
06
历史
观看历史记录影片、集数与进度，首页“继续观看”会读取这些本机信息。没有历史时展示明确空状态，并回到热门内容，而不是显示一块空白区域。
关于本机记录
收藏、历史和进度只存在当前浏览器，不声称跨设备同步。公共设备使用后请根据需要清理站点数据。
移动体验首先解决的是信息优先级
小屏幕不能简单把桌面版等比例缩小。顶部只保留菜单、品牌和搜索，底部快捷栏提供首页、发现、搜索、片单和“我的”入口；海报默认两列，详情信息改为单列，播放页则把视频与选集从左右布局变成上下布局。这些调整不是减少内容，而是让最常用操作靠近手指和视线。
触摸设备没有稳定 hover，因此片名、评分、更新状态和关键按钮必须在默认状态就能看到。横向轨道允许触摸滑动，也保留按钮和自然换行作为降级方案；关闭脚本后，核心正文、链接、筛选和原生视频 controls 仍能继续使用。
本地偏好保持轻量
收藏、历史、进度、视图模式、自动下一集和音量都使用约定的 localStorage key。这样不需要注册就能记住常用状态，也意味着用户应该清楚理解数据只在本机浏览器内存在。我们不会把轻量本地功能包装成不存在的云服务。
没有下载入口也可以完整说明产品
当前 APP 页面用于展示移动信息架构与界面，并没有真实安装包。与其生成一个无法核验的二维码或按钮，不如明确说明边界，并让用户在浏览器里直接体验同样的响应式页面。实际产品具备合法下载渠道后，再加入真实来源会更合适。
先把设备条件变成可预期的体验
移动观看还会受到网络、屏幕方向、系统音量和浏览器媒体权限影响。进入长片前可以先确认网络是否稳定，通勤时优先选择较短内容，横屏播放前留意自动旋转设置；使用耳机时也要保留对现实环境的感知。页面不会通过要求额外权限来制造“原生应用感”，当前浏览器能完成的任务就保持在浏览器范围内，让用户清楚知道每个功能依赖什么。