diff --git a/css/index.css b/css/index.css
index 3f313e5..3d01d52 100644
--- a/css/index.css
+++ b/css/index.css
@@ -7,6 +7,11 @@
   min-height: 520px;
 }
 
+/* banner 区背景：左侧保持接近白色以保证文案可读，右侧渐变为浅蓝，衬托透明地球 */
+.section.banner {
+  background: linear-gradient(90deg, #ffffff 0%, #f5f7ff 40%, #e3edff 100%);
+}
+
 .banner-cont .swiper-slide {
   width: 100%;
   background: linear-gradient(0, #f7f9fa, #f9fafb);
diff --git a/js/globe.js b/js/globe.js
index ab0ee35..548ce94 100644
--- a/js/globe.js
+++ b/js/globe.js
@@ -105,7 +105,8 @@
               .polygonsData(landGeo)
               .polygonCapMaterial(
                 new THREE.MeshLambertMaterial({
-                  color: "darkslategrey",
+                  // 深灰蓝色陆地，与浅蓝背景和整体主题更协调
+                  color: "#111827",
                   side: THREE.DoubleSide,
                 })
               )