style: 修复侧栏分类圆角，顶部增加软虚化

- nav-card 补 12px 圆角与 overflow hidden - 搜索框 50% 透明 + blur(14px) - 新增 top-blur：blur(8px) + 上下 mask 渐隐，覆盖搜索与内容顶部，不出现硬线 - 验证：nav 圆角 12、搜索可点、虚化生效
2026-10-31 17:03:20 +08:00
parent 2a344ae534
commit 762de4a4e1
4 changed files with 48 additions and 3 deletions
@@ -147,6 +147,13 @@ DELETE /api/items/:id

 ## 11. 实施记录

+### P27（2026-10-31，分类块圆角与顶部软虚化）
+
+- 侧栏导航 `.nav-card` 是普通 div（不是 Card），之前没有圆角；补 `border-radius: 12px` + `overflow: hidden`，和资料/服务卡一致；
+- 搜索框透明度提到 50%，模糊提到 14px；
+- 新增 `.top-blur`：固定在 header 下方（top 60、height 120），`blur(8px)` + 18% 页面色渐变，并用上下 `mask-image` 渐隐，避免再次出现分割线；
+- 验证：nav 圆角 12px、top-blur 存在且 blur 生效、搜索框仍可点击、滚动时顶部软虚化无硬边。
+
 ### P26（2026-10-31，顶部留白加高）

 - 首页顶部偏移 `TOP_OFFSET` 从 88 调到 104，搜索框与内容卡片之间的空白从 28px 增加到 44px；