iter(g196): 中性色阶地基补表面文字遮罩中间档令牌

packages/skin/ui/ui.css

@@ -1730,7 +1730,7 @@ button.ua-step-dot:hover {
   position: fixed;
   inset: 0;
   z-index: var(--ua-z-overlay);
-  background: rgba(0, 0, 0, 0.36);
+  background: var(--ua-color-overlay);
   opacity: 0;
   visibility: hidden;
   transition: opacity var(--ua-duration-base) ease, visibility var(--ua-duration-base) var(--ua-ease);
@@ -1829,7 +1829,7 @@ button.ua-step-dot:hover {
   position: fixed;
   inset: 0;
   z-index: var(--ua-z-overlay);
-  background: rgba(0, 0, 0, 0.4);
+  background: var(--ua-color-overlay);
   align-items: center;
   justify-content: center;
 }
@@ -2057,7 +2057,7 @@ button.ua-step-dot:hover {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: rgba(0, 0, 0, 0.6); /* 遮罩透明度叠加，非实体色 */
+  background: var(--ua-color-overlay-strong); /* 强遮罩：聚焦大图 */
   cursor: zoom-out;
   animation: ua-image-in var(--ua-duration-base) ease;
 }
@@ -2113,7 +2113,7 @@ button.ua-step-dot:hover {
   align-items: center;
   padding: var(--ua-space-15) var(--ua-space-25);
   color: var(--ua-color-text-muted);
-  background: color-mix(in srgb, var(--ua-color-text) 5%, transparent);
+  background: var(--ua-color-surface-inset);
   font-size: var(--ua-font-size-md);
   user-select: none;
 }
@@ -2291,7 +2291,7 @@ button.ua-step-dot:hover {
   display: inline-flex;
   border: 1px solid var(--ua-color-border);
   border-radius: 999px;
-  background: color-mix(in srgb, var(--ua-color-text) 4%, transparent);
+  background: var(--ua-color-surface-2);
   overflow: hidden;
 }
 .ua-seg-thumb {
@@ -2420,7 +2420,7 @@ button.ua-step-dot:hover {
 }
 .ua-desc.is-bordered .ua-desc-label {
   padding: var(--ua-space-15) var(--ua-space-25);
-  background: color-mix(in srgb, var(--ua-color-text) 4%, transparent);
+  background: var(--ua-color-surface-2);
   border-right: 1px solid var(--ua-color-border);
   white-space: nowrap;
 }
@@ -3657,7 +3657,7 @@ button.ua-step-dot:hover {
 .ua-tour-spot {
   position: absolute;
   border-radius: var(--ua-radius-md);
-  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.45);
+  box-shadow: 0 0 0 9999px var(--ua-color-overlay);
   transition: all var(--ua-duration-base) ease;
 }
 .ua-tour-card {
@@ -4775,7 +4775,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   padding: 0 var(--ua-space-3);           /* 行高由行内样式按 itemHeight 钉死 */
 }
 .ua-vlist-item + .ua-vlist-item {
-  border-top: 1px solid color-mix(in srgb, var(--ua-color-border) 60%, transparent);
+  border-top: 1px solid var(--ua-border-subtle);
 }
 
 /* —— 命令面板：⌘K 唤起，遮罩 + 居中面板 —— */
@@ -4787,7 +4787,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   align-items: flex-start;
   justify-content: center;
   padding-top: 12vh;
-  background: rgba(0, 0, 0, 0.4);
+  background: var(--ua-color-overlay);
 }
 .ua-cmdk.ua-open {
   display: flex;