diff --git a/app/components/home/HomeAchievements.vue b/app/components/home/HomeAchievements.vue
index c607ed6..a7c553a 100644
--- a/app/components/home/HomeAchievements.vue
+++ b/app/components/home/HomeAchievements.vue
@@ -1,9 +1,9 @@
 <template>
-  <section ref="rootRef" class="relative bg-black text-white py-32 md:py-40 overflow-hidden">
+  <section ref="rootRef" class="relative bg-black text-white min-h-screen flex items-center justify-center overflow-hidden">
     <!-- 背景粒子 -->
     <canvas ref="canvasRef" class="absolute inset-0 w-full h-full opacity-30"></canvas>
 
-    <div class="relative z-10 w-page-container max-w-[1200px] mx-auto px-6 md:px-10">
+    <div class="relative z-10 w-full max-w-[1200px] mx-auto px-6 md:px-10">
       <!-- 成就网格 -->
       <div class="grid grid-cols-1 md:grid-cols-2 gap-16 md:gap-20">
         <div
diff --git a/app/components/home/HomeProcess.vue b/app/components/home/HomeProcess.vue
index 7390d5f..fded0a2 100644
--- a/app/components/home/HomeProcess.vue
+++ b/app/components/home/HomeProcess.vue
@@ -1,9 +1,9 @@
 <template>
-  <section ref="rootRef" class="relative bg-gradient-to-b from-white to-gray-50 py-32 md:py-40 overflow-hidden">
-    <div class="w-page-container max-w-[1400px] mx-auto px-6 md:px-10">
+  <section ref="rootRef" class="relative bg-gradient-to-b from-white to-gray-50 min-h-screen flex flex-col items-center justify-center overflow-hidden py-20">
+    <div class="w-full max-w-[1400px] mx-auto px-6 md:px-10">
       <!-- 标题 -->
-      <div ref="headerRef" class="text-center mb-20 md:mb-28" style="opacity: 0;">
-        <h2 class="text-4xl md:text-6xl font-bold tracking-tight text-black mb-6">
+      <div ref="headerRef" class="text-center mb-16 md:mb-20" style="opacity: 0;">
+        <h2 class="text-5xl md:text-7xl font-bold tracking-tight text-black mb-6">
           {{ t('home.process.title') }}
         </h2>
         <p class="text-lg md:text-xl text-gray-600 max-w-2xl mx-auto">
diff --git a/app/components/home/HomeServices.vue b/app/components/home/HomeServices.vue
index 9e9e7f7..c4041bb 100644
--- a/app/components/home/HomeServices.vue
+++ b/app/components/home/HomeServices.vue
@@ -1,12 +1,12 @@
 <template>
-  <section ref="rootRef" class="relative bg-white py-32 md:py-40 overflow-hidden">
-    <div class="w-page-container max-w-[1200px] mx-auto px-6 md:px-10">
+  <section ref="rootRef" class="relative bg-white min-h-screen flex items-center justify-center overflow-hidden py-20">
+    <div class="w-full max-w-[1400px] mx-auto px-6 md:px-10">
       <!-- 标题区 -->
-      <div ref="headerRef" class="text-center mb-20 md:mb-28" style="opacity: 0;">
-        <h2 class="text-4xl md:text-6xl font-bold tracking-tight text-black mb-6">
+      <div ref="headerRef" class="text-center mb-16 md:mb-20" style="opacity: 0;">
+        <h2 class="text-5xl md:text-7xl font-bold tracking-tight text-black mb-6">
           {{ t('home.services.title') }}
         </h2>
-        <p class="text-lg md:text-xl text-gray-600 max-w-2xl mx-auto">
+        <p class="text-xl md:text-2xl text-gray-600 max-w-2xl mx-auto">
           {{ t('home.services.subtitle') }}
         </p>
       </div>
@@ -14,7 +14,7 @@
       <!-- 服务卡片网格 -->
       <div
         ref="cardsRef"
-        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 md:gap-10"
+        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8"
         @mousemove="handleMouseMove"
         @mouseleave="handleMouseLeave"
       >
@@ -22,14 +22,14 @@
           v-for="(service, index) in services"
           :key="service.id"
           :ref="el => setCardRef(el, index)"
-          class="service-card group relative h-[380px] md:h-[420px] cursor-pointer"
+          class="service-card group relative h-[380px] cursor-pointer"
           :style="{ transformStyle: 'preserve-3d' }"
           @mouseenter="() => handleCardHover(index, true)"
           @mouseleave="() => handleCardHover(index, false)"
         >
           <!-- 前面 -->
           <div
