diff --git a/css/index.css b/css/index.css
index adc37f3..edf3165 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2554,13 +2554,13 @@ html {
 
   /* ===== Banner 快速入口 - 四宫格布局（2列×2行） ===== */
   .banner .banner-s {
-    margin-top: -50px;
-    padding: 12px 10px;
+    margin-top: 20px;
+    padding: 8px 8px;
     background: transparent;
   }
 
   .banner .banner-s .banner-list {
-    gap: 8px !important;
+    gap: 6px !important;
     display: grid !important;
     grid-template-columns: repeat(2, 1fr) !important;
     width: 100% !important;
@@ -2568,44 +2568,53 @@ html {
   }
 
   .banner-s .banner-list .banner-item {
-    padding: 12px 10px !important;
-    gap: 0 !important;
+    padding: 8px 10px !important;
+    gap: 6px !important;
     flex: none !important;
     display: flex !important;
-    flex-direction: column !important;
+    flex-direction: row !important;
     align-items: center !important;
-    text-align: center !important;
-    min-height: 110px !important;
-    justify-content: center !important;
-    border-radius: 8px !important;
+    text-align: left !important;
+    min-height: auto !important;
+    max-height: 60px !important;
+    justify-content: flex-start !important;
+    border-radius: 0 !important;
     width: auto !important;
     min-width: auto !important;
     max-width: none !important;
+    background: rgba(15, 23, 42, 0.6) !important;
+    border: 1px solid rgba(148, 163, 184, 0.15) !important;
   }
 
   .banner-s .banner-list .banner-item .banner-item-icon {
-    width: 32px;
-    height: 32px;
-    margin-bottom: 6px;
+    width: 28px;
+    height: 28px;
+    margin-bottom: 0;
+    margin-right: 8px;
+    flex-shrink: 0;
   }
 
   .banner-s .banner-list .banner-item .banner-item-content {
     display: flex;
     flex-direction: column;
-    align-items: center;
-    gap: 3px;
+    align-items: flex-start;
+    gap: 2px;
+    flex: 1;
+    min-width: 0;
   }
 
   .banner-s .banner-list .banner-item h5 {
-    font-size: 12px !important;
+    font-size: 11px !important;
     margin-bottom: 0 !important;
     line-height: 1.2;
+    color: #E5E7EB;
   }
 
   .banner-s .banner-list .banner-item .title-desc {
-    font-size: 9px !important;
+    font-size: 8px !important;
     line-height: 1.2;
     margin: 0 !important;
+    color: rgba(203, 213, 225, 0.8);
   }
 
   /* ===== 热销产品 - 精简卡片 ===== */
@@ -3270,12 +3279,12 @@ html {
 
   /* ===== 快速入口 - 四宫格中等版 ===== */
   .banner . banner-s {
-    margin-top: -40px;
-    padding: 12px 10px;
+    margin-top: 16px;
+    padding: 8px 8px;
   }
 
   .banner .banner-s .banner-list {
-    gap: 8px !important;
+    gap: 6px !important;
     display: grid !important;
     grid-template-columns: repeat(2, 1fr) !important;
     width: 100% !important;
@@ -3283,43 +3292,51 @@ html {
   }
 
   .banner-s .banner-list .banner-item {
-    padding: 12px 10px !important;
+    padding: 8px 10px !important;
     flex: none !important;
     display: flex !important;
-    flex-direction: column !important;
+    flex-direction: row !important;
     align-items: center !important;
-    text-align: center !important;
-    min-height: 115px !important;
-    justify-content: center !important;
-    border-radius: 7px !important;
+    text-align: left !important;
+    max-height: 60px !important;
+    justify-content: flex-start !important;
+    border-radius: 0 !important;
     width: auto !important;
     min-width: auto !important;
     max-width: none !important;
+    background: rgba(15, 23, 42, 0.6) !important;
+    border: 1px solid rgba(148, 163, 184, 0.15) !important;
   }
 
   .banner-s .banner-list .banner-item .banner-item-icon {
-    width: 32px;
-    height: 32px;
-    margin-bottom: 6px;
+    width: 28px;
+    height: 28px;
+    margin-bottom: 0;
+    margin-right: 8px;
+    flex-shrink: 0;
   }
 
   .banner-s .banner-list .banner-item .banner-item-content {
     display: flex;
     flex-direction: column;
-    align-items: center;
-    gap: 3px;
+    align-items: flex-start;
+    gap: 2px;
+    flex: 1;
+    min-width: 0;
   }
 
   .banner-s .banner-list .banner-item h5 {
-    font-size: 12px !important;
+    font-size: 11px !important;
     margin-bottom: 0 !important;
     line-height: 1.2;
+    color: #E5E7EB;
   }
 
   .banner-s .banner-list .banner-item .title-desc {
-    font-size: 9px !important;
+    font-size: 8px !important;
     line-height: 1.2;
     margin: 0 !important;
+    color: rgba(203, 213, 225, 0.8);
   }
 
   /* ===== 解决方案 ===== */
@@ -3409,12 +3426,12 @@ html {
 
   /* ===== 快速入口 - 四宫格极简版 ===== */
   .banner . banner-s {
-    margin-top: -20px;
-    padding: 12px 8px;
+    margin-top: 12px;
+    padding: 8px 6px;
   }
 
   .banner .banner-s .banner-list {
-    gap: 8px !important;
+    gap: 6px !important;
     padding: 0 !important;
     display: grid !important;
     grid-template-columns: repeat(2, 1fr) !important;
@@ -3422,44 +3439,52 @@ html {
   }
 
   .banner-s .banner-list .banner-item {
-    padding: 10px 8px !important;
+    padding: 8px 10px !important;
     gap: 6px !important;
     flex: none !important;
     display: flex !important;
-    flex-direction: column !important;
+    flex-direction: row !important;
     align-items: center !important;
-    text-align: center !important;
-    min-height: 105px !important;
-    justify-content: center !important;
-    border-radius: 6px !important;
+    text-align: left !important;
+    max-height: 55px !important;
+    justify-content: flex-start !important;
+    border-radius: 0 !important;
     width: auto !important;
     min-width: auto !important;
     max-width: none !important;
+    background: rgba(15, 23, 42, 0.6) !important;
+    border: 1px solid rgba(148, 163, 184, 0.15) !important;
   }
 
   .banner-s .banner-list .banner-item .banner-item-icon {
     width: 26px;
     height: 26px;
-    margin-bottom: 4px;
+    margin-bottom: 0;
+    margin-right: 8px;
+    flex-shrink: 0;
   }
 
   .banner-s .banner-list .banner-item .banner-item-content {
     display: flex;
     flex-direction: column;
-    align-items: center;
+    align-items: flex-start;
     gap: 2px;
+    flex: 1;
+    min-width: 0;
   }
 
   .banner-s .banner-list .banner-item h5 {
-    font-size: 11px !important;
+    font-size: 10px !important;
     margin-bottom: 0 !important;
     line-height: 1.2;
+    color: #E5E7EB;
   }
 
   .banner-s .banner-list .banner-item .title-desc {
     font-size: 8px !important;
     line-height: 1.2;
     margin: 0 !important;
+    color: rgba(203, 213, 225, 0.8);
   }
 
   /* ===== 热销产品 - 紧凑 ===== */