先讲清楚这个页面解决什么问题，再讲它怎么用。
搜索一部作品时，通常要先经过一个跳转页，再进入详情页，最后还要退回列表确认自己看到第几集。每多一次跳转，就多一次等待；每多开一个标签页，就多一份记忆负担。
真正消耗时间的并不是内容本身，而是反复确认的过程。同一部作品在不同页面上的名称、集数、题材标签经常对不上，用户不得不在多个窗口之间来回切换，最后反而记不清自己看过什么。
如果浏览、筛选、了解规则这三件事能放在同一个页面里完成，中间的跳转就可以全部省略。这正是糖心vlong 在结构上想处理的问题。
糖心vlong 把作品卡片、更新记录、题材标签和常见问题压缩进一个单页。向下滚动就是完整的浏览路径，点击任意卡片会弹出详情窗口，按 Esc 或点击窗口外侧即可关闭，浏览位置保持不变。
如果你更关心页面本身的技术取舍，可以直接跳到核心优势；如果你在找某个具体题材，作品合集按五类标签排列，方便快速定位；关于使用细节，常见问题里做了逐条说明。
卡片右上角角标标出最近一次调整的状态，点击任意卡片查看详情。
所有取舍都围绕同一件事展开，让内容先到达用户眼前。
样式、脚本、图标全部内联在文档内部，不请求任何第三方库。页面只需一次网络往返就能拿到全部渲染所需内容，移动网络下也能快速呈现首屏。
列表中的图片统一使用 WebP 格式并开启懒加载，进入视口前只显示与图片同尺寸的占位色块，避免长图一次性抢占带宽，也让布局在加载过程中保持稳定。
每张图片都预先声明了宽高比例，容器尺寸在图片到达之前就已确定。文字与卡片不会因为图片加载而整体下移，阅读位置始终可控。
导航项、按钮与卡片的最小点击高度保持在 44px 以上，相邻按钮之间留出至少 8px 间距，单手操作时不容易误触相邻元素。
页面内的所有跳转都指向本页锚点，不产生外域请求。从导航到卡片再到页脚，链接始终在同一个文档内流转，浏览路径完整且不中断。
全页只保留一个一级标题，二级与三级标题按栏目划分，不使用装饰性标签堆砌结构。语义标签与视觉层级一一对应，便于阅读也便于理解。
记录最近的调整动作，方便对照查看变化。
把 anime 与 manga 两条题材线合并展示，卡片排序改为按更新时间倒序，最近调整过的条目会排到前面。
作品合集去除了不必要的样式计算，首屏只保留文字与一张横幅图，其余图片统一延后加载，减少首次渲染阻塞。
更新记录点击卡片弹出详情、按 Esc 关闭、触控热区不小于 44px，关闭后自动回到原来的滚动位置。
使用指南留言区只做展示用途，不设置提交入口，也不收集任何用户信息，因此无需填写账号或密码。
常见问题把最常被问到的几件事逐条写清楚，减少来回查找。
糖心vlong 是一个以作品合集为主的整理页面，把 tv、movie、variety、anime、manga 五类题材集中展示，并附带更新记录与浏览说明。
更新按周整理，卡片右上角的角标会标出最近一次调整的状态。遇到题材合并或分类变动，会在相关资讯区同步说明。
点击卡片会弹出详情窗口，里面包含题材、更新状态和内容简介。按 Esc 键或点击窗口外的区域即可关闭，关闭后回到原来的浏览位置。
页面不引入任何外部样式库和脚本库，图片统一使用 webp 格式并做懒加载，首屏只渲染必要元素，因此移动网络下也能快速打开。
当前版本定位为纯浏览型合集页，留言区仅作展示，不采集任何用户信息，因此不提供提交表单，也不需要填写账号密码。
按内容形态划分为 tv、movie、variety、anime、manga 五类，每类对应一个独立标签，方便在作品展示区快速定位。
以下内容为展示示例，不提供提交功能。
找了一圈，还是这种把标签直接标在卡片上的写法最省事。之前搜糖心vlong 相关合集总要开好几个页面，现在一个页面就能对照着看完。
详情弹窗的关闭逻辑做得很顺手，点外面就退出来了，不用再找那个小叉。希望后面能把糖心vlong 作品合集里的条目说明再写细一点。
旧手机打开也不卡，图片是慢慢出来的，不是那种一下子全糊上来。更新记录那栏挺有用，能看出糖心vlong 最近动过哪些地方。