2

css/index.css

@@ -3,8 +3,8 @@
   position: relative;
   width: 100%;
   overflow: hidden;
-  /* 确保 3D 地球在竖直方向不会被裁剪 */
-  min-height: 420px;
+  /* 确保 3D 地球在竖直方向不会被裁剪，预留更大展示区域 */
+  min-height: 480px;
 }
 
 .banner-cont .swiper-slide {
@@ -74,10 +74,10 @@
 .banner-globe {
   position: absolute;
   top: 50%;
-  right: 8%;              /* 根据视觉调节，让地球更靠中间一点 */
+  right: 6%;              /* 略向中间移动一点，留出更大的展示区域 */
   transform: translateY(-50%);
-  width: 360px;
-  height: 360px;
+  width: 420px;
+  height: 420px;
   z-index: 20;            /* 高于轮播图与文案层 */
   pointer-events: none;   /* 不影响轮播图滑动与点击 */
 }
@@ -86,8 +86,8 @@
 @media (max-width: 1400px) {
   .banner-globe {
     right: 4%;
-    width: 320px;
-    height: 320px;
+    width: 360px;
+    height: 360px;
   }
 }