查验

agv_app/static/css/style.css

@@ -59,6 +59,49 @@ a:hover { text-decoration: underline; }
 .status-item.paused { background: #3a2a1a; color: #ff9800; }
 .status-item.idle { background: #2a2a2a; color: #9aa0a6; }
 
+/* ========== 环境切换开关 ========== */
+.env-toggle {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  user-select: none;
+}
+.env-label {
+  font-size: 12px;
+  font-weight: 500;
+  min-width: 48px;
+  text-align: right;
+  transition: color 0.2s;
+}
+.env-label.test { color: #ff9800; }
+.env-label.prod { color: #4fc3f7; }
+.toggle-switch {
+  width: 40px;
+  height: 22px;
+  background: #3a3a3a;
+  border-radius: 11px;
+  position: relative;
+  transition: background 0.25s;
+  flex-shrink: 0;
+}
+.toggle-switch.active {
+  background: #ff9800;
+}
+.toggle-knob {
+  width: 18px;
+  height: 18px;
+  background: #fff;
+  border-radius: 50%;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  transition: left 0.25s;
+}
+.toggle-switch.active .toggle-knob {
+  left: 20px;
+}
+
 /* ========== 卡片 ========== */
 .card {
   background: #1a2332;
@@ -466,7 +509,7 @@ a:hover { text-decoration: underline; }
   object-fit: cover;
 }
 .camera-img.arm {
-  transform: rotate(180deg);
+  /* no flip */
 }
 
 .camera-placeholder {
@@ -1191,3 +1234,74 @@ a:hover { text-decoration: underline; }
   justify-content: center;
   padding: 16px 0 8px;
 }
+
+/* ===== 查验进度 ===== */
+.inspection-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 10px;
+  margin-top: 8px;
+}
+.inspection-item {
+  background: rgba(26, 26, 46, 0.7);
+  border-radius: 8px;
+  padding: 12px;
+  border: 1px solid #2a2a3e;
+  transition: all 0.3s;
+}
+.inspection-item.insp-done {
+  border-color: #4caf50;
+  background: rgba(76, 175, 80, 0.08);
+}
+.inspection-item.insp-active {
+  border-color: #ff9800;
+  background: rgba(255, 152, 0, 0.08);
+}
+.insp-name {
+  font-weight: bold;
+  font-size: 14px;
+  margin-bottom: 4px;
+  color: #e0e0e0;
+}
+.insp-code {
+  font-family: monospace;
+  font-size: 12px;
+  color: #8899aa;
+  margin-bottom: 2px;
+}
+.insp-spec {
+  font-size: 11px;
+  color: #667788;
+  margin-bottom: 8px;
+}
+.insp-count {
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 6px;
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+}
+.insp-num {
+  color: #4fc3f7;
+}
+.insp-sep {
+  color: #667788;
+  font-size: 14px;
+}
+.insp-total {
+  color: #8899aa;
+  font-size: 14px;
+}
+.insp-bar {
+  height: 4px;
+  background: #0a0a14;
+  border-radius: 2px;
+  overflow: hidden;
+}
+.insp-fill {
+  height: 100%;
+  background: linear-gradient(90deg, #4fc3f7, #4caf50);
+  border-radius: 2px;
+  transition: width 0.5s ease;
+}