发现
用心情与主题开始找片，减少小屏幕上的长列表滚动。
六个移动观看场景
从发现到历史，每个界面都对应一个具体任务，不把移动端做成桌面页面的简单缩小。
片库
筛选保留故事类型、进度和排序，操作区域适合触控。
详情
重要资料集中在片名、评分、片长、进度与编辑点评。
播放
深海蓝播放器把注意力留给画面，选集与线路独立放置。
收藏
收藏只保存在当前浏览器，适合建立临时候看片单。
历史
观看进度帮助从上次位置继续，并可自行清理。
轻量本地记录
收藏、历史和播放偏好可以只保存在浏览器
网页版本使用浏览器 localStorage 保存收藏、观看历史、播放进度、视图方式、自动下一集和音量。数据只在当前浏览器环境中存在，清理浏览器存储后会消失。
这种方式适合无账号的演示站点，不会把“本地记录”包装成云同步。换设备后不会自动出现之前的收藏，这是设计边界而不是故障。
小屏幕上的发现方式
桌面端可以同时看到很多海报，手机却更容易因为信息过密产生疲劳。因此移动体验首先强调几个明确入口：六大片库、八种观看心情、搜索与片单。找到方向之后，再进入两列海报或横向内容轨道。
播放控制尽量保持系统习惯
播放器基于原生 HTML5 video，保留浏览器自身的播放、暂停、进度、音量和全屏控制，并增加倍速、画中画、选集、线路与自动下一集。即使 JavaScript 失效，基础 controls 仍然可用；示例视频需要站点部署者自行放入规定的本地 media 目录。
移动底栏只保留高频入口
首页、片库、搜索、片单和“我的”承担最常用路径。底栏固定在页面下方，但正文会预留空间，避免遮挡最后一段内容。返回顶部按钮则用于长页面快速恢复到导航区域。
关于隐私与健康观看
本地历史的目的只是续播，不用于虚构用户规模、推荐画像或广告追踪。长时间连续观看时，建议在一到两集之间主动休息；短剧虽然单集时间短，也不意味着适合无限连续播放。
触控操作需要比桌面更明确
手机上没有鼠标悬停，因此关键操作不能只依靠 Hover 才出现。搜索、筛选、收藏、选集和关闭按钮都应保持足够触控面积，并通过文字或清楚图形说明用途。横向内容轨道支持手指滑动，但内容本身仍保留真实链接；即使用户不使用滑动手势，也可以按普通页面顺序继续浏览。
网络不稳定时先保证页面可理解
海报与剧照属于重要视觉，但片名、类型、进度和正文不会等图片全部加载后才出现。非首屏图片延迟加载，图片失败会切换到站内占位图；视频加载失败时也只报告当前本地文件状态，不跳转到不明来源。这样做的重点不是隐藏错误，而是让用户知道接下来可以返回详情、换一集或稍后继续。