小屏浏览 · 完整路径

移动观影体验

移动观影体验页展示发现、片库、详情、播放、收藏与历史六个核心场景。页面只介绍产品交互，不提供虚假下载按钮；你可以把它看作对小屏浏览方式的完整说明。

天蓝白设备展示

从发现到继续观看，核心路径保持完整

移动端首先解决触达和空间问题。顶部只保留菜单、品牌与搜索，主要导航进入侧滑菜单；底部快捷栏固定首页、片库、搜索、片单和个人本地记录五个入口。内容区增加底部留白，避免导航遮挡正文。

图片仍然保持原始色彩，天蓝只用于按钮、当前状态、轻边框和信息提示。这样即使屏幕变小，第一视觉仍然是影视海报和剧照，而不是一整块产品界面颜色。

页面不提供虚假下载地址或应用商店按钮。这里展示的是小屏产品逻辑；如果未来制作真实客户端，应再根据发行平台、账户体系与媒体授权补充正式下载流程。

首页把搜索、情绪入口与精选内容压缩到小屏可操作范围。

海报两列排列，筛选条件可以横向滚动，不让页面产生横向溢出。

剧照、简介、评分、状态与播放按钮在单列里按阅读顺序展开。

播放器与选集改为上下结构，保留线路、倍速、画中画和自动下一集。

收藏保存在当前浏览器，不依赖账户；卡片按钮可即时切换状态。

播放记录与进度帮助回到上次位置，更换设备不会自动同步。

当前版本使用浏览器本地存储保存收藏、历史、播放进度、视图、自动下一集和音量。这样无需账户就能展示核心交互，也避免把示例站点伪装成拥有真实用户系统。

本地记录的限制也需要说清楚：清理浏览器数据会丢失，更换设备不会同步，无痕模式可能在关闭窗口后清除。对于正式产品，这些能力是否需要云同步，应与隐私、账户和合规设计一起决定。

桌面端可以同时容纳主导航、右侧操作和较宽的筛选条，小屏则需要优先级。移动版把菜单收进按钮，把搜索保留为独立入口，并把常用目的放到底部快捷栏。详情页不再让信息与剧照左右争夺宽度，而按“标题—状态—简介—操作—资料”的顺序向下展开。播放页也把选集从右侧移到视频下方，让触控区域保持足够大小。

收藏和历史使用浏览器存储带来快速、轻量的体验，但它并不是完整账户系统。没有登录意味着用户不需要提交身份信息，也意味着设备之间无法同步。未来如果加入真实客户端或云端同步，应重新设计授权、隐私、数据删除和设备管理流程，而不是在现有本地方案上静默叠加。

核心片名、简介、文章和筛选由服务器直接输出，不依赖远程接口临时加载。图片缺失时会回退到本地占位图，媒体不存在时原生播放器会显示错误状态。这样的降级不能替代完整素材部署，但可以保证导航、正文与搜索仍然工作，便于维护人员区分“内容不存在”和“静态资源未放置”这两类问题。