路口详情-相位图: 缩小高度 + 标题间距调整 + 去掉阶段区暗淡状态

  单图高度 125px→100px，双图 225px→180px；
  标题与图表之间 margin 适当加大（单图/双图均调整）；
  .form-editable-area.is-disabled 去掉 opacity:0.6，
  非手动模式下阶段方块保持全亮，仅禁用点击交互。

src/components/ui/CrossingDetailPanel.vue

@@ -794,7 +794,7 @@ export default {
 .signal-timing-wrap {
     flex: 0 0 auto;
     min-height: 0;
-    height: clamp(71px, calc(var(--s) * 125px), 125px);
+    height: clamp(56px, calc(var(--s) * 100px), 100px);
     width: 100%;
     min-width: 0;
     background-color: transparent;
@@ -808,11 +808,11 @@ export default {
 
 /* 双相位图模式: 留在左栏内, 与十字路图等宽; 高度约 2× 单图以容下两行 chart + 行标签 */
 .signal-timing-wrap.is-dual {
-    height: clamp(135px, calc(var(--s) * 225px), 225px);
+    height: clamp(108px, calc(var(--s) * 180px), 180px);
 }
 /* 双图模式下 header 紧贴下方相位图，避免无意义空白 */
 .signal-timing-wrap.is-dual .header {
-    margin-bottom: 0;
+    margin-bottom: clamp(3px, calc(var(--s) * 6px), 8px);
     line-height: 1;
     padding: 2px 0 0;
 }
@@ -862,7 +862,7 @@ export default {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: clamp(2px, calc(var(--s) * 6px), 15px);
+    margin-bottom: clamp(4px, calc(var(--s) * 10px), 18px);
     color: #e0e6f1;
     flex-shrink: 0;
 }
@@ -1304,7 +1304,6 @@ export default {
 }
 
 .form-editable-area.is-disabled {
-    opacity: 0.6;
     pointer-events: none;
 }