2

css/index.css

@@ -68,6 +68,33 @@
   pointer-events: auto;
 }
 
+/* 3D 地球容器：位于轮播图偏中右位置 */
+.banner-globe {
+  position: absolute;
+  top: 50%;
+  right: 8%;              /* 根据视觉调节，让地球更靠中间一点 */
+  transform: translateY(-50%);
+  width: 420px;
+  height: 420px;
+  pointer-events: none;   /* 不影响轮播图滑动与点击 */
+}
+
+/* 中等屏幕下缩小地球，避免挡住文案 */
+@media (max-width: 1400px) {
+  .banner-globe {
+    right: 4%;
+    width: 360px;
+    height: 360px;
+  }
+}
+
+/* 小屏幕（如窄笔记本）下隐藏 3D 地球，保持可用性 */
+@media (max-width: 1100px) {
+  .banner-globe {
+    display: none;
+  }
+}
+
 .banner .banner-s {
   box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16);
   border-radius: 3px;