完善设置面板并整理动画阶段总结

miniprogram/pages/map/map.wxss

@@ -305,10 +305,17 @@
 
 .map-side-toggle {
   position: absolute;
-  left: 24rpx;
   z-index: 19;
 }
 
+.map-side-toggle--left {
+  left: 24rpx;
+}
+
+.map-side-toggle--right {
+  right: 24rpx;
+}
+
 .map-side-column {
   position: absolute;
   display: flex;
@@ -322,6 +329,10 @@
   left: 24rpx;
 }
 
+.map-side-column--right-group {
+  right: 24rpx;
+}
+
 .map-side-column--left-group {
   padding-top: 106rpx;
 }
@@ -1417,6 +1428,18 @@
   margin-bottom: 12rpx;
 }
 
+.debug-section__header-row {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16rpx;
+}
+
+.debug-section__header-main {
+  flex: 1;
+  min-width: 0;
+}
+
 .debug-section__title {
   font-size: 24rpx;
   line-height: 1.2;
@@ -1433,6 +1456,36 @@
   color: #6a826f;
 }
 
+.debug-section__lock {
+  min-width: 76rpx;
+  height: 52rpx;
+  padding: 0 16rpx;
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999rpx;
+  background: rgba(233, 242, 228, 0.92);
+  box-shadow: inset 0 0 0 1rpx rgba(22, 48, 32, 0.08);
+}
+
+.debug-section__lock--active {
+  background: rgba(45, 106, 79, 0.18);
+  box-shadow: inset 0 0 0 2rpx rgba(45, 106, 79, 0.18);
+}
+
+.debug-section__lock-text {
+  font-size: 20rpx;
+  line-height: 1;
+  font-weight: 700;
+  color: #45624b;
+  letter-spacing: 1rpx;
+}
+
+.debug-section__lock--active .debug-section__lock-text {
+  color: #2d6a4f;
+}
+
 .info-panel__row {
   display: flex;
   align-items: flex-start;
@@ -1593,6 +1646,16 @@
 .debug-section .control-row:last-child {
   margin-bottom: 0;
 }
+
+.debug-group-title {
+  margin-top: 18rpx;
+  margin-bottom: 8rpx;
+  font-size: 20rpx;
+  font-weight: 800;
+  letter-spacing: 2rpx;
+  color: #6a826f;
+  text-transform: uppercase;
+}
 .control-row--triple .control-chip {
   font-size: 23rpx;
 }
@@ -1624,6 +1687,10 @@
   color: #f7fbf2;
 }
 
+.control-chip--disabled {
+  opacity: 0.48;
+}
+