refactor(ui): adopt Nuxt UI prose styles and apply various fixes

Replaces custom `markdown.css` with the default prose styling from Nuxt UI to simplify the styling architecture. This commit also includes several other fixes and improvements:

- fix(members): Correctly
handle empty `graduateYear` strings in the member list.
- fix(layout): Wrap `NuxtPage` in a div to resolve page transition issues.
- feat(seo): Add a meta title to the homepage.
- docs(content): Correct
the title and add an image to an event page.

docs/Statistic Card 建议.md

@@ -0,0 +1,57 @@
+### 🎓 校友群体类（展示规模）
+
+* **注册会员人数**（基础指标）
+* **校友分布地区数**（如「分布于 12 个国家」）
+* **历届毕业生总数**
+* **校友企业数**（若可统计，代表社会影响力）
+* **理事人数 / 活跃志工人数**
+
+---
+
+### 💰 贡献与资源类（展示凝聚力）
+
+* **教育基金总额**（例如「林赛花教育基金已累计 RM XXX,XXX」）
+* **奖助学金受惠人数**
+* **年度捐款总额 / 参与人数**
+* **历年活动赞助商数量**
+
+---
+
+### 🏛️ 历史与传承类（展示深度）
+
+* **成立年份 / 周年数**（基础指标）
+* **举办活动次数**（历届聚会 / 座谈 / 校庆）
+* **出版刊物 / 纪念册数量**
+* **历届理事会届数**
+
+---
+
+### 🌏 影响与传播类（展示影响面）
+
+* **官方网站访问量 / 月均访问数**
+* **社交媒体关注人数 / 互动量**
+* **媒体报道次数**（可简化为“媒体曝光数”）
+
+---
+
+### 💡 进阶玩法（让页面更有活力）
+
+* **“活跃率”**：例如「本年度活动参与率 72%」
+* **“成长曲线”**：每年会员人数变化趋势（用小图表示）
+* **“校友情谊值”**：趣味指标，比如根据活动签到 / 捐赠 / 投稿自动算出的综合分数（可 Gamify）
+
+---
+
+### ✅ 推荐组合（简洁又有格调）
+
+| 分类     | 指标          | 示例展示         |
+| -------- | ------------- | ---------------- |
+| 校友群体 | 会员总数      | 1,237 位注册会员 |
+| 成立历程 | 成立时间      | 创立于 1985 年   |
+| 贡献力量 | 教育基金累计  | RM 245,000       |
+| 活动热度 | 年度活动次数  | 12 场活动        |
+| 社群影响 | Facebook 关注 | 3.4k Followers   |
+
+---
+
+要我帮你把这五个指标设计成一个统一风格的 **Statistic Card UI**（适合放在 Nuxt + @nuxt/ui 项目里）吗？我可以直接给出结构和样式建议 🔥