iter(g303): 拖拽行改用抬升投影，不再压正文对比

packages/skin/ui/ui.css

@@ -2716,7 +2716,7 @@ button.ua-step-dot:hover {
   color: var(--ua-color-text);
   font-size: var(--ua-font-size-md);
   cursor: grab;
-  transition: background var(--ua-duration-fast) var(--ua-ease), border-color var(--ua-duration-fast) var(--ua-ease);
+  transition: background var(--ua-duration-fast) var(--ua-ease), border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-sortable-item:hover {
   background: var(--ua-color-tint-accent-weak); /* 低视觉比重的悬停底色 */
@@ -2733,13 +2733,18 @@ button.ua-step-dot:hover {
   border-style: dashed;
   border-color: var(--ua-color-accent);
   background: var(--ua-color-tint-accent);
-  opacity: 0.7; /* 拖拽中的虚影：本体留在原地随指针走，稍淡以示「正在被搬」 */
+  box-shadow: var(--ua-shadow-2); /* 用抬升投影表达「被拿起」：整行降不透明度会把正文对比压到 4.86（低于正文 7:1 口径） */
+  cursor: grabbing;
+}
+.ua-sortable-item:hover .ua-sortable-grip {
+  color: var(--ua-color-accent); /* 悬停时把手转强调色：提示「这一行可以抓」 */
 }
 .ua-sortable-grip {
   flex: none;
   color: var(--ua-color-text-faint);
   font-size: var(--ua-font-size-sm);
   line-height: var(--ua-leading-none);
+  transition: color var(--ua-duration-fast) var(--ua-ease);
 }
 
 /* —— 轮播 —— */