diff --git a/src/components/CodeBlockHelper.astro b/src/components/CodeBlockHelper.astro
index 946e18b..9897e2c 100644
--- a/src/components/CodeBlockHelper.astro
+++ b/src/components/CodeBlockHelper.astro
@@ -55,17 +55,19 @@
   upgradeCodeBlocks();
 </script>
 
-<style is:global>
-  /* 优化代码块圆角与阴影 */
-  pre {
-    @apply rounded-xl shadow-2xl border border-gray-800/50 !important;
-  }
-  /* 隐藏原有的滚动条，美化自定义滚动条 */
-  pre::-webkit-scrollbar {
-    height: 5px;
-  }
-  pre::-webkit-scrollbar-thumb {
-    background: #374151;
-    border-radius: 10px;
-  }
-</style>
+ <style is:global>
+    /* 优化代码块圆角与阴影 */
+    pre {
+      border-radius: 0.75rem;
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+      border: 1px solid rgba(55, 65, 81, 0.5);
+    }
+    /* 隐藏原有的滚动条，美化自定义滚动条 */
+    pre::-webkit-scrollbar {
+      height: 5px;
+    }
+    pre::-webkit-scrollbar-thumb {
+      background: #374151;
+      border-radius: 10px;
+    }
+  </style>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index ffec5d0..0cbdc91 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -1,6 +1,7 @@
 ---
 import '../styles/global.css';
 import Sidebar from '../components/Sidebar.astro';
+import CodeBlockHelper from '../components/CodeBlockHelper.astro';
 const { title } = Astro.props;
 ---
 <html lang="zh-CN">
@@ -16,5 +17,6 @@ const { title } = Astro.props;
         <slot />
       </main>
     </div>
+  <CodeBlockHelper />
   </body>
 </html>
