diff --git a/apps/site/src/components/features.astro b/apps/site/src/components/features.astro
index 9245eb68..e012741c 100644
--- a/apps/site/src/components/features.astro
+++ b/apps/site/src/components/features.astro
@@ -65,7 +65,7 @@ const features = [
 ];
 ---
 
-<section class="mt-12 md:mt-20 relative overflow-hidden" aria-labelledby="features">
+<section class="mt-8 md:mt-12 relative overflow-hidden" aria-labelledby="features">
   <div class="absolute top-32 -left-24 w-72 h-72 bg-brand-border/10 rounded-full blur-3xl -z-10"></div>
   <div class="absolute bottom-24 -right-24 w-72 h-72 bg-slate-200/30 rounded-full blur-3xl -z-10"></div>
 
diff --git a/apps/site/src/components/hero.astro b/apps/site/src/components/hero.astro
index 9bf932df..b884a8c6 100644
--- a/apps/site/src/components/hero.astro
+++ b/apps/site/src/components/hero.astro
@@ -8,7 +8,7 @@ import { Meteors } from "@/components/magicui/meteors";
 const heroSlogan = "基于 Cloudflare 全家桶自托管的免费开源『印象笔记』";
 ---
 
-<main class="relative grid gap-8 lg:grid-cols-[minmax(0,0.95fr)_minmax(420px,1.05fr)] place-items-center pt-8 pb-10 md:pt-10 md:pb-14 overflow-hidden">
+<main class="relative grid gap-8 lg:grid-cols-[minmax(0,0.95fr)_minmax(420px,1.05fr)] place-items-center pt-8 pb-8 md:pt-10 md:pb-8 overflow-hidden">
   <!-- Animated Background Orbs -->
   <div class="absolute top-0 left-1/4 w-96 h-96 bg-brand/10 rounded-full blur-3xl animate-slow-spin mix-blend-multiply pointer-events-none"></div>
   <div class="absolute bottom-0 right-1/4 w-80 h-80 bg-brand-border/20 rounded-full blur-3xl animate-float mix-blend-multiply pointer-events-none"></div>