MOBILE EXPERIENCE

把发现、观看和记录放进口袋大小的界面

移动体验延续浅玫粉、暖白和深莓色体系，同时把海报密度、触摸操作和底部快捷导航重新组织。页面不提供虚假下载地址、二维码或安装包。

六个核心场景

每张屏幕图对应一个真实产品任务：发现、详情、播放、选集、收藏和历史。重点不是展示“下载量”，而是说明移动端信息如何在更小空间里保持可用。

从首页 Hero、频道与情绪入口快速进入内容，不把首屏变成只有一张大图的宣传页。交互重点保持按钮尺寸、触摸反馈与内容层级清楚，在不牺牲影视图片的前提下减少窄屏拥挤。

在移动宽度里保留剧情、评分、状态、主创和相关推荐，重要操作始终有明确的真实页面去向。交互重点保持按钮尺寸、触摸反馈与内容层级清楚，在不牺牲影视图片的前提下减少窄屏拥挤。

深莓影院区域与浅色内容空间形成层次，原生视频控件保留基础可用性，脚本增强快捷操作。交互重点保持按钮尺寸、触摸反馈与内容层级清楚，在不牺牲影视图片的前提下减少窄屏拥挤。

线路和选集在窄屏改为播放器下方，当前集使用玫红强调，不依赖 Hover 才能看见状态。交互重点保持按钮尺寸、触摸反馈与内容层级清楚，在不牺牲影视图片的前提下减少窄屏拥挤。

收藏状态保存在当前浏览器，适合演示轻量个人记录，不把它描述成账号云同步或跨设备服务。交互重点保持按钮尺寸、触摸反馈与内容层级清楚，在不牺牲影视图片的前提下减少窄屏拥挤。

播放历史和进度与首页继续观看联动。清理浏览器数据后记录可能消失，因此帮助页会明确说明边界。交互重点保持按钮尺寸、触摸反馈与内容层级清楚，在不牺牲影视图片的前提下减少窄屏拥挤。

在手机上，用户更频繁地单手操作，也更容易被过长的横向导航和过密文字打断。顶部因此只保留菜单、品牌和搜索，首页底部提供首页、发现、搜索、片单与“我的”快捷入口。快捷栏会为正文和 Footer 留出安全空间，不遮挡最后一屏内容。

海报网格在手机端固定为两列，横向内容可以自然滑动。Hero 高度收敛到约四百多像素，标题、搜索和 CTA 仍完整可见，背景图则通过 object-fit 保持影视主体。详情页和播放页在九百像素以下改为上下结构，避免右侧栏把主内容挤得过窄。

收藏、历史、进度、音量、视图和自动下一集都使用浏览器本地存储。它足以让同一设备上的连续观看更自然，但不会产生账号、注册、云端同步或跨设备恢复。这样做既保持无后端依赖的部署方式，也避免向用户承诺没有实现的服务。

如果浏览器禁止本地存储，核心页面仍然可以浏览，播放器也保留原生 controls。脚本增强只是让体验更顺，不承担核心正文和导航的唯一入口。

移动设备更容易造成长时间连续观看，因此自动下一集默认由用户选择。播放页可以关闭自动连播，健康观看页也建议把集与集之间当作休息点。示例视频只指向本地演示文件，不请求第三方真实影视资源。