feat: #5 - live telemetry cards on home page (speed/RPM/gear on top)

static/js/pages/home.js

@@ -70,17 +70,17 @@ const PageHome = {
             <p style="color:var(--text-secondary);margin-bottom:24px;">实时监控 TurboSu 运行状态与游戏遥测连接</p>
         </div>
         <div class="status-grid animated" style="animation-delay:0.1s">
+            ${this._cardHtml('card-speed', '实时速度', '-- km/h', 'primary')}
+            ${this._cardHtml('card-rpm', '实时转速', '-- RPM', 'primary')}
+            ${this._cardHtml('card-gear', '当前档位', '--', 'primary')}
+        </div>
+        <div class="status-grid animated" style="animation-delay:0.15s">
             ${this._cardHtml('card-server', '服务器状态', '运行中', 'success')}
             ${this._cardHtml('card-telemetry', '遥测监听', '未启动', 'warning')}
             ${this._cardHtml('card-connections', 'WebSocket 连接', '0 个客户端', 'secondary')}
             ${this._cardHtml('card-packets', '数据包接收', '0 包', 'secondary')}
             ${this._cardHtml('card-last-packet', '最后数据包', '暂无数据', 'secondary')}
             ${this._cardHtml('card-game', '当前游戏', '未选择', 'info')}
-        </div>
-        <div class="status-grid animated" style="animation-delay:0.2s">
-            ${this._cardHtml('card-speed', '实时速度', '-- km/h', 'primary')}
-            ${this._cardHtml('card-rpm', '实时转速', '-- RPM', 'primary')}
-            ${this._cardHtml('card-gear', '当前档位', 'N', 'primary')}
         </div>`;
     },