fix: 页头恢复实底，搜索改为独立半透明块

- headerVariant 恢复 solid，去掉 .app > header 透明度 - 新增 top-dock（top 60 / height 88，alpha 0.28 + blur + 底边）承载搜索 - 背景图渐隐恢复 80% - 验证：header 纯白、dock 半透明、搜索可见、无遮罩
2026-10-31 16:41:50 +08:00
parent a2155a4c89
commit e13c2b2ce6
4 changed files with 26 additions and 8 deletions
@@ -147,6 +147,14 @@ DELETE /api/items/:id

 ## 11. 实施记录

+### P24（2026-10-31，独立的半透明顶部块）
+
+- 页头恢复实底（`headerVariant="solid"`），去掉 `.app > header` 的透明度覆盖；
+- 页头下方新增独立 `.top-dock`：`position: fixed; top:60px; height:88px`，背景 28% 页面色 + `blur(10px)` + 半透明底边，作为承载搜索框的单独块，而不是让整条看起来像背景填充；
+- 搜索框保持 60% 半透明；
+- 背景图渐隐层恢复 80%（撤掉上一轮为露出背景做的 65%）；
+- 验证：dock top=60、height=88、alpha=0.28；header 纯白；搜索框可见；无 mask 元素。
+
 ### P23（2026-10-31，去掉遮罩、顶部透明）

 - 删除 `scroll-fade` 整条遮罩及创建逻辑，页面不再有顶部渐隐/模糊层；