八方向运动控制优化完成

main/CSS/control.css

@@ -91,6 +91,46 @@
     color: white;
 }
 
+.btn-left {
+    background-color: #2196F3;
+    color: white;
+}
+
+.btn-right {
+    background-color: #FF9800;
+    color: white;
+}
+
+.btn-rotate-left {
+    background-color: #9C27B0;
+    color: white;
+}
+
+.btn-rotate-right {
+    background-color: #607D8B;
+    color: white;
+}
+
+.btn-forward-left {
+    background-color: #4CAF50;
+    color: white;
+}
+
+.btn-forward-right {
+    background-color: #4CAF50;
+    color: white;
+}
+
+.btn-backward-left {
+    background-color: #f44336;
+    color: white;
+}
+
+.btn-backward-right {
+    background-color: #f44336;
+    color: white;
+}
+
 .btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);