iter(g185): 分割线统一改走细分边框令牌

packages/skin/ui/ui.css

@@ -102,7 +102,7 @@
   gap: var(--ua-space-1);
   margin-top: var(--ua-space-3);
   padding-top: var(--ua-space-2);
-  border-top: 1px solid var(--ua-color-border);
+  border-top: 1px solid var(--ua-border-subtle);
 }
 .ua-card-borderless {
   border: none;
@@ -121,7 +121,7 @@
 .ua-table th,
 .ua-table td {
   padding: var(--ua-space-table-cell);
-  border-bottom: 1px solid var(--ua-color-border);
+  border-bottom: 1px solid var(--ua-border-subtle);
   text-align: left;
   font-size: var(--ua-font-size-md);
   white-space: nowrap;
@@ -134,7 +134,7 @@
   background: var(--ua-color-surface);
   font-weight: var(--ua-weight-medium);
   color: var(--ua-color-text-muted);
-  box-shadow: inset 0 -1px 0 var(--ua-color-border);
+  box-shadow: inset 0 -1px 0 var(--ua-border-subtle);
 }
 .ua-table th.ua-sortable {
   cursor: pointer;
@@ -439,7 +439,7 @@ body.ua-col-resizing {
 }
 .ua-option-group:not(:first-child) {
   margin-top: var(--ua-space-1);
-  border-top: 1px solid var(--ua-color-border);
+  border-top: 1px solid var(--ua-border-subtle);
   padding-top: var(--ua-space-2);
 }
 .ua-option {
@@ -563,7 +563,7 @@ body.ua-col-resizing {
 .ua-menu-divider {
   height: 1px;
   margin: var(--ua-space-1) var(--ua-space-05);
-  background: var(--ua-color-border);
+  background: var(--ua-border-subtle);
 }
 
 /* —— 面包屑 —— */
@@ -666,7 +666,7 @@ body.ua-col-resizing {
   background: var(--ua-color-bg);
 }
 .ua-acc-item + .ua-acc-item {
-  border-top: 1px solid var(--ua-color-border);
+  border-top: 1px solid var(--ua-border-subtle);
 }
 .ua-acc-head {
   display: flex;
@@ -976,7 +976,7 @@ body.ua-col-resizing {
   top: 30px;
   bottom: 2px;
   width: 1px;
-  background: var(--ua-color-border);
+  background: var(--ua-border-subtle);
 }
 .ua-stepper.is-vertical .ua-step:last-child::after {
   display: none; /* 末步没有下一段可连 */
@@ -999,7 +999,7 @@ body.ua-col-resizing {
   height: 1px;
   margin-top: 13px;
   margin-right: var(--ua-space-2);
-  background: var(--ua-color-border);
+  background: var(--ua-border-subtle);
   flex-shrink: 0;
 }
 .ua-step-dot {
@@ -1140,12 +1140,12 @@ button.ua-step-dot:hover {
   content: '';
   flex: 1;
   height: 1px;
-  background: var(--ua-color-border);
+  background: var(--ua-border-subtle);
 }
 .ua-divider-dashed::before,
 .ua-divider-dashed::after {
   background: none;
-  border-top: 1px dashed var(--ua-color-border);
+  border-top: 1px dashed var(--ua-border-subtle);
 }
 .ua-divider-label {
   font-size: var(--ua-font-size-sm);
@@ -1165,7 +1165,7 @@ button.ua-step-dot:hover {
 }
 .ua-divider-vertical.ua-divider-dashed {
   background: none;
-  border-left: 1px dashed var(--ua-color-border); /* 垂直虚线走边框 */
+  border-left: 1px dashed var(--ua-border-subtle); /* 垂直虚线走边框 */
 }
 
 /* —— 徽标 —— */
@@ -1573,7 +1573,7 @@ button.ua-step-dot:hover {
   gap: var(--ua-space-1);
   max-width: 100%;
   overflow-x: auto;
-  border-bottom: 1px solid var(--ua-color-border);
+  border-bottom: 1px solid var(--ua-border-subtle);
 }
 .ua-tab {
   padding: 7px var(--ua-space-35);
@@ -1820,7 +1820,7 @@ button.ua-step-dot:hover {
   justify-content: flex-end;
   gap: var(--ua-space-2);
   padding: var(--ua-space-3) var(--ua-space-4);
-  border-top: 1px solid var(--ua-color-border);
+  border-top: 1px solid var(--ua-border-subtle);
 }
 
 /* —— 弹窗 —— */
@@ -1862,7 +1862,7 @@ button.ua-step-dot:hover {
   justify-content: flex-end;
   gap: var(--ua-space-2);
   padding: var(--ua-space-3) var(--ua-space-4);
-  border-top: 1px solid var(--ua-color-border);
+  border-top: 1px solid var(--ua-border-subtle);
 }
 @keyframes ua-fade {
   from {
@@ -1880,7 +1880,7 @@ button.ua-step-dot:hover {
   align-items: center;
   justify-content: space-between;
   padding: var(--ua-space-3) var(--ua-space-4);
-  border-bottom: 1px solid var(--ua-color-border);
+  border-bottom: 1px solid var(--ua-border-subtle);
 }
 .ua-modal-title {
   margin: 0;
@@ -2157,7 +2157,7 @@ button.ua-step-dot:hover {
   top: 6px;
   bottom: 0;
   width: 1px;
-  background: var(--ua-color-border);
+  background: var(--ua-border-subtle);
 }
 .ua-tl-right::before {
   left: auto;
@@ -2496,10 +2496,10 @@ button.ua-step-dot:hover {
 .ua-list-header {
   font-weight: var(--ua-weight-semibold);
   color: var(--ua-color-text);
-  border-bottom: 1px solid var(--ua-color-border);
+  border-bottom: 1px solid var(--ua-border-subtle);
 }
 .ua-list-footer {
-  border-top: 1px solid var(--ua-color-border);
+  border-top: 1px solid var(--ua-border-subtle);
 }
 .ua-list-body {
   display: flex;
@@ -2513,7 +2513,7 @@ button.ua-step-dot:hover {
   transition: background var(--ua-duration-fast) ease;
 }
 .ua-list-item + .ua-list-item {
-  border-top: 1px solid var(--ua-color-border);
+  border-top: 1px solid var(--ua-border-subtle);
 }
 .ua-list-clickable {
   cursor: pointer;