更新 css

css/request.css

@@ -1159,23 +1159,22 @@
     max-width: 100%;
   }
 }
-#columnModal .content h1,
-#columnModal .content h2 {
-  margin: 2rem 0;
-  font-size: 24px;
-  color: #993300;
-  line-height: 1.5;
-}
-#columnModal .content h2 {
-  display: flex;
+#columnModal pre {
+  line-height: 2;
 }
-@media (max-width: 991px) {
-  #columnModal .content h2 {
-    font-size: 20px;
-  }
+#columnModal pre code {
+  color: #727679;
+  letter-spacing: 2px;
+  font-size: 16px;
+  font-family: "Noto Sans TC", sans-serif;
 }
+#columnModal .content h1,
+#columnModal .content h2,
 #columnModal .content h3 {
-  font-size: 20px;
+  display: flex;
+  margin: 1.5rem 0;
+  font-size: 18px;
+  font-weight: bold;
 }
 #columnModal .content p {
   color: #727679;

css/request.scss

@@ -1319,26 +1319,27 @@
     }
   }
 
-  .content {
+  pre {
+    line-height: 2;
 
-    h1,
-    h2 {
-      margin: 2rem 0;
-      font-size: 24px;
-      color: #993300;
-      line-height: 1.5;
+    code {
+      color: #727679;
+      letter-spacing: 2px;
+      font-size: 16px;
+      font-family: "Noto Sans TC", sans-serif;
     }
 
-    h2 {
-      display: flex;
+  }
 
-      @media (max-width:991px) {
-        font-size: 20px;
-      }
-    }
+  .content {
 
+    h1,
+    h2,
     h3 {
-      font-size: 20px;
+      display: flex;
+      margin: 1.5rem 0;
+      font-size: 18px;
+      font-weight: bold;
     }
 
     p {

index.html

@@ -1958,7 +1958,7 @@
           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body p-4 p-md-5">
-          <h5 class="modal-title" id="columnModalLabel"></h5>
+          <h1 class="modal-title" id="columnModalLabel"></h1>
           <small class="d-block mb-4 date"></small>
           <img class="cover-img" src="" alt="">
           <p class="mt-5 content"></p>