diff --git a/assets/css/front-page.css b/assets/css/front-page.css
index 2cd3a32..865bb52 100644
--- a/assets/css/front-page.css
+++ b/assets/css/front-page.css
@@ -8,25 +8,12 @@
   background-color: var(--bg-body);
   position: relative;
   overflow: hidden;
-
-  /* 科技网格背景 */
-  background-image:
-    linear-gradient(var(--border-muted) 1px, transparent 1px),
-    linear-gradient(90deg, var(--border-muted) 1px, transparent 1px);
-  background-size: 40px 40px;
-  background-position: center top;
+  background-image: none;
 }
 
 /* 底部渐变遮罩 */
 .hero-section::after {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 120px;
-  background: linear-gradient(to bottom, transparent, var(--bg-body));
-  pointer-events: none;
+  display: none;
 }
 
 .hero-content {
diff --git a/assets/css/intro.css b/assets/css/intro.css
index 906a70b..fa3f2d0 100644
--- a/assets/css/intro.css
+++ b/assets/css/intro.css
@@ -6,6 +6,9 @@
   position: relative;
   overflow: hidden;
   background-color: var(--bg-body);
+  background-image:
+    linear-gradient(160deg, var(--intro-glow-primary), transparent 55%),
+    linear-gradient(330deg, var(--intro-glow-accent), transparent 50%);
   --intro-glow-primary: rgba(9, 105, 218, 0.14);
   --intro-glow-accent: rgba(142, 136, 199, 0.14);
 }
@@ -16,18 +19,7 @@
 }
 
 .intro-page::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background-image:
-    radial-gradient(circle at 18% 8%, var(--intro-glow-primary), transparent 45%),
-    radial-gradient(circle at 85% 0%, var(--intro-glow-accent), transparent 40%),
-    linear-gradient(var(--border-muted) 1px, transparent 1px),
-    linear-gradient(90deg, var(--border-muted) 1px, transparent 1px);
-  background-size: auto, auto, 64px 64px, 64px 64px;
-  background-position: center top;
-  opacity: 0.7;
-  pointer-events: none;
+  display: none;
 }
 
 .intro-about .site-header {