新手入门

ClusterCard / 主题分类卡片

规范：docs/design-system.md §7.3 卡片（与 ArticleCard 同基）· 改造日期 2026-05-26

1. 默认状态（含 articleCount）— 首页 15 主题分类格

AI 入门

37 篇

完全没接触过 AI 的人从这里开始：核心概念、选什么工具、安全避坑

ChatGPT

20 篇

OpenAI 旗舰产品全功能教程，含注册、订阅、各功能保姆级用法

Claude

35 篇

Anthropic 的 Claude 模型完全使用指南，写作和编程的首选

Gemini

25 篇

谷歌 Gemini 全家桶 + Google AI 工具教程

NotebookLM

21 篇

谷歌出品的 AI 学习神器，把任何资料变成可对话的知识库

Kimi

26 篇

Moonshot 月之暗面 Kimi 全功能教程，国内长文档处理之王

2. 不含 articleCount

ChatGPT

OpenAI 旗舰产品全功能教程，含注册、订阅、各功能保姆级用法

Claude

Anthropic 的 Claude 模型完全使用指南，写作和编程的首选

Gemini

谷歌 Gemini 全家桶 + Google AI 工具教程

3. 长 title + 长 description 边界

AI 入门加深加难加广覆盖全工具

9999 篇

AI 入门完整教程：零基础读懂 AI 是什么、大模型、智能体、提示词等核心概念，含小白第一个 AI 选什么、30 天学习路线、安全避坑指南，含中国大陆用户专属合规说明。

4. Hover 状态（鼠标移上）

把鼠标移到上面任意卡片上，看 border 加深 + shadow 加重 + translateY(-2px)

规范引用

  • §7.3 卡片背景 = var(--bg-elevated)
  • §7.3 hover 240ms = var(--duration-card-hover)
  • §12.3 标题字重 500（原 ClusterCard 用了 font-bold 700，已修）
  • §13-4 副标题 ≤ var(--text-tertiary)