根据用户描述的系统架构，生成一个可在浏览器直接打开的 .html 架构图文件。
基于 Paper.design 暖色极简风格，核心设计语言：
#edebe1 暖奶油色#f5f3eb，细边框，顶部 3px 彩色指示条以下 CSS 类名可直接使用，对照模板文件：
| 类名 | 用途 |
|---|---|
| ------ | ------ |
.header + h1 + .tagline | 标题区域 |
.canvas | 居中容器，max-width 1060px |
| 类名 | 用途 |
|---|---|
| ------ | ------ |
.users-row | 用户卡片行，flex 居中 |
.user-card | 单个用户 |
.user-avatar + .avatar-{theme} | 圆形头像，theme 决定渐变色 |
.user-name / .user-desc | 名称和描述 |
| 类名 | 用途 |
|---|---|
| ------ | ------ |
.section + .section-N | 分组区块（N 控制动画延迟） |
.section-tag + .tag-{theme} | 悬浮标签（marketplace / pipeline 等） |
| 类名 | 用途 |
|---|---|
| ------ | ------ |
.cards-row | 卡片行，flex 居中 |
.card + .card-{theme} | 单张卡片，theme 控制顶部色条和标题色 |
.card-icon | emoji 图标 |
.card-title | 标题（自动跟随 theme 色） |
.card-route | 路径/副标题（JetBrains Mono） |
.card-list | 要点列表 |
可用 theme：web(蓝)、api(绿)、db(琥珀)、git(紫)、cli(靛蓝)、feishu(青)
| 类名 | 用途 |
|---|---|
| ------ | ------ |
.flow-arrow + .arrow-col + .line + .arrow-head | 垂直箭头 |
.flow-arrow .label | 箭头旁注释文字 |
.h-connector + .h-line | 水平连接箭头（卡片之间） |
| 类名 | 用途 |
|---|---|
| ------ | ------ |
.legend | 图例行 |
.legend-item + .legend-dot | 单个图例项 |
当架构复杂度超出模板时：
:root 中添加 --accent-{name} 变量，新增 .card-{name}::before / .card-title / .card-list li::before 三行 CSS.tag-{name} 设置 background / color / border-color.avatar-{name} 设置 linear-gradient(145deg, color1, color2).section-N 类并递增 animation-delay（每层 +0.2s）.h-line 上添加 ::before 反向箭头@media 中 .cards-row 已自动切换为纵向.html 文件，无外部依赖（仅引用 Google Fonts CDN）{project}-architecture.html共 1 个版本