diff --git a/src/layouts/mdx.astro b/src/layouts/mdx.astro
index 50fe1ec..df6252a 100644
--- a/src/layouts/mdx.astro
+++ b/src/layouts/mdx.astro
@@ -4,6 +4,8 @@ export interface Props {
 }
 import '../styles/global.css';
 import '../styles/theme.css';
+import 'github-markdown-css/github-markdown-light.css';
+
 export interface Props {
   title?: string;
   description?: string;
diff --git a/src/styles/theme.css b/src/styles/theme.css
index 55fc55c..47b517d 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -10,7 +10,7 @@
   --color-scrollbar-thumb: #999999;
   --color-scrollbar-track: rgba(0, 0, 0, 0.1);
   --color-scrollbar-thumb-hover: #666666;
-  --scrollbar-color: #ffc107; 
+  --scrollbar-color: #ffc107;
 }
 
 html,
@@ -20,19 +20,24 @@ body {
   font-size: 16px;
   font-family: 'Montserrat', sans-serif;
 }
+
 /* font-family */
 @utility font-family-mon {
   font-family: 'Montserrat', sans-serif;
 }
+
 @utility font-family-rob {
   font-family: 'Roboto', sans-serif;
 }
+
 @utility font-family-int {
   font-family: 'Inter', sans-serif;
 }
+
 @utility font-family-orb {
   font-family: 'Orbitron', sans-serif;
 }
+
 @utility font-family-din {
   font-family: 'DIN', sans-serif;
 }
@@ -40,20 +45,24 @@ body {
 @utility flex-row-center {
   @apply flex flex-row items-center justify-center;
 }
+
 @utility flex-col-center {
   @apply flex flex-col items-center justify-center;
 }
 
 @utility scrollbar {
   overflow: auto;
+
   /* 整个滚动条 */
   &::-webkit-scrollbar {
     width: 3px;
     height: 3px;
   }
+
   &::-webkit-scrollbar-track {
     background-color: var(--color-scrollbar-track);
   }
+
   /* 滚动条有滑块的轨道部分 */
   &::-webkit-scrollbar-track-piece {
     background-color: transparent;
@@ -74,6 +83,16 @@ body {
 
   /* 同时有垂直和水平滚动条时交汇的部分 */
   &::-webkit-scrollbar-corner {
-    display: block; /* 修复交汇时出现的白块 */
+    display: block;
+    /* 修复交汇时出现的白块 */
   }
 }
+
+ul,
+menu {
+  list-style: disc;
+}
+
+ol {
+  list-style: decimal;
+}
\ No newline at end of file