用途：创建专业技术架构图，输出为单个自包含 HTML 文件，内含内联 SVG 图形与 CSS 样式，可直接在现代浏览器打开，无需 JavaScript。
主要能力：提供一套暗色设计系统，用语义色区分组件类型——前端青色、后端翡翠绿、数据库紫色、AWS/云琥珀色、安全玫红、消息总线橙色、外部/通用石板灰；字体统一使用 JetBrains Mono。背景为 #020617 并带网格图案。组件用圆角矩形（rx=6）半透明描边；安全组用玫红虚线；区域边界用琥珀色大虚线（rx=12）。箭头用 SVG marker 绘制，建议先画箭头以置于组件后方，并可用不透明矩形遮挡半透明填充下的箭头。
使用方式：复制并定制 assets/template.html，更新标题与头部文字，按需调整 SVG viewBox（默认 1000 x 680），增删并定位组件框，绘制连接箭头，更新三张摘要卡片与页脚元数据。嵌入 Google Fonts 的 JetBrains Mono 链接，除此之外不引入外部样式表与图片。
布局规则：垂直堆叠组件时，服务高 60px，大组件 80–120px，组件间最小间距 40px；消息总线等内联连接件放在组件之间的间隙内，不得重叠。图例必须放在所有边界框之外，至少位于最低边界下方 20px，并相应扩展 viewBox 高度。
适用场景：系统架构图、云平台部署图、带安全分组的示意、事件/消息总线拓扑等。
限制：依赖内联 SVG，不引入外部图片；仅用 CSS 动画，无 JavaScript；未提供关于收费、价格、平台或效果的信息。