2519 Article Cover Eb77cdd3

# article-cover

生成专业的文章封面图（SVG 格式）。

## 使用场景

- 博客文章封面图
- 技术文章横幅
- 文档头图
- 社交媒体预览图

## 特性

- **标准 ViewBox**：1200×630（1.91:1 比例，适合社交媒体）
- **深色科技主题**：GitHub 风格深色渐变
- **多种布局**：对比、流程、单概念模式
- **标签支持**：底部标签胶囊

## 设计模式

### 对比布局
适用于性能对比、版本升级、前后对比场景。

### 流程布局
适用于流程说明、架构概览。

## 颜色系统

| 用途 | 背景 | 描边 |
|------|------|------|
| 负面/之前 | `#1c2128` | `#dc3545` |
| 警告/过渡 | `#1c2128` | `#ffcc02` |
| 正面/之后 | `#1c2128` | `#00f2fe` |
| 强调（标题） | 渐变 | `#ff6b35` → `#ffcc02` |

## 文字规范

| 元素 | 大小 | 样式 |
|------|------|------|
| 主标题 | 44-48px | 粗体，渐变填充 |
| 副标题 | 28-32px | 白色 |
| 标签 | 14-16px | 颜色编码 |
| 最小 | 11px | 不能更小 |

## 输出

- **格式**：SVG
- **文件名**：`{article-slug}-cover.svg`
- **使用**：在浏览器中打开，通过 Inkscape 或截图转换为 PNG