diff --git a/pages/home/invite/myShareDetail/index.vue b/pages/home/invite/myShareDetail/index.vue
index c95b260..7a4640d 100644
--- a/pages/home/invite/myShareDetail/index.vue
+++ b/pages/home/invite/myShareDetail/index.vue
@@ -102,11 +102,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   padding: 20rpx 25rpx;
 }
 
@@ -242,10 +243,14 @@ page { background: #edf1f7; }
         font-size: 24rpx;
         color: #555;
         background: #fff;
-        border: 2rpx solid #ddd;
+        border: 1rpx solid #ddd;
         border-radius: 30rpx;
-        padding: 10rpx 30rpx;
+        padding: 10rpx 80rpx;
         line-height: 1.4;
+        justify-items: center;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
       }
     }
   }
diff --git a/pages/home/invite/selectDevice/index.vue b/pages/home/invite/selectDevice/index.vue
index b3906c7..d3ea04d 100644
--- a/pages/home/invite/selectDevice/index.vue
+++ b/pages/home/invite/selectDevice/index.vue
@@ -85,11 +85,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   padding-bottom: 120rpx;
 }
 
diff --git a/pages/home/invite/setPermission/index.vue b/pages/home/invite/setPermission/index.vue
index 3ee795c..8aabd15 100644
--- a/pages/home/invite/setPermission/index.vue
+++ b/pages/home/invite/setPermission/index.vue
@@ -77,11 +77,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   display: flex;
   flex-direction: column;
   padding: 30rpx 20rpx;
diff --git a/pages/home/invite/shareConfirm/index.vue b/pages/home/invite/shareConfirm/index.vue
index a797179..aeec918 100644
--- a/pages/home/invite/shareConfirm/index.vue
+++ b/pages/home/invite/shareConfirm/index.vue
@@ -113,11 +113,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   min-height: 100vh;
-  background: #edf1f7;
   display: flex;
   flex-direction: column;
 }
diff --git a/pages/home/invite/shareDevice/index.vue b/pages/home/invite/shareDevice/index.vue
index d785c9c..d00d997 100644
--- a/pages/home/invite/shareDevice/index.vue
+++ b/pages/home/invite/shareDevice/index.vue
@@ -142,7 +142,7 @@ export default {
 
 <style lang="scss" scoped>
 page {
-  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+  background: radial-gradient(circle at top, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
 }
 
 .page-bg {
diff --git a/pages/home/invite/shareTarget/index.vue b/pages/home/invite/shareTarget/index.vue
index 3133d54..1f91bb1 100644
--- a/pages/home/invite/shareTarget/index.vue
+++ b/pages/home/invite/shareTarget/index.vue
@@ -75,11 +75,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: radial-gradient(circle at top, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page {
   padding: 30rpx;
-  background: #edf1f7;
   min-height: 100vh;
 }
 
diff --git a/pages/home/invite/sharedToMe/index.vue b/pages/home/invite/sharedToMe/index.vue
index a131209..0b61a66 100644
--- a/pages/home/invite/sharedToMe/index.vue
+++ b/pages/home/invite/sharedToMe/index.vue
@@ -144,11 +144,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-page { background: #edf1f7; }
+page {
+  background: linear-gradient(180deg, #e8f0ff 0%, #f5f7fa 60%, #ffffff 100%);
+}
 
 .page-bg {
   min-height: 100vh;
-  background: #edf1f7;
   padding-bottom: 120rpx;
 }