chore: 提交调试文档与模拟器改动

tools/mock-gps-sim/public/workbench.css

@@ -48,6 +48,7 @@ body {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
+  align-items: center;
 }
 
 .wb-topbar__links a {
@@ -63,6 +64,26 @@ body {
   gap: 16px;
 }
 
+.wb-topbar__global {
+  min-width: 220px;
+}
+
+.wb-topbar__field {
+  margin-bottom: 0;
+}
+
+.wb-topbar__field span {
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  color: #5d786c;
+}
+
+.wb-topbar__field input {
+  min-width: 220px;
+  background: rgba(255, 255, 255, 0.92);
+}
+
 .wb-connection-bar {
   display: flex;
   flex-wrap: wrap;
@@ -104,7 +125,7 @@ body {
 .wb-layout {
   min-height: 0;
   display: grid;
-  grid-template-columns: 380px 1fr;
+  grid-template-columns: 380px 1fr 280px;
   gap: 18px;
   padding: 18px;
 }
@@ -115,6 +136,12 @@ body {
   padding-right: 4px;
 }
 
+.wb-rail {
+  min-height: 0;
+  overflow-y: auto;
+  padding-left: 4px;
+}
+
 .wb-stage {
   position: relative;
   min-height: 0;
@@ -123,14 +150,6 @@ body {
   box-shadow: 0 28px 60px rgba(20, 41, 31, 0.18);
 }
 
-.wb-bottom-strip {
-  padding: 0 18px 18px;
-}
-
-.wb-card--bottom .log {
-  max-height: 180px;
-}
-
 #map {
   width: 100%;
   height: 100%;
@@ -515,7 +534,7 @@ body {
 
 @media (max-width: 1380px) {
   .wb-layout {
-    grid-template-columns: 340px 1fr;
+    grid-template-columns: 340px 1fr 250px;
   }
 
   .floating-debug-log {
@@ -526,10 +545,11 @@ body {
 @media (max-width: 1120px) {
   .wb-layout {
     grid-template-columns: 1fr;
-    grid-template-rows: auto minmax(420px, 1fr);
+    grid-template-rows: auto minmax(420px, 1fr) auto;
   }
 
-  .wb-sidebar {
+  .wb-sidebar,
+  .wb-rail {
     max-height: 32vh;
   }
 
@@ -549,7 +569,9 @@ body {
     align-items: flex-start;
   }
 
-  .wb-bottom-strip {
-    padding-top: 18px;
+  .wb-topbar__global,
+  .wb-topbar__field input {
+    width: 100%;
+    min-width: 0;
   }
 }