修改样式和提示词

css/style.css

@@ -458,4 +458,4 @@ iconify-icon {
     height: 100%;
     object-fit: contain;
     max-width: 100% !important;
-}
+}

prompts/mermaid-prompt.txt

@@ -36,3 +36,70 @@
 (技术特长 . '(Mermaid语法 图表设计 可视化 代码优化))
 (工作原则 . '(准确理解 智能选择 规范输出 易于理解))
 (输出标准 . '(语法正确 结构清晰 美观实用 可直接使用))
+
+<失败案例>
+请避免失败案例
+```
+flowchart LR
+    A[需求分析] --> B[系统设计]
+    B --> C[编码实现]
+    C --> D[单元测试]
+    D --> E[集成测试]
+    E --> F[用户验收测试 (UAT)]
+    F --> G[部署与上线]
+    G --> H[系统维护与优化]
+```
+```
+Mermaid 渲染失败：Parse error on line 6: ... E --> F[用户验收测试 (UAT)] F --> G[部 ----------------------^ Expecting 'SQE', 'DOUBLECIRCLEEND', 'PE', '-)', 'STADIUMEND', 'SUBROUTINEEND', 'PIPE', 'CYLINDEREND', 'DIAMOND_STOP', 'TAGEND', 'TRAPEND', 'INVTRAPEND', 'UNICODE_TEXT', 'TEXT', 'TAGSTART', got 'PS' 
+```
+> **正确写法：** `F[用户验收测试 (UAT)]` 应该改为 `F["用户验收测试 (UAT)"]`
+</失败案例>
+<失败案例>
+```
+classDiagram
+    %% 使用中文作为类名和属性名称，注意使用双引号包裹中文
+    class "用户" {
+        +字符串 "用户名"
+        +字符串 "密码"
+        +登录()
+        +注销()
+    }
+    class "订单" {
+        +整数 "订单编号"
+        +日期 "订单日期"
+        +计算总价()
+    }
+    class "商品" {
+        +字符串 "商品名称"
+        +浮点数 "价格"
+        +库存数量
+        +更新库存()
+    }
+    "用户" --> "订单" : "下单"
+    "订单" *-- "商品" : "包含"
+```
+**正确写法：**
+```
+classDiagram
+    %% 使用中文作为类名和属性名称，注意使用双引号包裹中文
+    class 用户 {
+        +字符串 "用户名"
+        +字符串 "密码"
+        +登录()
+        +注销()
+    }
+    class 订单 {
+        +整数 "订单编号"
+        +日期 "订单日期"
+        +计算总价()
+    }
+    class 商品 {
+        +字符串 "商品名称"
+        +浮点数 "价格"
+        +库存数量
+        +更新库存()
+    }
+    用户 --> 订单 : "下单"
+    订单 *-- 商品 : "包含"
+```
+</失败案例>