-            class="card-face card-front absolute inset-0 rounded-3xl p-8 md:p-10 flex flex-col justify-between overflow-hidden"
+            class="card-face card-front absolute inset-0 rounded-3xl p-8 flex flex-col justify-between overflow-hidden"
             :class="service.gradient"
           >
             <div class="relative z-10">
@@ -52,7 +52,7 @@
 
           <!-- 背面 -->
           <div
-            class="card-face card-back absolute inset-0 rounded-3xl p-8 md:p-10 bg-white border-2 flex flex-col justify-between shadow-2xl"
+            class="card-face card-back absolute inset-0 rounded-3xl p-8 bg-white border-2 flex flex-col justify-between shadow-2xl"
             :class="service.borderColor"
           >
             <div>
diff --git a/app/components/home/HomeTechStack.vue b/app/components/home/HomeTechStack.vue
index 984a8b4..d85d658 100644
--- a/app/components/home/HomeTechStack.vue
+++ b/app/components/home/HomeTechStack.vue
@@ -1,6 +1,6 @@
 <template>
-  <section ref="rootRef" class="relative bg-white py-32 md:py-40 overflow-hidden">
-    <div class="w-page-container max-w-[1400px] mx-auto px-6 md:px-10">
+  <section ref="rootRef" class="relative bg-white min-h-screen flex items-center justify-center overflow-hidden py-20">
+    <div class="w-full max-w-[1400px] mx-auto px-6 md:px-10">
       <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-20 items-center">
         <!-- 左侧：3D 球体 -->
         <div class="relative h-[500px] md:h-[600px]">
diff --git a/app/components/home/HomeTestimonials.vue b/app/components/home/HomeTestimonials.vue
index a50c2d1..2f3db6d 100644
--- a/app/components/home/HomeTestimonials.vue
+++ b/app/components/home/HomeTestimonials.vue
@@ -1,9 +1,9 @@
 <template>
-  <section ref="rootRef" class="relative bg-gradient-to-b from-gray-50 to-white py-32 md:py-40 overflow-hidden">
-    <div class="w-page-container max-w-[1400px] mx-auto px-6 md:px-10">
+  <section ref="rootRef" class="relative bg-gradient-to-b from-gray-50 to-white min-h-screen flex flex-col items-center justify-center overflow-hidden py-20">
+    <div class="w-full max-w-[1400px] mx-auto px-6 md:px-10">
       <!-- 标题 -->
-      <div ref="headerRef" class="text-center mb-20" style="opacity: 0;">
-        <h2 class="text-4xl md:text-6xl font-bold tracking-tight text-black mb-6">
+      <div ref="headerRef" class="text-center mb-16 md:mb-20" style="opacity: 0;">
+        <h2 class="text-5xl md:text-7xl font-bold tracking-tight text-black mb-6">
           {{ t('home.testimonials.title') }}
         </h2>
         <p class="text-lg md:text-xl text-gray-600 max-w-2xl mx-auto">
diff --git a/app/components/home/HomeUpdates.vue b/app/components/home/HomeUpdates.vue
index 29eca87..96e236f 100644
--- a/app/components/home/HomeUpdates.vue
+++ b/app/components/home/HomeUpdates.vue
@@ -1,9 +1,9 @@
 <template>
-  <section ref="rootRef" class="relative bg-white py-32 md:py-40 overflow-hidden">
-    <div class="w-page-container max-w-[1400px] mx-auto px-6 md:px-10">
+  <section ref="rootRef" class="relative bg-white min-h-screen flex flex-col items-center justify-center overflow-hidden py-20">
+    <div class="w-full max-w-[1400px] mx-auto px-6 md:px-10">
       <!-- 标题 -->
-      <div ref="headerRef" class="text-center mb-20 md:mb-28" style="opacity: 0;">
-        <h2 class="text-4xl md:text-6xl font-bold tracking-tight text-black mb-6">
+      <div ref="headerRef" class="text-center mb-16 md:mb-20" style="opacity: 0;">
+        <h2 class="text-5xl md:text-7xl font-bold tracking-tight text-black mb-6">
           {{ t('home.updates.title') }}
         </h2>
         <p class="text-lg md:text-xl text-gray-600 max-w-2xl mx-auto">