feat(blog): tune background glow visuals

src/blog-background/index.module.scss

@@ -4,13 +4,15 @@
       linear-gradient(180deg, rgba(15, 23, 42, 0.02), transparent 72%),
       linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px),
       linear-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px);
+    --rs-blog-glow-bg: url('./glow-light.svg');
   }
 
   html.dark {
     --rs-blog-list-frame-bg:
       linear-gradient(180deg, rgba(148, 163, 184, 0.04), transparent 72%),
       linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px),
       linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px);
+    --rs-blog-glow-bg: url('./glow-dark.svg');
   }
 }
 
@@ -28,3 +30,19 @@
   background-size: 1200px;
   opacity: 0.15;
 }
+
+.glowBackground {
+  position: absolute;
+  inset: 0;
+  background: var(--rs-blog-glow-bg) no-repeat center 300px;
+  background-size: 1200px;
+  pointer-events: none;
+  z-index: -1;
+  opacity: 0.6;
+}
+
+:global(html.dark) {
+  .glowBackground {
+    opacity: 0.2;
+  }
+}

src/blog-background/index.tsx

@@ -18,6 +18,7 @@ export function BlogBackground({
 
   return (
     <div className={styles.blogBackground}>
+      <div className={styles.glowBackground} />
       <div className={styles.blogFrame} />
       <MeteorsBackground
         gridSize={backgroundGridSize}

src/blog-list/index.module.scss

@@ -7,13 +7,15 @@
       radial-gradient(94.38% 84.84% at 0% 2.15%, #ffffff29 0%, #fff0 100%),
       #ffffff9c;
     --rs-blog-list-card-border: 1px solid #0e0e0f16;
+    --rs-blog-list-card-shadow: 0 4px 24px #0e0e0f09;
   }
 
   html.dark {
     --rs-blog-list-title-color: var(--rp-c-text-0);
     --rs-blog-list-desc-color: var(--rp-c-text-2);
     --rs-blog-list-card-bg: #ffffff0d;
     --rs-blog-list-card-border: 1px solid #ffffff12;
+    --rs-blog-list-card-shadow: 0 4px 24px #00000040;
   }
 }
 
@@ -45,12 +47,13 @@
   flex-direction: column;
   border-radius: 24px;
   background: var(--rs-blog-list-card-bg);
-  backdrop-filter: blur(1px);
+  backdrop-filter: blur(2px);
   border: var(--rs-blog-list-card-border) !important;
   overflow: hidden;
   text-decoration: none !important;
   color: var(--rp-c-text-1) !important;
   box-sizing: border-box;
+  box-shadow: var(--rs-blog-list-card-shadow);
 }
 
 .interactiveCard {
@@ -70,33 +73,6 @@
   }
 }
 
-/* ── Featured Post Card ── */
-.featuredSection {
-  margin-bottom: 20px;
-}
-
-.featured {
-  padding: 32px 36px;
-  min-height: 240px;
-}
-
-.featuredTitle {
-  font-size: 28px;
-  font-weight: 700;
-  line-height: 1.25;
-  margin-bottom: 16px;
-  color: var(--rs-blog-list-title-color);
-}
-
-.featuredDescription {
-  font-size: 15px;
-  font-weight: 400;
-  color: var(--rs-blog-list-desc-color);
-  line-height: 1.7;
-  flex-grow: 1;
-  margin-bottom: 24px;
-}
-
 /* ── Post Grid ── */
 .grid {
   display: grid;
@@ -171,6 +147,33 @@
   }
 }
 
+/* ── Featured Post Card ── */
+.featuredSection {
+  margin-bottom: 20px;
+}
+
+.featured {
+  padding: 32px 36px;
+  min-height: 240px;
+}
+
+.featuredTitle {
+  font-size: 28px;
+  font-weight: 700;
+  line-height: 1.25;
+  margin-bottom: 20px;
+  color: var(--rs-blog-list-title-color);
+}
+
+.featuredDescription {
+  font-size: 15px;
+  font-weight: 400;
+  color: var(--rs-blog-list-desc-color);
+  line-height: 1.7;
+  flex-grow: 1;
+  margin-bottom: 24px;
+}
+
 /* ── Responsive: Tablet ── */
 @media (max-width: 1015px) {
   .blogPage {

src/blog-list/index.tsx

@@ -362,6 +362,8 @@ export function BlogList({
       ) : null}
       {hideDocLayoutSidebarAndOutline ? (
         <style>{`
+      .rp-doc > h1 { font-weight: 700; }
+      .rp-doc > p { color: var(--rs-blog-list-desc-color); }
       .rp-doc-layout__sidebar-placeholder { display: none; }
       .rp-doc-layout__outline { display: none; }
       .rp-doc-layout__doc { width: 100% !important; max-width: 100% !important; }