refactor: Optimize thinking token display using Markdown

GEMINI.md

@@ -30,10 +30,11 @@
 
 # Todolist
 ## 未完成
-- [ ] (进行中) 为“思考”和“正文” token 实现不同的颜色显示。
+- [ ] (进行中) 使用 Markdown 优化思考过程的显示效果。
 - [ ] (已暂停) 搜索 `huggingface_hub` 文档，确认是否存在用于重启 Space 的 API。
 
 ## 已完成
+- [x] 为“思考”和“正文” token 实现不同的颜色显示。
 - [x] 实现调试模式以观察“思考”和“正文” token 的区别。
 - [x] 修改 `app.py`，移除 `Ling-flash-2.0` 模型，只保留 `Ring-mini-2.0`。
 - [x] **(用户决策)** 确认 `Ling-flash-2.0` 模型过大，暂时移除，仅使用 `Ring-mini-2.0`。

app.py

@@ -3,7 +3,7 @@ from comp import generate_response
 
 # --- Gradio UI ---
 
-with gr.Blocks(css=".thinking { color: gray; font-style: italic; }") as demo:
+with gr.Blocks() as demo:
     gr.Markdown("# Ling Playground")
     chatbot = gr.Chatbot()
     msg = gr.Textbox()
@@ -16,9 +16,15 @@ with gr.Blocks(css=".thinking { color: gray; font-style: italic; }") as demo:
         user_message = history[-1][0]
         history[-1][1] = ""
         for response in generate_response(user_message, history[:-1]):
-            html_response = response.replace("<think>", "<div class='thinking'>")
-            html_response = html_response.replace("</think>", "</div>")
-            history[-1][1] = html_response
+            if "</think>" in response:
+                parts = response.split("</think>", 1)
+                thinking_text = parts[0].replace("<think>", "")
+                body_text = parts[1]
+                
+                md_output = f"**Thinking...**\n```\n{thinking_text}\n```\n\n{body_text}"
+                history[-1][1] = md_output
+            else:
+                history[-1][1] = response
             yield history
 
     msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(