通勤路上想找一部能连着看下去的剧，搜索结果往往只给剧名和一句话简介，点进去还要在弹窗与页面之间来回消耗耐心。
更麻烦的是，真正影响观看判断的信息被拆散了：更新到第几集、题材对不对味、同一类型里还有哪些备选，常常要翻三四层才能凑齐。
97视频在线把剧集速览、影视片单、热播动漫与综艺内容四类信息压在同一屏里，先给结论，再给细节。
按题材横向铺开，按更新节奏纵向排列，是 97视频在线 在片单组织上的基本做法。卡片左上角的角标直接写明更新到第几集，省去点开后才发现只更新了两集的落差。
整页没有外部样式表、脚本与字体请求，首屏只渲染文字与一张横幅图，其余封面统一延迟加载。弱网环境下，用户先看到的永远是可读的信息，而不是一片空白。
悬疑 · 单集 45 分钟
剧集速览
剧情 · 一次性完播
影视片单
真人秀 · 单期 70 分钟
综艺内容
热血 · 单话 24 分钟
热播动漫
治愈 · 已完结
漫画改编
都市 · 单集 40 分钟
剧集速览更新进度、题材标签与同类备选直接写在卡片上，不需要二次点击才能确认，减少无效打开。
只保留剧集速览、影视片单、热播动漫与综艺内容四个一级入口，不做层层嵌套的分类树。
整页零外部请求，首屏无阻塞渲染，图片统一 WebP 并延迟加载，弱网环境下依然能先读到文字。
每条资讯与片单都标注最近一次整理时间，方便判断信息新鲜度，避免看到过期的更新进度。
过去角标只写“更新中”，用户点开才知道进度。现在直接写明第几集，卡片信息与详情页保持一致。
两类内容此前混排在同一个列表里，分栏后各自成列，按角标即可区分，不必逐张点开确认。
在题材归类之后，再按单集时长做一次次级排序，方便通勤场景下快速挑出适合碎片时间的内容。
页面以剧集速览和影视片单为主，同时整理热播动漫与综艺内容，所有条目都标注了题材与更新进度，方便在打开前判断是否符合观看需求。
片单角标在每次内容整理时刷新，通常每天一次；遇到密集更新的剧集，会在同一天内追加一次调整，具体以卡片上显示的集数为准。
不会。两类内容在片单里各自成栏，卡片左上角的角标可以直接区分，不需要逐张点开确认，查找路径更短。
先按题材归类，再按最近一次更新时间从新到旧排列，更新更频繁的条目会靠前显示，便于优先看到有新进展的内容。
整页没有外部样式表与脚本请求，图片使用 WebP 并延迟加载，首屏只渲染必要内容。若仍然偏慢，可检查当前网络是否限制了图片加载。
不需要。点击任意卡片即可展开简介，关闭后回到原来的浏览位置，不会打断当前的浏览节奏。
按更新集数排序这点很实用，以前找 97视频在线 的剧集速览得翻好几页，现在一眼就能看到进度。
热播动漫那一栏挺准的，追更节奏终于不用自己数了。希望综艺内容也按这个思路再细分一点。
片单里直接标了单集时长，对通勤党很友好。影视片单如果能再加个时长筛选就更省事了。
