diff --git a/components/banner-swiper/banner-swiper.vue b/components/banner-swiper/banner-swiper.vue
index 96bcae9..29e6ff2 100644
--- a/components/banner-swiper/banner-swiper.vue
+++ b/components/banner-swiper/banner-swiper.vue
@@ -59,28 +59,17 @@ export default {
 
 <style lang="scss" scoped>
 .banner-section {
-  //padding: 30rpx 100rpx;
   display: flex;
   justify-content: center;
   width: 100%;
 }
 
-.swiper {
-  width: 750rpx !important;
-
-  image {
-    width: 750rpx !important;
-    height: 100% !important;
-  }
-}
-
 .swiper {
   padding: 30rpx 0;
-  height: 300rpx;
+  height: 400rpx;
   width: 750rpx !important;
 
   overflow: hidden;
-  // box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
 
   /* 通用指示器样式 - 覆盖所有可能的类名 */
   :deep([class*='swiper-dot']) {
@@ -93,5 +82,10 @@ export default {
     line-height: 300rpx;
     text-align: center;
   }
+
+  image {
+    width: 750rpx !important;
+    height: 100% !important;
+  }
 }
 </style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 4535096..34fdbac 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -390,7 +390,7 @@ export default {
 
 <style lang="scss" scoped>
 .home-container {
-  background: linear-gradient(to bottom, #ffddca 0px, #ffddca 450rpx, #f5f5f5 450rpx, #f5f5f5 100%);
+  background: linear-gradient(to bottom, #ffddca 0px, #ffddca 450rpx, #fff 450rpx, #ffffff 100%);
   padding-bottom: 120rpx; /* 为底部导航留出空间 */
   max-width: 750rpx;
   margin: 0 auto;