5 月 26 日下午 4 点 17 分，我蹲在客厅那张矮桌前，把一台 2018 年的旧 ThinkPad 翻过来，风扇口积了薄薄一层灰。屏幕上是「49tk图库49tk.cm资料库免费打开展示」的测试页，我用触控板点了一下第一张卡片的标题，页面滚动到 480px 的位置，卡片高度忽然从 224px 变成 287px，一个字都没变，只是行距被撑开了。那一刻我意识到，所谓“免费打开展示”，真正难的不是打开，而是打开之后每一处间距是否站得住。
这件事我记在便利贴上，贴在了显示器下沿。写这篇笔记的目的，是把 49tk 资料库这次的展示页面拆开：为什么是 3 列卡片瀑布流，为什么卡片高度不固定，为什么标题里必须出现具体的人、事、物。这些不是装饰，而是一套让人能在 30 秒内判断“值不值得继续点”的信息结构。
先说页面结构。Hero 区的那句话必须具体，不能是口号。我最终写的是“我把 49tk 资料库的第三版展示页在旧笔记本上打开，滚动条拉到一半时发现卡片之间的行距不对”。这句话里有时间、有设备、有动作、有判断，读者读完能看见一个场景，而不是被一句空泛的欢迎语挡在门外。副标题交代了资料库的定位，装饰圆点只是节奏，不是重点。
其次是卡片瀑布流。3 列，每列宽度在 1240px 容器里大约 386px，间距 20px，圆角 16px，阴影用两层：0 8px 24px 与 0 2px 8px。卡片高度不固定，是因为每条笔记的信息密度不同。有的卡片要放一个具体的数字，比如“第 5 条链接指向 免费恢复49图库，我在这条上停了 42 秒”；有的卡片只放一句判断。高度不固定，读者才会真正去读卡片内容，而不是扫一眼网格。
关于“免费打开展示”，我的观点可能有些争议：免费不等于可以随便打开，展示页的第一屏必须能回答“这是什么、谁在维护、最近一次更新在什么时候”。如果第一屏只有漂亮图片和几个大词，读者会默认这个资料库没有编辑。49tk 这次的页面把更新时间、条目数量和操作入口都放进了首屏，我认为这是对的，虽然它让首屏看起来没那么“干净”。
再说内链。页面里 5 条站内链接不是随机撒的，每条都要落在相关段落里。第 1 条锚文本「新澳门历史记录图库」放在讲历史条目归档的段落；第 2 条「恢复以前网站49图库」放在讲数据回滚的段落；第 3 条「手机qq登录网页入口」放在讲移动端适配的段落；第 4 条「浏览器免费打开网站」放在讲打开方式的段落。链接要像脚注一样自然，而不是像广告位。
最后是字体和字号。正文 14px，行高 1.6，标题 clamp(18px, 2.2vw, 24px)。紧凑型排版不是为了省空间，而是为了让长段落在小屏幕上依然有呼吸感。5 月 26 日那天我把字号从 15px 调到 14px，卡片之间的视觉密度立刻对了，读者滑动时不会觉得“每一屏都在被塞东西”。
