Header / 顶部导航
规范：docs/design-system.md §7.4 Navigation · 改造日期 2026-05-26
1. 当前页面 Header（顶部观察）
滚动到页面顶部看实际渲染。当前 path = /demo/header/，所以 nav 内没有任何链接 active。
2. Active 状态测试
点击下面任一链接，跳转后 Header 对应链接会出现 2px 下划线（§7.4 active）
3. Hover 状态测试（人工）
把鼠标移到顶部 nav 链接上 → 颜色从 --text-secondary (neutral-700) 变 --text-primary (neutral-900)
把鼠标移到「新手入门」CTA → bg 从 --neutral-900 变 --neutral-700 + translateY(-1px) + shadow-md
规范引用
- §7.4 height =
64px - §7.4 bg =
var(--bg-primary)(用户拍板 B：去掉 backdrop-filter，符合 §12.2) - §7.4 border-bottom =
1px solid var(--border-subtle) - §7.4 padding =
0 var(--space-8) - §7.4 链接默认 =
var(--text-secondary)14px medium - §7.4 链接 hover =
var(--text-primary) - §7.4 active =
var(--text-primary)+ 下方 2px 装饰线 - §7.1 Primary CTA =
var(--neutral-900)/ hovervar(--neutral-700)+ translateY(-1px) + shadow-md - §12.2 logo 🤖 emoji 已删（纯文字 logo）
- §12.3 logo + nav + CTA 字重全 500