用途：为 DevOps LMS 提供一致的高质量手绘风格 SVG 插图创作指导，用于课程内容中的流程图、清单、团队结构、对比映射与金字塔等图表。
主要能力：采用混合方案——常见图表用可复用 Vue 组件，共享常量与工具用设计系统 composable，仅在没有合适组件时（少见）才手写自定义 SVG。内置五个组件：IllustrationLinearFlow（顺序步骤流程，如 CI/CD、SDLC、Scrum 流程）、IllustrationChecklist（手绘勾选框清单，如 Definition of Done）、IllustrationTeamComposition（团队角色与职责）、IllustrationComparisonMap（左右并排概念映射与连接）、IllustrationPyramid（金字塔/层级，尺寸表示数量或重要性）。
使用方式：在 Markdown 中用 MDC 语法调用组件（如 ::illustration-linear-flow 配合 steps 等 props），在 Vue 页面中从 components/illustrations 导入使用。组件支持 size 属性控制最大宽度；IllustrationLinearFlow 会按步骤数自动决定方向与尺寸（≤5 步水平，6-10 步垂直 280px，>10 步垂直并可滚动）。颜色、间距、描边、排版常量来自 useIllustrationDesign.ts。组件需放在 components/content/ 下才能在 MDC 中生效。
限制：资料面向特定 DevOps LMS 技术栈（Vue、MDC、Tailwind 颜色名），未提供其他环境的适配说明；自定义 SVG 仅在无组件适用时使用，并需遵循手绘规则（虚线描边、轻微旋转、半透明填充、圆角）；需为插图添加 role="img" 与 aria-label，保证深色模式与响应式显示。未来计划组件（时间线、循环、层级树、支柱图）暂未提供。