在线影视：热播剧集与影片实时同步，打开即看不必等待

一、片库不是越多越好，是越准越好

很多影视索引页把"收录数量"当作唯一指标，结果用户翻十页也找不到能看的。我们选择反过来的路径：先把分类边界定死，再谈数量。漫画改编独立成一类，动漫独立成一类，两者标签不互通；纪录片不与剧情片混排；综艺按季归档，不把单期拆成独立条目。分类一稳，筛选才有意义。

二、评分显示规则决定了参考价值

评分的核心问题不在算法，而在样本量。样本不足时，一个极端分数就能把均值拉偏。我们把显示门槛设在 500 份有效样本，低于这个数字就不显示分数，只展示片种与年份。代价是部分新片没有评分，收益是已有评分基本可以被信任。在线影视场景里，用户做决定的时间往往只有几秒，分数失真比分数缺失更伤害体验。

三、更新日志是一种可验证的承诺

页脚那串日期不是装饰。每一次片库批量同步后 24 小时内，我们会写下这次改了什么：修正了哪几部作品的片种、新增了哪些剧集的更新进度、调整了哪条统计规则。用户如果对某条数据存疑，可以对着日志逐条核对。这种做法无法让数据变得绝对正确，但能让错误被发现和纠正的速度变快。

四、静态页面的性能优势来自减法

这个页面没有引用任何外部样式库、字体库、图标库或统计脚本。全部样式内联在头部，交互逻辑是几十行原生脚本，图片统一懒加载并预留占位色块。减法带来的结果很直接：首屏不需要等待任何第三方域名解析，最大的内容绘制元素是一段文本标题，几乎不存在被阻塞的可能。布局位移也接近零，因为每张图片的容器都写死了宽高比。

五、移动优先不是把桌面版缩小

移动优先意味着先决定在小屏上保留什么。我们把首屏压缩成四样东西：一个标题、一段说明、一个搜索框、一排快速筛选标签。这四样东西承担了分流职责——用户不进二级页就能跳到想看的位置。卡片网格从单列开始，到 640 像素变两列，900 像素变三列，而不是反过来做媒体查询降级。

六、弹窗用锚点实现，是为了可被抓取

详情弹窗采用 :target 伪类配合锚点链接，不依赖脚本渲染。好处有两层：一是点击响应不经过脚本执行，交互延迟极低；二是弹窗内容从一开始就存在于 HTML 里，抓取程序可以直接读到片名、年份、评分与来源字段。对于一个以信息核验为卖点的在线影视索引页来说，内容能不能被读到，比动效好不好看重要得多。