MOBILE EXPERIENCE

APP 体验

把发现、详情、播放、选集、收藏与历史压缩成一条更短的移动路径。这里展示界面体验与功能逻辑，不提供虚假下载地址、二维码、安装包或未实现的账号同步。

六个移动端关键页面

每个界面都对应一条实际浏览路径，而不是孤立展示。图片文件保持固定命名并在真实页面中可见。

从首页进入时先看到今天值得看的作品、搜索和情绪入口。移动端缩短顶部导航，把首页、发现、搜索、片单和我的放到底部，减少单手操作时的移动距离。卡片在窄屏保持两列或横向浏览，片名、状态与评分不依赖悬停才出现，单手也能完成第一轮选择。

详情页保留剧照、简介、站内评分、类型、状态、年龄提示和编辑推荐。移动屏幕不把资料压成密集小字，而是按照观看决策顺序逐段展开。播放、收藏与分享始终放在前面，剧情、幕后、人物和相关作品继续向下阅读，避免重要按钮被长资料淹没。

播放器进入深莓影院区域，与全站浅玫粉背景形成明确层级。基础播放依赖浏览器原生视频能力，支持进度、音量、全屏、画中画和倍速。移动端让视频宽度优先，控制区保持足够触控面积，并在视频暂不可用时给出明确提示，不让整页陷入空白。

剧集与短剧把选集放在播放器附近，当前集用玫红强调。移动端改成播放器在上、选集在下，避免狭窄双栏影响触控和标题阅读。线路与集数仍然使用真实站内链接，上一集、下一集和自动下一集围绕同一观看进度工作，不依赖额外弹层。

收藏状态保存在当前浏览器，不需要虚构账号体系。重新访问详情或首页时可以读取本地状态，用来快速回到自己已经做过选择的内容。顶部“收藏”入口也能读取同一组记录，以海报和详情链接重新呈现，清理站点数据后则自然回到未收藏状态。

观看历史、进度与音量偏好同样保存在本地设备。它适合连续观看流程，但不声称支持云端同步；清理浏览器数据或更换设备后记录可能消失。首页“继续观看”和顶部历史入口会读取同一份记录，并显示最近集数与进度，让返回播放路径保持一致。

手机上的注意力更短，触控目标也需要更大。移动 Header 只保留菜单、Logo 与搜索，底部快捷栏承担高频入口；海报默认两列，大搜索框接近全宽。页面不依赖 Hover 才出现关键按钮，因此没有鼠标的设备仍能完整理解内容。

影片详情在移动端把横向双栏拆成单列，先显示片名、状态与播放，再进入剧情、编辑推荐、剧集和资料。播放页同样由左右结构改成上下结构，让视频宽度优先，同时确保选集按钮有足够触控面积。

本地收藏、历史和进度是轻量体验的一部分。它们使用浏览器存储，不上传到服务端，也不会被包装成跨设备同步功能。对于共享设备或隐私模式用户，帮助与隐私页面会说明这些记录可能随浏览器数据一起被清除。

视觉上继续保持浅玫粉、暖白、玫红和深莓红的品牌体系，但影片海报和剧照保留自身色彩，不统一叠加粉色滤镜。这样即使在更小屏幕上，第一眼仍然是影视内容，而不是生活方式或电商页面。

可访问性同样影响移动体验。图片拥有自然替代文字，按钮提供可理解标签，菜单与 FAQ 暴露展开状态，键盘用户也能访问核心功能。对减少动态效果有系统偏好的用户，页面会降低位移动画和自动视觉变化。

这套页面的目的不是制造一个并不存在的客户端产品，而是完整展示如果把同一套影视发现逻辑放到移动设备上，导航、信息优先级、播放器与本地状态应该怎样衔接。

移动网络环境也需要控制页面成本。非首屏图片采用懒加载与异步解码，关键视觉保留固定比例来减少布局跳动；核心正文由服务端直接输出，即使网络较慢或脚本加载失败，也不会先出现一块空白区域再等待接口补内容。