Legal Architecture

• 您需要一张诉讼流程图，展示从当事人 → 证据 → 事实 → 适用法律 → 判决的完整链条。
• 您正在审查一份合同，希望以可视化方式呈现当事人、权利/义务、履行节点及违约后果。
• 您需要一张监管程序图（申请 → 审查 → 决定 → 救济），用于客户沟通或内部培训。
• 您希望为案卷或演示文稿制作证据链图、请求依据分析表或法律位阶示意图。

• 您需要可编辑的矢量文件（例如 .svg、.ai、.vsdx），而非独立的 HTML 文档。
• 您需要交互式或数据驱动的 JavaScript 仪表板——本技能仅生成静态 SVG。
• 您的可视化内容完全与法律无关（如组织架构图、工程架构图等）——更适合使用通用绘图技能。

每个图表都以单个 .html 文件的形式交付，所有 CSS 和 SVG 均已内联。无需外部图片、无需 JavaScript、无需服务器——只需在浏览器中打开，或直接嵌入 Word 或 PowerPoint 即可。

七种预定义颜色类别分别对应不同的法律组件类型：当事人（蓝色）、事实（石板灰）、证据（琥珀色）、法律（翠绿色）、程序（紫色）、判决（红色）以及争议事项（橙色）。这使得法律专业人员能够即时扫描并识别图表内容。

支持三种专业布局：诉讼流程（自上而下分层，带虚线分组框）、合同关系（轮辐式或双列式）以及法律框架（层级树状结构）。系统将根据内容类型自动选择相应布局。

使用浅色 #f8fafc 背景、Inter 字体（通过 Google Fonts 加载）以及具有精确间距规则的简洁圆角矩形组件。直接从浏览器打印时，输出效果专业美观。

在 SVG 文档顺序中，箭头始终在组件方框之前绘制，因此连接线能够清晰地显示在节点后方。不透明的白色背景矩形进一步防止箭头穿透彩色方框。

每次输出均包含页眉（标题、案号、法院）、图表卡片、三栏元数据网格（当事人、证据摘要、判决要点）以及页脚——呈现完整文档，而非单纯的原始图表。

一位准备出庭的律师使用此技能生成一个分层流程图，展示原告/被告 → 争议事项 → 证据 → 事实认定 → 法律依据 → 判决结果的完整脉络。输出结果以可直接打印的 HTML 文件形式与客户共享。

合同管理人员输入一份复杂的多方协议，即可获得一张中枢辐射式关系图，清晰呈现各方的义务、关键绩效里程碑及违约责任条款——可直接嵌入审查报告中使用。

合规团队使用此技能（Legal Architecture）将行政程序（申请 → 审查 → 决定 → 申诉/救济）绘制成图表，用于监管申报指南或内部培训材料。

律师将各个证据与已确立事实相关联、并最终指向法律主张依据的逻辑链条进行可视化呈现，为法庭或仲裁提交创建清晰的展示材料。