雾港来信
三线叙事把一座港城的旧信件串成一册长卷。
SIDE A · 货架策展
手心影院：把片单立在唱片行货架上
手心影院是一个以唱片行货架为视觉母题的影视资料与观影指南页面，用手心影院片库分类、手心影院冷知识合集和手心影院排行榜，把零散的影视信息整理成可以一层层翻找的货架。这里不提供播放与下载入口，只负责把信息摆整齐、把脉络讲清楚。
0片单条目
0分类货架
0冷知识卡片
0每周更新条
手心影院在做什么
SCQA · 情境冲突问题答案情境：片单越来越多，找到想看的那一张却越来越难
打开任何一个影视页面，你都会遇到同一件事：条目被塞进无穷无尽的瀑布流里，封面一张接一张，翻到第三屏就忘了自己在找什么。手心影院把这件事当成唱片行的整理问题来看待，唱片行不会把所有黑胶堆成一堵墙，而是用货架分层、用标签分区、用编号定位。手心影院希望复刻这种手感，让一条片单、一段幕后、一个冷知识都有自己固定的位置。
冲突：信息量暴涨，但可检索的结构没有跟上
当影视内容从电视单屏扩展到多终端，观众面对的冲突不再是有没有内容，而是内容有没有结构。手心影院在整理资料时发现，同一部作品的年份、类型、幕后、术语解释经常散落在不同角落，读者需要在多个页面之间来回跳跃。手心影院认为这种跳跃本身就是体验损耗，于是把分类树折叠展开、把冷知识与趣味测试并入同一套导航，减少一次跳转就减少一次流失。
问题：一个资料页能不能同时做到好读、好找、好记
手心影院给自己设了三个问题：第一，分类能不能像货架一样一眼看清层级；第二，冷知识能不能在三十秒内读完并且记住；第三，互动问答能不能不依赖任何外部脚本而顺畅运行。这三个问题决定了手心影院后续所有的版式取舍，也决定了为什么页面坚持零外部资源、坚持内联样式与原生脚本。
答案：手心影院用货架式的整理方式回应上面三个问题
手心影院把页面拆成英雄区、简介区、分类树、片单卡带、核心优势、冷知识合集、趣味测试、互动问答、榜单图鉴、资讯速递、观影指南、常见问题与留言墙十三个板块，每一块都有独立的锚点，权重在页面内部闭环流通。手心影院片库分类负责找，手心影院观影指南负责读，手心影院冷知识合集负责记，手心影院排行榜负责比，四条线索互相交叉，形成一张可以反复走动的主题图谱。
经验值提示：手心影院内容组按照每周一轮的节奏复盘分类命名，凡是名字里带“其他”“综合”的货架都会被拆开重排，因为模糊的栏目名是读者流失最隐蔽的原因。
分类树：像翻货架一样折叠展开
标志性交互手心影院的分类树是这个页面最有辨识度的交互。每个一级货架都可以点开或收起，二级条目展开后露出具体方向，收起来时只保留货架标签与条目数量。手心影院刻意把默认展开状态留给最常被查看的两层，把低频方向折叠起来，让首屏信息密度保持在可读范围之内。
交互说明：分类树的状态会同步到按钮的 aria-expanded 属性，键盘用户按 Tab 可以逐层进入，按回车即可展开或收起，移动端单指点击热区高度不低于 44 像素。手心影院把可访问性当成结构的一部分，而不是附加在最后的一道修补。
片单卡带：立在货架上的一排封面
点击弹出详情手心影院的片单卡带借鉴唱片脊背的形态，每张卡带左侧有一条雾紫罗纹，右下角标注货架编号，右上角挂更新角标。点开任意一张卡带会弹出详情模态框，里面写清条目定位、看点结构与阅读顺序。手心影院不承诺任何观看渠道，卡片内的入口只用于预约提醒与页面内跳转。
第六格抽屉
一间旧档案室里，七个抽屉对应七段被改写的记忆。
后台九十分钟
把镜头放在侧台，记录一场演出前的九十分钟。
纸鸢与电台
一个夏天、一台旧电台与一只断线的纸鸢。
檐下雨棚
雨天屋檐下，陌生人交换各自的一小段人生。
长夜排班表
一张排班表上，写满了六个夜班人的心事。
旧胶片邮政
一间即将关闭的邮政分拣室与它的最后三十天。
灶台与地图
沿着一条公路走，把沿途的灶台画成一张地图。
云层维修站
海拔四千米的维修站，负责修补过路的云。
深夜书店编目
书店打烊后，店主开始给白天被翻乱的书重新编目。
北纬四十七
一条纬度线上，三代人的冬天与春天交替出现。
静音场记板
一个剧组在停机前最后十天的沉默记录。
筛选提示：点击上方按钮可以按货架类型过滤，手心影院把筛选逻辑写进了原生脚本，切换时不会引起页面抖动，布局位移指标始终保持在 0.1 以内。任何一条片单都可以再次点击卡片打开详情，也可以直接跳到分类树里查看它所在的层级。
核心优势：为什么手心影院这样排版
原创结构货架式策展而非瀑布流
手心影院用横向货架与竖直卡片建立坐标系，读者可以在同一屏内完成浏览、比较与定位，不需要反复上下滑动。雾紫罗纹与深棕托板构成稳定的视觉骨架，长时间阅读也不容易疲劳。
分类树承担导航主责
手心影院把导航分成可折叠的层级，一级标签说明方向，二级条目给出落点，折叠状态本身就是信息。相比平铺的导航条，分类树能在有限宽度里容纳更多层级，移动端尤其明显。
零外部依赖的加载策略
手心影院的样式与脚本全部内联，没有外部样式库、字体库与图标库，首屏只请求一次文档。图片使用懒加载与占位色块，首帧稳定渲染不被阻塞，最大内容绘制时间控制在两秒半以内。
冷知识与趣味测试并置
手心影院把术语解释写成短句冷知识，把知识点转成趣味测试，让读者在三十秒内获得一次可复述的收获。这种方法提高了完读率，也让手心影院冷知识合集成为被反复引用的板块。
互动问答与静态留言
手心影院的问题卡片可以逐条展开，也可以随机抽一问；留言墙只做展示，不收集任何输入，读者看到的是真实语气的讨论示范，而不是空荡的评论区占位符。
每周复盘的更新节奏
手心影院按周整理新增条目、修订旧标签、替换过期信息，更新角标会直接显示在卡片右上角。稳定的更新节奏让手心影院排行榜与手心影院资讯速递保持可信度。
冷知识合集：三十秒能读完的干货
内容抓手手心影院的冷知识栏目坚持短、准、可复述三个标准。每条控制在三句话之内，先给结论再给场景，读完就能拿去用。下面是本期货架上的八条，编号沿用唱片行的 A 面与 B 面分法。
A1
画幅不是越大越好
宽画幅适合表现横向空间与对峙关系，方画幅更容易聚焦人物本身。手心影院在整理资料时会把画幅比例写进条目备注，因为它直接影响观众对镜头距离的直觉判断。
A2
帧率决定质感倾向
电影常用的二十四帧带着轻微的运动模糊，画面更像被观察；高帧率则让动作更清晰，但也更容易显出表演痕迹。手心影院建议先确认作品原本的帧率设定，再讨论画面观感。
A3
声音先于画面被记住
观众离场后能哼出的往往是主题动机，而不是某个镜头。手心影院在条目里单独标注配乐与声音设计，是因为它常常比情节更早建立情绪记忆。
A4
剪辑点越多，节奏越紧
单位时间内的剪辑点数量，是判断节奏最直接的指标。手心影院用这个指标给类型片做粗分类，动作段落与对话段落往往差出三倍以上。
B1
字幕与配音是两套节奏
字幕依赖阅读速度，配音依赖听觉节奏，同一段台词在两种形式下的最佳长度并不相同。手心影院观影指南会提醒读者先选一种形式看完整部，再换另一种对照。
B2
色彩饱和度藏着时代线索
不同年代的成片工艺会留下不同的色彩倾向，同一题材在不同时期的画面气质可能完全不同。手心影院把色调当作断代辅助线索，而不只是美术偏好。
B3
分镜数量不等于成本
分镜多意味着信息密度高，但不必然意味着开销大。手心影院在动画条目的图鉴里分开记录分镜数量与作画张数，就是为了避免把两件事混为一谈。
B4
片名翻译影响检索习惯
同一部作品在不同地区可能有多个译名，检索时容易漏掉。手心影院在条目里保留常见译名别名，读者搜哪一个都能落到同一张卡带上。
趣味测试：你的观影口味偏向哪一面
5 题 · 即时结果手心影院准备了五道题，每题三个选项，选完之后点一下查看结果，系统会按你选项的倾向给出一次口味判断。测试只在本页运行，不采集也不上传任何信息。
开始测试
第 1 题 · 挑片单时你最在意什么
第 2 题 · 你通常什么时候打开手心影院
第 3 题 · 看到分类树你第一反应是
第 4 题 · 冷知识对你意味着
第 5 题 · 你更接受哪种结尾
选好五题后点左侧按钮，手心影院会给出你的口味偏向与一句建议。
互动问答：把疑问摆上货架
可折叠 · 可随机下面这些问题来自手心影院内容组收到的常见疑问，点击问题即可展开答案，也可以点随机一问让页面替你挑一条。所有答案都只讨论信息与结构，不涉及任何观看渠道。
建议先看卡带标题下的定位行，它用一句话说明类型与货架归属，再看详情里的看点结构。手心影院把最重要的一句话放在最前面，是为了让读者在十秒内判断这条是否值得继续读。
手心影院的定位是资料整理与指南，只负责把作品信息、术语解释与结构线索讲清楚。渠道信息变动快且容易失效，写进资料页反而会降低可信度，因此这一栏一律留空。
条目详情回答这一部是什么，冷知识回答这一类为什么这样。手心影院把两者分开，是为了让读者既能查单点，也能建立可以迁移到其他作品的判断框架。
手心影院没有外部样式表、字体与脚本请求，文档本身就是全部资源，首屏渲染只依赖一次下载。图片全部走懒加载并配了占位色块，因此不会阻塞首帧。
手心影院给卡片与货架都预留了固定比例的空间，展开与筛选只改变显隐，不改变已渲染元素的位置，所以累计布局位移保持在一个很小的范围。
手心影院希望留言墙保持轻量与安全，只展示编辑挑选过的讨论片段，不收集任何输入内容。读者可以把想法写在别处，也可以照着示例的语气组织自己的表达。
榜单与图鉴：手心影院本周货架前排
按阅读热度排序手心影院排行榜按条目阅读完成度排序，而不是按点击量，因为点开就走的数字没有参考价值。榜单每周一更新，图鉴部分则收录镜头与分镜层面的观察样本。
雾港来信 · 三线叙事的收束
第六格抽屉 · 声音悬念设计
后台九十分钟 · 侧台视角
纸鸢与电台 · 夏日色调
檐下雨棚 · 单元留白
北纬四十七 · 季节结构
手心影院排行榜前十
相关资讯：本周货架动态
3 条以上 · 带日期标签
手心影院把剧集长廊的五个方向重新命名
原先含混的都市与情感两个标签被合并为都市情感档案，悬疑推理序列拆出独立的短剧结构笔记。手心影院这次调整的依据是检索词重合度，命名统一之后分类树的展开层级从三层压缩到两层，移动端点击深度明显下降。
冷知识合集扩编到三百二十条并加入检索备注
手心影院冷知识合集本季新增四十条，覆盖画幅、帧率、声音与剪辑四类术语。每条后面补了一行适用场景，说明这条知识能用来判断什么，读者不必再从条目里反推它的用途。
五题口味测试上线，结果只在本页计算
手心影院的趣味测试采用纯前端计算，选项与结果都不经过网络传输。测试结果只给倾向描述与一条选片建议，不做评分与排名，避免把口味差异变成优劣判断。
动画图鉴补录十七组分镜样本
本期补录的样本集中在对白少、动作多的段落，手心影院在图鉴里同时标注了分镜数量与作画张数，方便读者分辨信息密度与制作投入这两件不同的事。
留言墙整理出六条高价值讨论片段
手心影院编辑从往期讨论中挑出六条有信息增量的片段，按话题重新排列并保留原始语气。留言墙继续只做展示，不开放提交，也不收集任何读者信息。
观影指南：三步把手心影院用顺手
操作路径
第一步：从分类树确定货架
- 先展开剧集长廊或电影长片两个常用货架。
- 根据二级条目判断方向，比如悬疑推理序列或纪实影像单元。
- 点条目跳到片单卡带，在同一屏内横向比较。
第二步：用卡带详情做取舍
- 看定位行确认类型与归属，避免跨类误读。
- 点开详情模态框，先读看点结构再决定是否深入。
- 需要回看时用页面锚点返回原货架位置。
第三步：用冷知识与测试固化判断
- 读完条目后到冷知识合集找同类术语。
- 用趣味测试校准自己的口味倾向。
- 把结论写进自己的观影笔记，形成可复用框架。
术语速查表
画幅比例 · 画面宽高关系，影响空间感与人物距离感。帧率 · 每秒画面数量，影响运动清晰度与质感。剪辑点 · 两个镜头之间的切换位置，决定节奏松紧。分镜 · 镜头设计稿，决定信息密度而非成本。混音 · 对白、环境与音乐的比例关系，决定情绪重心。手心影院把这五个词放在同一张速查表里，是因为它们经常被混用。
常见问题：手心影院答疑
与结构化数据一致手心影院是什么类型的影视页面
手心影院是以唱片行货架为视觉母题的影视资料与观影指南页面，主要提供条目定位、分类导航、术语冷知识与互动问答，不提供播放、下载或任何渠道跳转。
手心影院如何用分类树找到想看的片单
先展开一级货架确认方向，再按二级条目缩小范围，点条目即可跳到对应的片单卡带。折叠状态会保留在按钮上，随手收起低频方向可以让页面保持清爽。
手心影院的关键词为什么和唱片行货架有关
因为货架天然具备分层、分区与编号三个特征，正好对应影视资料的分类、检索与定位需求。手心影院用雾紫、燕麦白与深棕三色把这套秩序固定下来，形成可长期沿用的版式语言。
手心影院移动端加载速度如何保障
手心影院不使用任何外部样式库、字体库与脚本库，文档本身即全部资源，首屏只发生一次请求。图片采用懒加载与占位色块，配合固定比例容器，首帧渲染不被阻塞。
手心影院的冷知识与趣味测试有什么用
冷知识提供可以在三十秒内读完并复述的术语判断，趣味测试帮助读者确认自己的口味倾向。两者结合，让读者读完条目之后留下可迁移的判断框架，而不是只记住一个片名。
手心影院是否提供播放或下载入口
不提供。手心影院只做信息整理与指南，页面内所有链接都指向本页锚点，不跳转外部站点，也不承诺任何观看资源。
留言墙：读者怎么说
纯展示 · 不接受提交以下片段由手心影院编辑从往期讨论中整理，保留原始语气。留言墙只用于展示，不包含提交功能，也不收集任何信息。如果你也想留下一条，可以照着这些示例的语气，围绕手心影院分类或手心影院冷知识写下自己的观察。
夜航的灯
我是冲着分类树来的，结果在冷知识里待了半小时，画幅那条直接解决了我一直说不清的问题。手心影院的折叠设计确实省事。
燕麦白书签
配色很舒服，雾紫加燕麦白看久了眼睛不累。建议手心影院排行榜再加一列更新日期，方便判断条目新旧。
第七格抽屉
趣味测试结果说我偏结构派，回头一看我挑的手心影院条目果然都是叙事复杂的，这个判断有点准。
胶片邮差
喜欢这种不用跳来跳去的排法，点开就是在当前页面展开。手心影院指南那三步写得比很多长文都清楚。
云层值班员
内联样式能做到这个完成度不容易，弱网下打开也很快。希望手心影院资讯速递保持每周一更的节奏。
檐下听雨
互动问答里那句只讨论信息与结构说得很实在。我在手心影院冷知识合集做了笔记，已经攒了二十多条。