diff --git a/src/AntSK/Pages/ChatPage/Components/ChatView.razor b/src/AntSK/Pages/ChatPage/Components/ChatView.razor
index 4d9d917..e7f1d5b 100644
--- a/src/AntSK/Pages/ChatPage/Components/ChatView.razor
+++ b/src/AntSK/Pages/ChatPage/Components/ChatView.razor
@@ -126,6 +126,11 @@
     .ant-card-body {
         height: 90% !important;
     }
+
+    .think {
+        color: gray;
+        font-style: italic;
+    }
 </style>
 
 @code {
diff --git a/src/AntSK/Pages/ChatPage/Components/ChatView.razor.cs b/src/AntSK/Pages/ChatPage/Components/ChatView.razor.cs
index b761a9c..bbec38e 100644
--- a/src/AntSK/Pages/ChatPage/Components/ChatView.razor.cs
+++ b/src/AntSK/Pages/ChatPage/Components/ChatView.razor.cs
@@ -329,7 +329,7 @@ namespace AntSK.Pages.ChatPage.Components
             await foreach (var content in chatResult)
             {
                 rawContent.Append(content.ConvertToString());
-                info.Context = Markdown.ToHtml(rawContent.ToString());
+                info.Context = Markdown.ToHtml(rawContent.ToString().Replace("<think>", "<div class=\"think\">").Replace("</think>", "</div>"));
                 await Task.Delay(30);
                 await InvokeAsync(StateHasChanged);
             }
@@ -366,7 +366,7 @@ namespace AntSK.Pages.ChatPage.Components
                 {
                     rawContent.Append(content.ConvertToString());
                 }
-                info.Context = Markdown.ToHtml(rawContent.ToString());
+                info.Context = Markdown.ToHtml(rawContent.ToString().Replace("<think>", "<div class=\"think\">").Replace("</think>", "</div>"));
                 await Task.Delay(30);
                 await InvokeAsync(StateHasChanged);
             }