update

apps/web-console/self-calibration.css

@@ -463,6 +463,18 @@
   cursor: grabbing;
 }
 
+.v2-calibration-seat-scene .calibration-cartoon-viewer.axis-hover {
+  cursor: ns-resize;
+}
+
+.v2-calibration-seat-scene .calibration-cartoon-viewer.axis-hover[data-hover-axis="0"] {
+  cursor: ew-resize;
+}
+
+.v2-calibration-seat-scene .calibration-cartoon-viewer.axis-dragging {
+  cursor: grabbing;
+}
+
 .v2-calibration-seat-scene .seat-model-host canvas {
   width: 100%;
   height: 100%;
@@ -551,8 +563,9 @@
 
 .v2-axis-tag {
   position: absolute;
-  z-index: 3;
+  z-index: 4;
   display: flex;
+  align-items: center;
   gap: 5px;
   padding: 5px 8px;
   color: #6d7c7e;
@@ -561,18 +574,79 @@
   border-radius: 8px;
   box-shadow: 0 7px 18px rgba(46, 78, 80, 0.07);
   font-size: 8px;
-  pointer-events: none;
+  cursor: not-allowed;
+  pointer-events: auto;
+  touch-action: none;
+  user-select: none;
   backdrop-filter: blur(8px);
+  transform: translate3d(-1000px, -1000px, 0);
+  transition: opacity 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
+  will-change: transform;
+}
+
+.v2-axis-tag[data-control-enabled="true"] {
+  cursor: grab;
+}
+
+.v2-axis-tag[data-control-enabled="true"].dragging {
+  cursor: grabbing;
+}
+
+.v2-axis-tag:focus-visible {
+  outline: 2px solid rgba(49, 94, 170, 0.42);
+  outline-offset: 2px;
+}
+
+.v2-axis-tag > i {
+  width: 5px;
+  height: 5px;
+  flex: 0 0 auto;
+  background: #5d82c2;
+  border: 1px solid rgba(255, 255, 255, 0.9);
+  border-radius: 50%;
+  box-shadow: 0 0 0 3px rgba(79, 115, 178, 0.13);
+}
+
+.v2-axis-tag > span {
+  display: flex;
+  gap: 5px;
+  white-space: nowrap;
 }
 
 .v2-axis-tag b {
   color: #315eaa;
 }
 
-.v2-axis-tag.tag-back { top: 17%; right: 13%; }
-.v2-axis-tag.tag-base { right: 11%; bottom: 19%; }
-.v2-axis-tag.tag-leg { bottom: 24%; left: 14%; }
-.v2-axis-tag.tag-height { top: 52%; left: 11%; }
+.v2-axis-tag.active {
+  border-color: rgba(49, 94, 170, 0.42);
+  box-shadow: 0 7px 22px rgba(49, 94, 170, 0.18);
+}
+
+.v2-axis-tag[data-hidden="true"] {
+  opacity: 0;
+}
+
+.v2-calibration-label-lines {
+  position: absolute;
+  inset: 0;
+  z-index: 3;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+  pointer-events: none;
+}
+
+.v2-calibration-label-lines line {
+  stroke: rgba(49, 94, 170, 0.42);
+  stroke-width: 1.15;
+  stroke-linecap: round;
+  stroke-dasharray: 2 3;
+  vector-effect: non-scaling-stroke;
+}
+
+.v2-calibration-label-lines line[data-hidden="true"] {
+  opacity: 0;
+}
 
 .v2-calibration-operation {
   min-width: 0;