5 files changed, 23 insertions, 7 deletions
diff --git a/docs/_zh_CN/index.html b/docs/_zh_CN/index.html
index c6c13e6..8dd75dc 100644
--- a/docs/_zh_CN/index.html
+++ b/docs/_zh_CN/index.html
@@ -17,7 +17,7 @@
         <link rel="icon" type="image/png" href="res/favicon_small.png" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link
-            href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap"
+            href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap"
             rel="stylesheet"
         />
 
diff --git a/docs/css/dark.css b/docs/css/dark.css
index a9791bd..60859f1 100644
--- a/docs/css/dark.css
+++ b/docs/css/dark.css
@@ -439,6 +439,8 @@ body.sticky .sidebar-toggle {
     background-color: #241c16;
     border-radius: 2px;
     padding: 0.15em 0.4em;
+    font-family: "JetBrains Mono", "Noto Serif SC", monospace;
+    font-variant-ligatures: contextual;
 }
 .markdown-section pre {
     background-color: #241c16;
@@ -446,11 +448,14 @@ body.sticky .sidebar-toggle {
     border-radius: 2px;
     padding: 1rem;
     overflow-x: auto;
+    font-family: "JetBrains Mono", "Noto Serif SC", monospace;
+    font-variant-ligatures: contextual;
 }
 .markdown-section pre > code {
     background: transparent;
     padding: 0;
     color: #e8ddd0;
+    font-family: inherit;
 }
 .markdown-section blockquote {
     border-left: 3px solid #c43931;
diff --git a/docs/css/light.css b/docs/css/light.css
index 17aa40a..e54eb0a 100644
--- a/docs/css/light.css
+++ b/docs/css/light.css
@@ -439,6 +439,8 @@ body.sticky .sidebar-toggle {
     background-color: #f0e8d8;
     border-radius: 2px;
     padding: 0.15em 0.4em;
+    font-family: "JetBrains Mono", "Noto Serif SC", monospace;
+    font-variant-ligatures: contextual;
 }
 .markdown-section pre {
     background-color: #f0e8d8;
@@ -446,11 +448,14 @@ body.sticky .sidebar-toggle {
     border-radius: 2px;
     padding: 1rem;
     overflow-x: auto;
+    font-family: "JetBrains Mono", "Noto Serif SC", monospace;
+    font-variant-ligatures: contextual;
 }
 .markdown-section pre > code {
     background: transparent;
     padding: 0;
     color: #3a2a1a;
+    font-family: inherit;
 }
 .markdown-section blockquote {
     border-left: 3px solid #b8352d;
diff --git a/docs/doc.html b/docs/doc.html
index ea5d7ad..3f7ca93 100644
--- a/docs/doc.html
+++ b/docs/doc.html
@@ -17,7 +17,7 @@
         <link rel="icon" type="image/png" href="res/favicon_small.png" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link
-            href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap"
+            href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap"
             rel="stylesheet"
         />
 
diff --git a/docs/example-viewer.html b/docs/example-viewer.html
index f744d8f..dd51e95 100644
--- a/docs/example-viewer.html
+++ b/docs/example-viewer.html
@@ -8,7 +8,7 @@
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <link
-            href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap"
+            href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap"
             rel="stylesheet"
         />
         <link rel="stylesheet" href="scripts/highlight/github-dark.min.css" />
@@ -143,7 +143,8 @@
                 color: #9a8a7a;
                 padding: 0.4rem 1rem;
                 font-size: 0.82rem;
-                font-family: "Cascadia Code", "Fira Code", monospace;
+                font-family: "JetBrains Mono", "Noto Serif SC", monospace;
+                font-variant-ligatures: contextual;
                 cursor: pointer;
                 transition: all 0.2s;
                 border-radius: 2px 2px 0 0;
@@ -171,13 +172,16 @@
                 margin: 0;
                 padding: 1.25rem;
                 overflow-x: auto;
-                font-family: "Cascadia Code", "Fira Code", monospace;
+                font-family: "JetBrains Mono", "Noto Serif SC", monospace;
+                font-variant-ligatures: contextual;
                 font-size: 0.85rem;
                 line-height: 1.65;
             }
             .code-frame pre code.hljs {
                 background: transparent;
                 padding: 0;
+                font-family: inherit;
+                font-variant-ligatures: inherit;
             }
 
             .doc-box {
@@ -214,8 +218,10 @@
                 padding: 0.12em 0.4em;
                 border-radius: 2px;
                 font-size: 0.85em;
-                font-family: "Cascadia Code", "Fira Code", monospace;
+                font-family: "JetBrains Mono", "Noto Serif SC", monospace;
+                font-variant-ligatures: contextual;
             }
+
             .doc-box strong {
                 color: #e8ddd0;
             }
@@ -386,7 +392,7 @@
                             i++; // skip closing ```
                             var codeText = escapeHtml(codeLines.join("\n"));
                             html +=
-                                '<pre style="background:#1a1410;border:1px solid #3a2e24;border-radius:2px;padding:0.75rem;margin:0.5rem 0;overflow-x:auto;font-size:0.8rem;line-height:1.5"><code>' +
+                                "<pre style=\"background:#1a1410;border:1px solid #3a2e24;border-radius:2px;padding:0.75rem;margin:0.5rem 0;overflow-x:auto;font-size:0.8rem;line-height:1.5;font-family:'JetBrains Mono','Noto Serif SC',monospace;font-variant-ligatures:contextual\"><code>" +
                                 codeText +
                                 "</code></pre>";
                             continue;