你

css/index.css

@@ -76,9 +76,9 @@
   top: 50%;
   right: 6%;              /* 略向中间移动一点，留出更大的展示区域 */
   transform: translateY(-50%);
-  /* 缩小一点，避免球体超出可视区域 */
-  width: 360px;
-  height: 360px;
+  /* 大幅缩小球体显示区域 */
+  width: 220px;
+  height: 220px;
   z-index: 20;            /* 高于轮播图与文案层 */
   pointer-events: none;   /* 不影响轮播图滑动与点击 */
 }
@@ -87,8 +87,8 @@
 @media (max-width: 1400px) {
   .banner-globe {
     right: 4%;
-    width: 320px;
-    height: 320px;
+    width: 200px;
+    height: 200px;
   }
 }
 

js/globe.js

@@ -28,8 +28,8 @@
     var scene = new THREE.Scene();
 
     var camera = new THREE.PerspectiveCamera(40, width / height, 0.1, 1000);
-    // 稍微偏右俯视一点，拉远一点避免球体被裁剪
-    camera.position.set(0, 0.3, 4.8);
+    // 稍微偏右俯视一点，进一步拉远让球体看起来更小
+    camera.position.set(0, 0.3, 8.0);
     camera.lookAt(0, 0, 0);
 
     var renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });