diff --git a/app/pages/about/contact-us.vue b/app/pages/about/contact-us.vue
deleted file mode 100644
index b1b02a7..0000000
--- a/app/pages/about/contact-us.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-    <div class="page-container">
-        <div v-if="content">
-            <el-breadcrumb class="breadcrumb" separator="/">
-                <el-breadcrumb-item class="text-md opacity-50">
-                    <NuxtLink :to="$localePath('/')">
-                        {{ $t('navigation.home') }}
-                    </NuxtLink>
-                </el-breadcrumb-item>
-                <el-breadcrumb-item class="text-md opacity-50">
-                    <NuxtLink :to="$localePath('/about')">
-                        {{ $t('navigation.contact-info') }}
-                    </NuxtLink>
-                </el-breadcrumb-item>
-            </el-breadcrumb>
-
-            <div class="content">
-                <markdown-renderer :content="content || ''" />
-            </div>
-        </div>
-        <div v-else class="loading">
-            <el-skeleton :rows="5" animated />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-const { findOne } = useStrapi()
-const { getStrapiLocale } = useLocalizations()
-
-const strapiLocale = getStrapiLocale()
-
-const content = ref<string>('')
-
-onMounted(async () => {
-    try {
-        const response = await findOne<StrapiContactInfo>('contact-info', undefined, {
-            populate: '*',
-            locale: strapiLocale,
-        })
-        if (response.data) {
-            content.value = response.data.content || ''
-        } else {
-            console.warn('No contact info data found')
-        }
-    } catch (error) {
-        console.error('Failed to fetch contact info:', error)
-    }
-})
-</script>
-
-<style scoped>
-.page-container {
-    padding: 2rem 1rem;
-}
-
-.breadcrumb {
-    padding: 1rem 1rem;
-}
-
-.content {
-    padding: 1rem;
-    margin-bottom: 2rem;
-}
-
-:deep(.markdown-body ul) {
-    list-style-type: none;
-}
-</style>
\ No newline at end of file
diff --git a/app/pages/about/index.vue b/app/pages/about/index.vue
index 7853763..b6b17b5 100644
--- a/app/pages/about/index.vue
+++ b/app/pages/about/index.vue
@@ -64,6 +64,8 @@ onMounted(async () => {
 <style scoped>
 .page-container {
     padding: 2rem 1rem;
+    max-width: 1200px;
+    margin: 0 auto;
 }
 
 .breadcrumb {
diff --git a/app/pages/productions/[...slug].vue b/app/pages/productions/[...slug].vue
index cc42f15..15f528a 100644
--- a/app/pages/productions/[...slug].vue
+++ b/app/pages/productions/[...slug].vue
@@ -129,7 +129,9 @@ useHead({
 
 <style scoped>
 .page-container {
-  min-height: 60vh;
+  min-height: 80vh;
+  max-width: 1200px;
+  margin: 0 auto;
 }
 
 .breadcrumb {
diff --git a/app/pages/productions/index.vue b/app/pages/productions/index.vue
index 745ab4d..35f6ea8 100644
--- a/app/pages/productions/index.vue
+++ b/app/pages/productions/index.vue
@@ -11,19 +11,19 @@
                 </el-breadcrumb-item>
             </el-breadcrumb>
         </div>
-        <div class="productions-container">
-            <el-collapse v-model="activeNames" class="production-collapse">
-                <el-collapse-item
-v-for="(group, type) in groupedProductions" :key="type" :title="type || '未分类'"
-                    :name="type || 'no-category'">
-                    <div class="group-list">
-                        <production-card
-v-for="production in group" :key="production.documentId || production.id"
-                            :slug="production.documentId" :image-url="useStrapiMedia(production?.cover?.url || '')"
-                            :name="production.title" :description="production.summary || ''" />
-                    </div>
-                </el-collapse-item>
-            </el-collapse>
+        <div class="page-content">
+            <div class="productions-container">
+                <el-collapse v-model="activeNames" class="production-collapse">
+                    <el-collapse-item v-for="(group, type) in groupedProductions" :key="type" :title="type || '未分类'"
+                        :name="type || 'no-category'">
+                        <div class="group-list">
+                            <production-card v-for="production in group" :key="production.documentId || production.id"
+                                :slug="production.documentId" :image-url="useStrapiMedia(production?.cover?.url || '')"
+                                :name="production.title" :description="production.summary || ''" />
+                        </div>
+                    </el-collapse-item>
+                </el-collapse>
+            </div>
         </div>
     </div>
 </template>
@@ -92,6 +92,8 @@ onMounted(async () => {
 <style scoped>
 .page-container {
     padding: 2rem;
+    margin: 0 auto;
+    max-width: 1200px;
 }
 
 .page-header {
diff --git a/app/pages/solutions/[...slug].vue b/app/pages/solutions/[...slug].vue
index 6758ddb..2bf7810 100644
--- a/app/pages/solutions/[...slug].vue
+++ b/app/pages/solutions/[...slug].vue
@@ -67,7 +67,9 @@ onMounted(async () => {
 <style scoped>
 .page-container {
     padding: 1rem;
-    min-height: 60vh;
+    min-height: 80vh;
+    max-width: 1200px;
+    margin: 0 auto;
 }
 
 .breadcrumb {
diff --git a/app/pages/solutions/index.vue b/app/pages/solutions/index.vue
index 32caee8..5f67804 100644
--- a/app/pages/solutions/index.vue
+++ b/app/pages/solutions/index.vue
@@ -98,6 +98,8 @@ onMounted(async () => {
 <style scoped>
 .page-container {
     padding: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
 }
 
 .page-header {
diff --git a/app/pages/support/contact-us.vue b/app/pages/support/contact-us.vue
index c03d7f4..ea5f1d0 100644
--- a/app/pages/support/contact-us.vue
+++ b/app/pages/support/contact-us.vue
@@ -59,6 +59,11 @@ onMounted(async () => {
 </script>
 
 <style scoped>
+.page-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
 .page-header {
     display: flex;
     padding: 2rem 2rem 0rem;
diff --git a/app/pages/support/documents.vue b/app/pages/support/documents.vue
index f28345b..29b0594 100644
--- a/app/pages/support/documents.vue
+++ b/app/pages/support/documents.vue
@@ -55,6 +55,11 @@ onMounted(async () => {
 </script>
 
 <style scoped>
+.page-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
 .page-header {
     display: flex;
     padding: 2rem 2rem 0rem;
diff --git a/app/pages/support/faq.vue b/app/pages/support/faq.vue
index d166cf0..019c39a 100644
--- a/app/pages/support/faq.vue
+++ b/app/pages/support/faq.vue
@@ -53,6 +53,11 @@ onMounted(async () => {
 </script>
 
 <style scoped>
+.page-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
 .page-header {
     display: flex;
     padding: 2rem 2rem 0rem;
diff --git a/app/pages/support/index.vue b/app/pages/support/index.vue
index 781ffcc..0009cb7 100644
--- a/app/pages/support/index.vue
+++ b/app/pages/support/index.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="page-container">
         <support-tabs />
-
         <div class="page-content">
+
             <div class="page-header">
                 <h1 class="page-title">{{ $t('navigation.support') }}</h1>
                 <el-breadcrumb class="breadcrumb" separator="/">
@@ -105,6 +105,10 @@
 </script>
 
 <style scoped>
+.page-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
 
 .page-header {
     display: flex;
@@ -123,8 +127,6 @@
 
 .page-content {
     padding: 1rem 2rem 2rem;
-    max-width: 1200px;
-    margin: 0 auto;
 }
 
 
@@ -135,7 +137,7 @@ section {
 
 .card-group {
     display: flex;
-    gap: 100px;
+    gap: 50px;
     justify-content: space-around;
     margin-bottom: 2rem;
 }