test

src/components/TeamSection.js

@@ -318,6 +318,38 @@ const TeamSection = ({ isActive }) => {
           <span className="progress-total">00:18</span>
         </div>
       </motion.div>
+
+      {/* 右下角控制区域 */}
+      <motion.div 
+        className="team-controls-bottom"
+        initial={{ opacity: 0, x: 20 }}
+        animate={isActive ? { opacity: 1, x: 0 } : {}}
+        transition={{ duration: 0.8, delay: 1.5 }}
+      >
+        <div className="control-status">
+          <span className="status-dot"></span>
+          <span className="status-text">SYSTEM ONLINE</span>
+        </div>
+        <div className="control-group">
+          <div className="control-numbers">
+            <span className="current-idx">{String(index + 1).padStart(2, '0')}</span>
+            <span className="divider">/</span>
+            <span className="total-idx">{String(members.length).padStart(2, '0')}</span>
+          </div>
+          <div className="control-buttons">
+            <button className="bottom-btn" onClick={goPrev}>
+              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                <path d="M19 12H5M12 19l-7-7 7-7"/>
+              </svg>
+            </button>
+            <button className="bottom-btn" onClick={goNext}>
+              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                <path d="M5 12h14M12 5l7 7-7 7"/>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </motion.div>
     </div>
   );
 };