这里是一组可逐步串联的案例库：每个案例（简历、图片展示……）都是一块独立、可运行的模块， 共用同一套设计系统；它们最终会收敛成课程第 48 课「响应式个人网站」的结课实战。 先各自做扎实，再整体串起来——这正是真实项目从 0 到 1 的成长路径。
用语义化标签搭建一份可在线浏览、可一键打印/导出 PDF 的简历。对应第 22 课「作品展示页」的进阶练习。
响应式图片网格 + 纯原生 JS 灯箱预览，零外部资源（占位图用 SVG/渐变生成）。对应第 41 课「图片库」与第 48 课 Grid。
复刻「Loom Whiteboard」设计挑战题：便签、连线、分组、投票、多人光标。拖拽 / 框选 / 投票 / 模拟协作手感。
文章列表 + 正文排版组件，作为工作台「动态内容」模块，后续接入。先占位，串联时再填充。
案例库的每个模块，都源自某一门课的实战项目：先看课程里做了什么，再看它在案例库里如何被复用、被扩展。下面把「课程知识 → 案例库项目」的链路摆出来，把原本分散在各课程里的成果真正串起来。
建立 cases/ 目录与 _shared/app.css，三案例共用一套品牌蓝设计 token。
两个基础版模块接入工作台，可作为独立教学示例运行。
新增「课程 → 案例库」串联区，把分散在 Python 第 7 章、网站开发课程里的实战成果与新案例模块摆成一条链路，体现知识从课程流向案例库。
把各模块的内容与导航真正连成「一个网站」，对应第 48 课结课实战。