创建一个中间模块指向右侧的箭头 - Follow Up Deployment

index.html

@@ -11,12 +11,21 @@
             position: relative;
         }
         .arrow:after {
-            content: "→";
+            content: "➔";
             position: absolute;
-            right: -20px;
+            right: -30px;
             top: 50%;
             transform: translateY(-50%);
-            color: #4b5563;
+            color: #3b82f6;
+            font-size: 24px;
+            font-weight: bold;
+            text-shadow: 0 0 5px rgba(59, 130, 246, 0.5);
+            animation: pulse 1.5s infinite;
+        }
+        @keyframes pulse {
+            0% { opacity: 0.7; }
+            50% { opacity: 1; }
+            100% { opacity: 0.7; }
         }
         .center-circle {
             position: relative;
@@ -101,7 +110,7 @@
             <!-- 主体内容 -->
             <div class="flex flex-col md:flex-row items-center justify-between">
                 <!-- 左侧模块 -->
-                <div class="w-full md:w-1/4 mb-8 md:mb-0">
+                <div class="w-full md:w-1/4 mb-8 md:mb-0 pr-4">
                     <div class="bg-purple-50 rounded-lg p-4 shadow-md module-item arrow">
                         <h3 class="font-semibold text-purple-700 text-center mb-3"></h3>