diff --git a/docs/web/api/chat-ai.md b/docs/web/api/chat-ai.md
index 6e9a6cfa1d..6b8a38bcb9 100644
--- a/docs/web/api/chat-ai.md
+++ b/docs/web/api/chat-ai.md
@@ -6,20 +6,20 @@ usage: { title: '', description: '' }
 spline: ai
 ---
 
-### hunyuan大模型&快速接入
-下面是一个开箱即用的hunyuan大模型流式调用示例,默认支持`单轮对话`
+### hunyuan 大模型&快速接入
+下面是一个开箱即用的 hunyuan 大模型流式调用示例,默认支持`单轮对话`
 
 ### hunyuan Key 申请
-首先你要去申请key，[开通并获取 API-Key](https://hunyuanaide.taiji.woa.com/web/home_api?wsId=10144)
+首先你要去申请 key，[开通并获取 API-Key](https://hunyuanaide.taiji.woa.com/web/home_api?wsId=10144)
 
-### hunyuan大模型最佳实践
+### hunyuan 大模型最佳实践
 
-前端传入apiKey参数，直接调用hunyuan的api流式接口服务。该用法仅用于快速体验组件效果，在前端明文传递密钥并不是一种推荐的做法，主要存在安全风险问题。
-为了避免安全风险，推荐由业务侧传入代理的大模型接口服务请求，前端按照指定的出参格式返回数据，使用`chatRequest`传入流式接口请求，组件内部会根据hunyuan流式接口数据结构去解析
+前端传入 apiKey 参数，直接调用 hunyuan 的 api 流式接口服务。该用法仅用于快速体验组件效果，在前端明文传递密钥并不是一种推荐的做法，主要存在安全风险问题。
+为了避免安全风险，推荐由业务侧传入代理的大模型接口服务请求，前端按照指定的出参格式返回数据，使用`chatRequest`传入流式接口请求，组件内部会根据    hunyuan 流式接口数据结构去解析
 {{ chat-ai }}
 ### 入参设计
 
-这是hunyuan的大模型入参，可以看到参数非常多，组件内不关注hunyuan大模型接口的参数，由业务侧自定义模型配置选项，第一个参数 messages，当前对话的上下文，里面 role 和 content 是最关键的
+这是 hunyuan 的大模型入参，可以看到参数非常多，组件内不关注 hunyuan 大模型接口的参数，由业务侧自定义模型配置选项，第一个参数 messages ，当前对话的上下文，里面 role 和 content 是最关键的
 ```js
 /**
  * ChatRequest是一个函数类型，表示对聊天API的请求。
@@ -40,7 +40,7 @@ export interface message {
 
 ```
 
-### hunyuan大模型配置参数如下：
+### hunyuan 大模型配置参数如下：
 
 ```json
 {
diff --git a/style/web/components/chat/_index.less b/style/web/components/chat/_index.less
index 1d73e7fb08..6680134e0a 100644
--- a/style/web/components/chat/_index.less
+++ b/style/web/components/chat/_index.less
@@ -287,6 +287,28 @@
         margin: @comp-margin-xs 0;
         border-radius: @border-radius-default;
       }
+
+      :where(code):not(:where(pre *)) {
+        color: @error-color;
+        background: @error-color-1;
+        border-radius: @border-radius-default;
+        padding: @comp-paddingTB-xxs @pop-padding-m;
+        font-size: @font-size-s;
+        word-break: break-word;
+        margin: 0 @comp-margin-xxs;
+      }
+
+      blockquote {
+        border-left: 2px solid @gray-color-3;
+        background: @gray-color-1;
+        color: @font-gray-1;
+        padding: @comp-paddingTB-m @comp-paddingTB-m @comp-paddingTB-m @comp-size-xs;
+        margin: @comp-margin-l 0;
+      }
+
+      hr {
+        opacity: 0;
+      }
     }
 
     & &__assistant &__content .hljs {
@@ -379,8 +401,4 @@
     // margin-left: auto;
     cursor: pointer;
   }
-
-  :where(code):not(:where(pre *)) {
-    color: @error-color;
-  }
 }