五件器物，五种页面节奏

这次把层架、透镜、木鸟、茶杯和浮标分别做成 MARROW、VITRA、NIM、STILL、FATHOM 五套概念品牌。每套有八个职责不同的网页章节、同品牌登录页和四个独立 UI 图标。品牌字标、图标两种风格和状态变形端点分别统计。

参考如何变成自己的结构

MARROW 观察了源铺 Fleet 公开预览：白色窄导航、工业空间大图、底部叠字、左边小标签与右边长叙述、细线三列、宽图后分步阅读和分组页尾。只观察布局与滚动，没有购买模板，没有复制源代码、照片、字体或客户信息。自己的层架场景由本地原创 Blender 场景渲染，实际操作改为选择布局图并下载。

另外四套自主选题。VITRA 用中央器物轴线和巨大细字，NIM 用不对称桌鸟与深绿短记，STILL 用书页折脊与三章覆盖，FATHOM 用横向水位线、圆形刻度和观察日志。差异落实到信息架构、网格、首屏、章节比例、表单位置、材质和收尾，而不是更换颜色与品牌名。

五套实现与历史比较

品牌	八章的衔接	真实本地操作	与历史的区别
MARROW	空间、留白、架型、层级职责、宽图、布局图、说明、空白笔记	开放/分隔布局同步图像和 SVG 文件	对比 BREAKWATER、LATCH、COURT：环境大图与底部叠字、左边标签和右边长叙述、层级线条、图纸站与分组结尾
VITRA	整体、层名、重组、剖面、形态对照、图纸、说明、观察记录	宽口/窄口图纸选择与实际下载	对比 HELIO、LODE、KERN：中央透镜轴、玻璃薄环、纵向三层阅读、细线对照与极简收尾
NIM	桌鸟、桌面、材质、短记、纸签、三种栖位、说明、空白纸签	输入一条当前短记并导出文本	对比 ODDMENT、SEEDWELL、PEBBLE：木鸟大图、偏移桌面、开放材料行、深绿书写区和三块不同面积的栖位
STILL	一杯、观察顺序、温感、香气、余味、三段记录、说明、空白记录	当前三段茶记导出	对比 CITRUS、SETLIST、VELUM：衬线斜体跨页、目录书脊、三章颜色覆盖、书页式登录和三列记录
FATHOM	浮标、观察清单、绕心段、岸边读法、当前日志、保留记录、说明、空白日志	当前潮边观察导出	对比 TIDEGLASS、NOCT、LOOPLINE：长条刻度、居中器物和双翼文字、暗底日志、三行巨字与竖向页尾

动效表达与失败降级

MARROW 的工业房间、层架与前方长凳构成有限多层视差；VITRA 的透镜、环与支架在有限固定章节中分开，反向滚动恢复；NIM 的原生 SVG 瞳孔跟随视线，密码聚焦时避开；STILL 的温感、香气和余味三章依次覆盖；FATHOM 的浮标绕刻度圆心移动。登录页延续各自器物与色彩，使用视差或视线跟随。视差资产从原始三维场景按背景、器物、前景分别渲染：MARROW房间/层架/长凳，VITRA台面/后层/前片，STILL布面/杯盘/银匙，FATHOM海色/浮标/刻度。三层具有不同位移，构成实际景物深度关系。

桌面滚动效果仅在宽度和高度足够时固定，较窄屏幕回到文档流。触屏提供静态构图与原生操作。系统减少动态效果、动效脚本失败、离屏、后台和页面返回都分别处理。预渲染图片是二维原始资产；多层输入响应与独立矢量部件形成界面动效，不能据此宣称实时三维控制或真实器物性能。

说明区使用原生 details/summary，再由 Morphicons 官方项目的 MIT 版本 1.7.1 增强加号/减号的真实状态变形。模块同源打包，原生 createMorph 接入，设置 reducedMotion: "user"。模块不可用时保持两端静态 SVG、原生展开和键盘操作。二十个独立图标是自己绘制的静态几何，不用变形端点冒充新增图标。

服务与资料边界

登录页未接认证服务：本地检查格式、长度与显隐，清空凭据并给出 unavailable 状态。没有测试账号入口，没有发送或保存凭据，也没有伪造成功。笔记只存在当前表单，下载产生真实文本文件；离开前需要用户自行下载。布局图不是制造或安全承载图，光学形态不是性能指标，潮边页面没有实时潮汐数据或导航功能。

只更新公开项目笔记与已有资料馆清单。没有扫描私人知识库，没有输出个人技能正文、凭据或本机绝对路径。旧文章、旧路由、游戏、登录体验和图标保留。

问题与验收记录

实现阶段先纠正了透镜取景顶部裁切，统一了滚动效果与 CSS 的宽屏阈值，并让浮标轨道半径与刻度一致。透明 PNG 由浏览器直接渲染原始 SVG，各尺寸分别渲染；未把 PNG 包进 SVG 充作矢量图。实看后集中修复了STILL章节颜色继承、NIM标题与第四个MARROW图标接入；第二次修复加强了真实分层视差，并处理放大文字在中间宽度的拆字。锚点实测随后发现STILL覆盖章节越过范围遮住笔记按钮，第三次定向修复用有限章节容器约束sticky和层叠上下文；不能用自动滚动点击成功代替直接锚点的命中检查。

本地必要验收已通过：66 项既有测试（含 16 项知识边界），语法和构建；190 项整批页面交互、第三轮后的 38 项茶记复查、90 项中间宽度及文字与图片失败检查、72 项实际 Chrome 后台与返回检查、80 次目录图标导出及 20 项独立归档检查。全页、登录和二十个图标的小尺寸图片逐一实看，同时比较了十五套近似历史和本批十对组合。直接锚点检查首次发现一项遮挡，修复后的六项确认通过，保留首次失败记录。

公开 PNG 还删除了本地渲染器写入的文本元数据，删除前后的像素哈希一致。实体触屏、Safari/Firefox、浏览器原生文字放大、真实业务服务和性能评分没有执行；文字放大与触屏使用 Chrome 模拟。这里记录本地验证，发布状态由目标提交的 CI 与正式域名验收分别确认，自动验收不代表用户审美认可。