Mermaid 图表测试
使用 fenced code block（推荐）
graph TD~!NL!~ A[开始] --> B{是否完成}~!NL!~ B -->|是| C[结束]~!NL!~ B -->|否| D[继续努力]~!NL!~ D --> B
使用标签插件
graph TD~!NL!~ A[起床] --> B{今天天气?}~!NL!~ B -->|晴天| C[去公园]~!NL!~ B -->|雨天| D[待在家]~!NL!~ C --> E[散步]~!NL!~ D --> F[看书]
更复杂的图表
graph LR~!NL!~ subgraph "前端"~!NL!~ A[HTML] --> B[CSS]~!NL!~ A --> C[JavaScript]~!NL!~ end~!NL!~ subgraph "后端"~!NL!~ D[Node.js] --> E[数据库]~!NL!~ end~!NL!~ B --> D~!NL!~ C --> D
错误语法测试（应显示错误提示）
graph TD~!NL!~ A --> B~!NL!~ this is invalid syntax
复杂 graph TD 图表（含 subgraph 和样式）
graph TD~!NL!~ %% ---------- 加工链（人为流程） ----------~!NL!~ subgraph "加工链：从原料到消费的核心路径"~!NL!~ A[农田种植园<br/>（饲料作物种植）]~!NL!~ B[养殖场<br/>（奶牛养殖，产原奶）]~!NL!~ C[食品加工厂<br/>（乳制品加工：杀菌、标准化、灌装等）]~!NL!~ D[分类、包装]~!NL!~ E[运输<br/>（公路/铁路/冷链运输）]~!NL!~ F[冷藏/储藏<br/>（仓库或终端冷柜）]~!NL!~ G[食品销售]~!NL!~ H[人类消费]~!NL!~~!NL!~ A -->|化肥农药残留、工业废水灌溉| B~!NL!~ B -->|粪便污染、抗生素滥用| C~!NL!~ C -->|化学残留、包装材料污染| D~!NL!~ D -->|冷链断裂、尾气排放| E~!NL!~ E -->|储存不当、过期产品| F~!NL!~ F -->|临期未下架、消费者储存不当| G~!NL!~ G -->|食用变质牛奶| H~!NL!~ end~!NL!~~!NL!~ %% ---------- 自然链（自然生态交互） ----------~!NL!~ subgraph "自然链：环境介质与加工链的污染传导"~!NL!~ I[土壤污染<br/>（工业废水、化肥残留、固废堆积）]~!NL!~ J[水体污染<br/>（工业废水、生活污水、农田径流）]~!NL!~ K[空气污染<br/>（工业废气、交通尾气、垃圾填埋气）]~!NL!~ L[微生物<br/>（致病菌、寄生虫、霉菌）]~!NL!~ M[外源污染<br/>（垃圾填埋、工业固废、农业固废）]~!NL!~~!NL!~ I --> A~!NL!~ J --> B~!NL!~ K -->|大气沉降| A~!NL!~ K -->|大气沉降| B~!NL!~ L --> B~!NL!~ L --> C~!NL!~ M --> I~!NL!~ M --> J~!NL!~ M --> K~!NL!~ end~!NL!~~!NL!~ %% ---------- 样式区分 ----------~!NL!~ classDef process fill:#f9f,stroke:#333;~!NL!~ classDef nature fill:#bbf,stroke:#333;~!NL!~ class A,B,C,D,E,F,G,H process;~!NL!~ class I,J,K,L,M nature;