用途：在 Markdown 文档中直接嵌入 HTML/CSS，绘制分层系统架构图，适合技术栈、微服务、系统架构说明等场景。
主要能力：提供单列、双列、三列等灵活布局；左侧栏放支撑系统（监控、运维、分析），主区放核心架构层（用户、应用、数据、基础设施），右侧栏放横切关注点（安全、合规、治理）。每层有明确语义与一致配色，组件用网格布局，支持子组件嵌套。内置 12 种视觉风格（如 Steel Blue、Neon Dark、Frost Clean 等）与 12 种布局（三列、单栈、左/右侧栏、流水线、双列对比、仪表盘、网格目录、横幅居中、嵌套容器、分层布局、连接线），可自由组合。高级组件包括产品分组、子分组、用户类型标签、指标 KPI，以及用 SVG 覆盖层绘制正交连接线（实线/虚线、箭头、标签）。
使用方式：将 HTML 直接嵌入 Markdown，不要用 ```html 代码块；HTML 结构内不要留空行，保持连续；建议分步创建：先搭框架与 CSS，再加层容器与标题，逐层填内容，最后细化高亮。常用类包括 .arch-wrapper、.arch-sidebar、.arch-main、.arch-layer、.arch-box、.arch-grid-2 至 .arch-grid-6、.arch-sidebar-panel、.arch-sidebar-item。高级组件需在 <style scoped> 中补充对应 CSS。
限制：资料未提供具体安装命令、收费、价格、平台或效果数据；连接线要求使用 <path> 的 M/L 命令绘制水平与垂直线段，不使用 <line>、贝塞尔曲线或斜线。