feat: add software section with new icons and implement hover animations for hardware and friends cards.

Author: Ero-Cat

AGENTS.md

@@ -57,7 +57,7 @@
 **Responsibilities**:
 - 维护 `GlassCard` 核心组件（毛玻璃 + 3D tilt + 光晕反射 + spring 物理）
 - 实现 Bento Grid 4 列布局容器
-- 实现各功能卡片（Profile、Social、Hardware、Projects、Friends、NowPlaying、PhotoStack、GitHubHeatmap、VRChatStatus、Blog）
+- 实现各功能卡片（Profile、Social、Hardware、Projects、Friends、NowPlaying、PhotoStack、GitHubHeatmap、VRChatStatus、Blog、Software）
 - 实现入场动画（stagger + spring）
 - 性能优化（rAF 驱动进度条、合并 `useTransform` 链、避免字符串拼接 boxShadow）
 - 确保触控目标 ≥ 44×44pt (Apple HIG)
@@ -133,11 +133,11 @@ Bento-Homepage/
 │   │   ├── github-heatmap-card.tsx # GitHub 贡献热力图（无需 Token）
 │   │   ├── vrchat-status-card.tsx  # VRChat 实时在线状态（VRCX-Cloud API）
 │   │   ├── blog-card.tsx         # 博客最新文章（Halo 2.x API）
-│   │   ├── social-card.tsx       # 社交图标链接
-│   │   ├── skills-card.tsx       # 兴趣 Pill Tags
-│   │   ├── hardware-card.tsx     # 硬件清单
+│   │   ├── social-card.tsx       # 社交图标链接（scale hover，无 y 位移避免 3D tilt 抖动）
+│   │   ├── skills-card.tsx       # 兴趣 Pill Tags（scale + boxShadow hover）
+│   │   ├── hardware-card.tsx     # 硬件清单（pill-tag 样式，与 Interests 一致）
 │   │   ├── projects-card.tsx     # 项目展示（含 GitHub Stars/Forks API）
-│   │   ├── friends-card.tsx      # 友情链接
+│   │   ├── friends-card.tsx      # 友情链接（hover 旋转漩涡特效）
 │   │   ├── footer.tsx            # 版权信息
 │   │   └── icons/                # 自定义图标（VRChat、Steam）
 │   ├── config/
@@ -199,3 +199,4 @@ Bento-Homepage/
 5. **Apple HIG Compliance**: 遵循 `.agent/rules/apple-designer-vibe-rules.md` 中的所有设计约束
 6. **i18n Description**: `profile.description` 使用 `Record<string, string>` 支持多语言简介
 7. **Zero-Dependency Data**: 所有外部 API 均为公开免认证接口，无需配置 Token
+8. **Docs Sync on Feature Completion**: 每次完成新功能后，必须同步更新 `AGENTS.md` 和 `README.md`，确保文档始终反映最新项目状态

README.md

@@ -24,8 +24,10 @@
 - **打字机效果** — 名称 / 别名自动循环打字展示
 - **明暗自动切换** — 跟随系统 `prefers-color-scheme`，双套设计令牌
 - **GitHub 实时数据** — 项目卡片自动拉取 ⭐ Stars 和 🍴 Forks 数据
+- **友链漩涡特效** — 好友头像 hover 时 360° 旋转漩涡动画，与主头像轮播效果一致
+- **硬件标签一致性** — 硬件清单使用与兴趣标签相同的 Pill Tag 样式和 hover 动效
 - **入场动画** — 交错 fade-in + slide-up，弹簧物理驱动
-- **性能优化** — rAF 驱动零渲染进度条、合并 `useTransform` 链、消除 `backdrop-filter` 叠加
+- **性能优化** — rAF 驱动零渲染进度条、合并 `useTransform` 链、消除 `backdrop-filter` 叠加、消除 3D tilt 与子元素 hover 位移冲突
 - **SEO 就绪** — Open Graph、Twitter Card、`<meta>` 标签全部从配置生成
 - **全静态导出** — `next build` 输出纯 HTML/CSS/JS，无需服务器
 - **GitHub Pages CI/CD** — 推送到 `main` 分支即自动构建部署
@@ -43,10 +45,10 @@
 | 📊 贡献图 | `github-heatmap-card.tsx` | GitHub 过去一年贡献热力图 |
 | 📝 博客 | `blog-card.tsx` | Halo 2.x 最近博文列表 |
 | 🔗 社交链接 | `social-card.tsx` | GitHub / Telegram / Twitter / VRChat 等平台图标 |
-| ✨ 兴趣标签 | `skills-card.tsx` | 胶囊式 Pill Tag，明暗双色自适应 |
-| 🖥️ 硬件清单 | `hardware-card.tsx` | 分类展示硬件设备 |
+| ✨ 兴趣标签 | `skills-card.tsx` | 胶囊式 Pill Tag，scale + glow hover 动效 |
+| 🖥️ 硬件清单 | `hardware-card.tsx` | 分类展示硬件设备，Pill Tag 样式与兴趣标签一致 |
 | 🚀 项目展示 | `projects-card.tsx` | 项目名称、描述、标签、外链、GitHub Stars/Forks |
-| 🤝 友链 | `friends-card.tsx` | 好友头像网格，hover 动效 |
+| 🤝 友链 | `friends-card.tsx` | 好友头像网格，hover 360° 旋转漩涡特效 |
 
 ---