iter(g139): 提示气泡支持左右方位

packages/skin/ui/ui.css

@@ -1790,7 +1790,6 @@ button.ua-step-dot:hover {
 }
 .ua-tip {
   position: absolute;
-  left: 50%;
   z-index: 30;
   max-width: 220px;
   padding: var(--ua-space-1) var(--ua-space-2);
@@ -1804,16 +1803,35 @@ button.ua-step-dot:hover {
   transition: opacity 0.16s ease-out, transform 0.16s ease-out;
 }
 .ua-tip-top {
+  left: 50%;
   bottom: calc(100% + 6px);
-  transform: translateX(-50%) translateY(3px);
+  transform: translate(-50%, 3px);
 }
 .ua-tip-bottom {
+  left: 50%;
   top: calc(100% + 6px);
-  transform: translateX(-50%) translateY(-3px);
+  transform: translate(-50%, -3px);
+}
+.ua-tip-left {
+  right: calc(100% + 6px);
+  top: 50%;
+  transform: translate(3px, -50%);
+}
+.ua-tip-right {
+  left: calc(100% + 6px);
+  top: 50%;
+  transform: translate(-3px, -50%);
 }
 .ua-tip.ua-open {
   opacity: 1;
-  transform: translateX(-50%) translateY(0);
+}
+.ua-tip-top.ua-open,
+.ua-tip-bottom.ua-open {
+  transform: translate(-50%, 0);
+}
+.ua-tip-left.ua-open,
+.ua-tip-right.ua-open {
+  transform: translate(0, -50%);
 }
 
 /* —— 通用禁用态：置灰 + 禁用光标 —— */