失败 / Before修复 / After说明 / Help

筛选对了，目标却被盖住？
Correct results, hidden landing position

这是定位机制的简化示例，不是本站原始测试页面，不包含真实筛选功能。两个按钮只是锚点标记，点击按钮本身不会筛选。

  1. 点击顶部“失败 / Before”：44px分类按钮会被固定导航遮挡。稍向上滚动可找到它。
  2. 点击“修复 / After”：同样的按钮带有100px滚动留白，应出现在导航下方。
  3. 在桌面和390×844视口重复。观察目标及首卡，而不只检查地址中的hash。

This simplified geometry demo does not implement filtering or reproduce the original test page. The buttons are anchor markers only. Select Before: the 44px target is covered by the fixed header. Select After: a 100px scroll margin keeps it visible. Repeat at desktop and 390×844. Inspect both the target and first card, not just the URL fragment.

纯HTML/CSS；无脚本、外部资源、表单或剪贴板操作。页面不自动判定通过。HTML/CSS only. No scripts, external resources, forms or clipboard operations. No automatic pass claim.

本站真实修复的选择器：#prompt-library .prompt, #prompt-library [data-library-filter] { scroll-margin-top: 100px; }。本页用分区选择器同时展示两种状态，不是生产源码副本。

失败状态 / Before

首卡在按钮下22px。分类目标没有滚动留白，可能连首卡顶边也被遮挡。

The first card sits 22px below the target. Without a target scroll margin, the header covers the button and may obscure the card's top edge.

目标默认 scroll-margin-top: 0；仅卡片有100px留白，不能保护分类按钮。

修复状态 / After

分类按钮与首卡完整出现在导航下方。

The category button and the first card appear below the header.

#after [data-library-filter] { scroll-margin-top: 100px; }