3

css/index.css

@@ -4,7 +4,7 @@
   width: 100%;
   overflow: hidden;
   /* 确保 3D 地球在竖直方向不会被裁剪，预留更大展示区域 */
-  min-height: 480px;
+  min-height: 520px;
 }
 
 .banner-cont .swiper-slide {
@@ -76,9 +76,9 @@
   top: 50%;
   right: 6%;              /* 略向中间移动一点，留出更大的展示区域 */
   transform: translateY(-50%);
-  /* 大幅缩小球体显示区域 */
-  width: 220px;
-  height: 220px;
+  /* 展示区域足够大，球体本身通过 three.js 缩放变小 */
+  width: 420px;
+  height: 420px;
   z-index: 20;            /* 高于轮播图与文案层 */
   pointer-events: none;   /* 不影响轮播图滑动与点击 */
 }
@@ -87,8 +87,8 @@
 @media (max-width: 1400px) {
   .banner-globe {
     right: 4%;
-    width: 200px;
-    height: 200px;
+    width: 360px;
+    height: 360px;
   }
 }