From e256182304cd67b8ee94aadadd379741935e2b1f Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Wed, 7 Jan 2026 19:06:04 +0800
Subject: [PATCH] fix: stabilize code block font to prevent jitter

---
 .../styles/components/chat/_chat-area.scss    | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/static/src/styles/components/chat/_chat-area.scss b/static/src/styles/components/chat/_chat-area.scss
index 919437b..b84cfd0 100644
--- a/static/src/styles/components/chat/_chat-area.scss
+++ b/static/src/styles/components/chat/_chat-area.scss
@@ -631,6 +631,22 @@
     padding: 0 20px 0 15px;
 }
 
+.text-output pre {
+    font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', 'Menlo', 'Monaco', 'Courier New', monospace !important;
+    font-variant-ligatures: none;
+    font-feature-settings: 'liga' 0, 'calt' 0;
+    line-height: 1.55;
+}
+
+.text-output pre code {
+    font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', 'Menlo', 'Monaco', 'Courier New', monospace !important;
+    font-variant-ligatures: none;
+    font-feature-settings: 'liga' 0, 'calt' 0;
+    line-height: 1.55;
+    text-shadow: none;
+    animation: none !important; /* 防止外部动画样式影响代码块，导致视觉抖动 */
+}
+
 .text-output .text-content table {
     width: 100%;
     border-collapse: collapse;
@@ -757,12 +773,22 @@
     margin: 0 !important;
     border-radius: 0 !important;
     border: none !important;
+    font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', 'Menlo', 'Monaco', 'Courier New', monospace !important;
+    font-variant-ligatures: none;
+    font-feature-settings: 'liga' 0, 'calt' 0;
+    line-height: 1.55;
 }
 
 .code-block-wrapper pre code {
     background: transparent !important;
     padding: 0 !important;
     color: #000000;
+    font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', 'Menlo', 'Monaco', 'Courier New', monospace !important;
+    font-variant-ligatures: none;
+    font-feature-settings: 'liga' 0, 'calt' 0;
+    line-height: 1.55;
+    text-shadow: none;
+    animation: none !important; /* 避免被其他动画样式污染导致行距抖动 */
 }
 
 .streaming-text {