From f3325003b776d1f8b37d3e12afac19b00a2eb78f Mon Sep 17 00:00:00 2001
From: HIsheR <shawn1440982358@163.com>
Date: Mon, 26 Oct 2026 19:03:48 +0800
Subject: [PATCH] =?UTF-8?q?iter(g202):=20=E4=BF=AE=E6=AD=A3=E6=8C=89?=
 =?UTF-8?q?=E4=B8=8B=E6=80=81=E5=8F=AF=E8=A7=81=E6=80=A7=E5=B9=B6=E5=BD=92?=
 =?UTF-8?q?=E5=B9=B6=20accent=20=E6=B7=B7=20bg=20=E5=8F=98=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/skin/ui/ui.css | 124 ++++++++++++++++++++--------------------
 1 file changed, 62 insertions(+), 62 deletions(-)

diff --git a/packages/skin/ui/ui.css b/packages/skin/ui/ui.css
index 7bc5588..3920a5a 100644
--- a/packages/skin/ui/ui.css
+++ b/packages/skin/ui/ui.css
@@ -414,7 +414,7 @@ body.ua-col-resizing {
   opacity: 0;
   transform: translateY(-4px);
   visibility: hidden;
-  transition: opacity var(--ua-duration-fast) ease, transform var(--ua-duration-fast) ease, visibility var(--ua-duration-fast) var(--ua-ease);
+  transition: opacity var(--ua-duration-fast) var(--ua-ease), transform var(--ua-duration-fast) var(--ua-ease), visibility var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-select-pop.is-flip {
   top: auto;                     /* 空间不足翻到触发器上方 */
@@ -477,9 +477,9 @@ body.ua-col-resizing {
 .ua-option:hover {
   background: var(--ua-color-tint-accent-weak);
 }
-/* 按下：底色转中性深一档，与淡底悬停区分 */
+/* 按下：淡底加深一档（weak → 标准）；surface-2 落在弹层 surface 底上对比不足 1.01 不可见 */
 .ua-option:active:not(:disabled) {
-  background: var(--ua-color-surface-2);
+  background: var(--ua-color-tint-accent);
 }
 /* 弹层内的项：下拉面板是滚动容器会裁掉外偏移焦点环，菜单面板虽不裁切，
    但两者的密集列表换成内嵌描边后更整齐；与 cascader 项保持同一口径 */
@@ -531,7 +531,7 @@ body.ua-col-resizing {
   opacity: 0;
   transform: translateY(-4px);
   visibility: hidden;
-  transition: opacity var(--ua-duration-fast) ease, transform var(--ua-duration-fast) ease, visibility var(--ua-duration-fast) var(--ua-ease);
+  transition: opacity var(--ua-duration-fast) var(--ua-ease), transform var(--ua-duration-fast) var(--ua-ease), visibility var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-menu-pop.is-end {
   left: auto;
@@ -576,9 +576,9 @@ body.ua-col-resizing {
 .ua-menu-item:hover:not(:disabled) {
   background: var(--ua-color-tint-accent-weak);
 }
-/* 按下：底色转中性深一档，与淡底悬停区分 */
+/* 按下：淡底加深一档（weak → 标准）；选中项本就是 tint-accent，按下不丢选中语义 */
 .ua-menu-item:active:not(:disabled) {
-  background: var(--ua-color-surface-2);
+  background: var(--ua-color-tint-accent);
 }
 .ua-menu-item.is-danger {
   color: var(--ua-color-danger);
@@ -695,7 +695,7 @@ body.ua-col-resizing {
   box-shadow: var(--ua-shadow-3);
   opacity: 0;
   visibility: hidden;
-  transition: opacity var(--ua-duration-fast) ease, transform var(--ua-duration-fast) ease, visibility var(--ua-duration-fast) var(--ua-ease);
+  transition: opacity var(--ua-duration-fast) var(--ua-ease), transform var(--ua-duration-fast) var(--ua-ease), visibility var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-pop-top {
   bottom: calc(100% + 8px);
@@ -767,7 +767,7 @@ body.ua-col-resizing {
 .ua-acc-caret {
   font-size: var(--ua-font-size-xs);
   color: var(--ua-color-text-muted);
-  transition: transform var(--ua-duration-base) ease;
+  transition: transform var(--ua-duration-base) var(--ua-ease);
 }
 .ua-acc-item.ua-open .ua-acc-caret {
   transform: rotate(90deg);
@@ -776,7 +776,7 @@ body.ua-col-resizing {
 .ua-acc-body {
   display: grid;
   grid-template-rows: 0fr;
-  transition: grid-template-rows var(--ua-duration-slow) ease;
+  transition: grid-template-rows var(--ua-duration-slow) var(--ua-ease);
 }
 .ua-acc-item.ua-open .ua-acc-body {
   grid-template-rows: 1fr;
@@ -851,7 +851,7 @@ body.ua-col-resizing {
 }
 .ua-tag-info {
   border-color: color-mix(in srgb, var(--ua-color-accent) 55%, transparent);
-  background: color-mix(in srgb, var(--ua-color-accent) 10%, var(--ua-color-bg));
+  background: var(--ua-color-tint-accent);
 }
 .ua-tag-close {
   padding: 0;
@@ -889,7 +889,7 @@ body.ua-col-resizing {
 }
 .ua-tag.is-checked {
   border-color: color-mix(in srgb, var(--ua-color-accent) 55%, transparent);
-  background: color-mix(in srgb, var(--ua-color-accent) 10%, var(--ua-color-bg));
+  background: var(--ua-color-tint-accent);
   color: var(--ua-color-text);
 }
 
@@ -1103,7 +1103,7 @@ button.ua-step-dot:hover {
 }
 .ua-step-done .ua-step-dot {
   border-color: color-mix(in srgb, var(--ua-color-accent) 55%, transparent);
-  background: color-mix(in srgb, var(--ua-color-accent) 10%, var(--ua-color-bg));
+  background: var(--ua-color-tint-accent);
   color: var(--ua-color-accent);
 }
 .ua-step-current .ua-step-dot {
@@ -1290,11 +1290,11 @@ button.ua-step-dot:hover {
   gap: var(--ua-space-2);
   width: 100%;
   padding: var(--ua-space-2) var(--ua-space-3);
-  transition: opacity var(--ua-duration-base) ease, transform var(--ua-duration-base) ease;
+  transition: opacity var(--ua-duration-base) var(--ua-ease), transform var(--ua-duration-base) var(--ua-ease);
   border-radius: var(--ua-radius-md);
   border: 1px solid;
   font-size: var(--ua-font-size-md);
-  animation: ua-slide-in var(--ua-duration-slow) ease-out;
+  animation: ua-slide-in var(--ua-duration-slow) var(--ua-ease-out);
 }
 @keyframes ua-slide-in {
   from {
@@ -1417,7 +1417,7 @@ button.ua-step-dot:hover {
   font-size: var(--ua-font-size-md);
   cursor: pointer;
   font-variant-numeric: tabular-nums;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease, transform var(--ua-duration-fast) ease, background var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease), transform var(--ua-duration-fast) var(--ua-ease), background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-page-btn:hover:not(:disabled) {
   border-color: var(--ua-color-accent);
@@ -1512,7 +1512,7 @@ button.ua-step-dot:hover {
   font-size: var(--ua-font-size-md);
   opacity: 0;
   transform: translateX(12px);
-  transition: opacity var(--ua-duration-base) ease-out, transform var(--ua-duration-base) ease-out;
+  transition: opacity var(--ua-duration-base) var(--ua-ease-out), transform var(--ua-duration-base) var(--ua-ease-out);
 }
 .ua-toast.ua-open {
   opacity: 1;
@@ -1537,7 +1537,7 @@ button.ua-step-dot:hover {
 }
 .ua-toast-info {
   border-color: var(--ua-color-accent);
-  background: color-mix(in srgb, var(--ua-color-accent) 8%, var(--ua-color-bg));
+  background: var(--ua-color-tint-accent);
 }
 .ua-toast-success {
   border-color: var(--ua-color-success);
@@ -1669,9 +1669,9 @@ button.ua-step-dot:hover {
   color: var(--ua-color-text);
   background: var(--ua-color-tint-accent-weak);
 }
-/* 按下：底色转中性深一档 */
+/* 按下：淡底加深一档；激活页签本就无底色，按下加深不丢激活语义 */
 .ua-tab:active:not(:disabled) {
-  background: var(--ua-color-surface-2);
+  background: var(--ua-color-tint-accent);
 }
 .ua-tab:focus-visible {
   /* 页签条是 overflow-x:auto 的滚动容器，外偏移焦点环会被裁掉，
@@ -1791,7 +1791,7 @@ button.ua-step-dot:hover {
 .ua-form-error {
   color: var(--ua-color-danger);
   font-size: var(--ua-font-size-sm);
-  animation: ua-slide-in var(--ua-duration-base) ease-out;
+  animation: ua-slide-in var(--ua-duration-base) var(--ua-ease-out);
 }
 .ua-form-error:empty {
   display: none;
@@ -1820,7 +1820,7 @@ button.ua-step-dot:hover {
   background: var(--ua-color-overlay);
   opacity: 0;
   visibility: hidden;
-  transition: opacity var(--ua-duration-base) ease, visibility var(--ua-duration-base) var(--ua-ease);
+  transition: opacity var(--ua-duration-base) var(--ua-ease), visibility var(--ua-duration-base) var(--ua-ease);
 }
 .ua-drawer-overlay.ua-open {
   opacity: 1;
@@ -1836,7 +1836,7 @@ button.ua-step-dot:hover {
   background: var(--ua-color-surface);
   border-left: 1px solid var(--ua-color-border);
   box-shadow: var(--ua-shadow-4);
-  transition: transform var(--ua-duration-slow) ease;
+  transition: transform var(--ua-duration-slow) var(--ua-ease);
 }
 .ua-drawer-right {
   right: 0;
@@ -1922,7 +1922,7 @@ button.ua-step-dot:hover {
 }
 .ua-modal-overlay.ua-open {
   display: flex;
-  animation: ua-fade var(--ua-duration-base) ease-out;
+  animation: ua-fade var(--ua-duration-base) var(--ua-ease-out);
 }
 .ua-modal {
   width: min(420px, 90vw);
@@ -2016,7 +2016,7 @@ button.ua-step-dot:hover {
   line-height: var(--ua-leading-normal);
   pointer-events: none;
   opacity: 0;
-  transition: opacity var(--ua-duration-fast) ease-out, transform var(--ua-duration-fast) ease-out;
+  transition: opacity var(--ua-duration-fast) var(--ua-ease-out), transform var(--ua-duration-fast) var(--ua-ease-out);
 }
 .ua-tip-top {
   left: 50%;
@@ -2129,7 +2129,7 @@ button.ua-step-dot:hover {
   max-width: 100%;
   border-radius: var(--ua-radius-md);
   cursor: zoom-in;
-  transition: transform var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: transform var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-image:hover,
 .ua-image:focus-visible {
@@ -2158,7 +2158,7 @@ button.ua-step-dot:hover {
   justify-content: center;
   background: var(--ua-color-overlay-strong); /* 强遮罩：聚焦大图 */
   cursor: zoom-out;
-  animation: ua-image-in var(--ua-duration-base) ease;
+  animation: ua-image-in var(--ua-duration-base) var(--ua-ease);
 }
 .ua-image-full {
   max-width: 90vw;
@@ -2412,7 +2412,7 @@ button.ua-step-dot:hover {
   border-radius: 999px;
   background: var(--ua-color-bg);
   box-shadow: var(--ua-shadow-1); /* 滑块拇指轻浮起 = 贴地档 */
-  transition: transform var(--ua-duration-base) ease, width var(--ua-duration-base) ease;
+  transition: transform var(--ua-duration-base) var(--ua-ease), width var(--ua-duration-base) var(--ua-ease);
   pointer-events: none;
 }
 .ua-seg-btn {
@@ -2620,7 +2620,7 @@ button.ua-step-dot:hover {
   align-items: center;
   gap: var(--ua-space-2);
   padding: var(--ua-space-2) var(--ua-space-3);
-  transition: background var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-list-item + .ua-list-item {
   border-top: 1px solid var(--ua-border-subtle);
@@ -2675,7 +2675,7 @@ button.ua-step-dot:hover {
 .ua-carousel-track {
   display: flex;
   height: 100%;
-  transition: transform var(--ua-duration-slower) ease;
+  transition: transform var(--ua-duration-slower) var(--ua-ease);
 }
 .ua-carousel-slide {
   flex: 0 0 100%;
@@ -2695,7 +2695,7 @@ button.ua-step-dot:hover {
   line-height: var(--ua-leading-none);
   cursor: pointer;
   opacity: 0;
-  transition: opacity var(--ua-duration-fast) ease;
+  transition: opacity var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-carousel-prev { left: var(--ua-space-2); }
 .ua-carousel-next { right: var(--ua-space-2); }
@@ -2719,7 +2719,7 @@ button.ua-step-dot:hover {
   border-radius: 50%;
   background: var(--ua-color-border);
   cursor: pointer;
-  transition: width var(--ua-duration-base) ease, background var(--ua-duration-base) ease;
+  transition: width var(--ua-duration-base) var(--ua-ease), background var(--ua-duration-base) var(--ua-ease);
 }
 .ua-carousel-dot-active {
   width: 16px;
@@ -2747,7 +2747,7 @@ button.ua-step-dot:hover {
   color: var(--ua-color-text);
   cursor: pointer;
   outline: none;
-  transition: background var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-tree-row:hover {
   background: var(--ua-color-tint-accent-weak);
@@ -2764,7 +2764,7 @@ button.ua-step-dot:hover {
   justify-content: center;
   width: 14px;
   color: var(--ua-color-text-muted);
-  transition: transform var(--ua-duration-fast) ease;
+  transition: transform var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-tree-caret-open {
   transform: rotate(90deg);
@@ -2829,7 +2829,7 @@ button.ua-step-dot:hover {
   color: var(--ua-color-text-muted);
   cursor: pointer;
   outline: none;
-  transition: border-color var(--ua-duration-fast) ease, background var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-upload-zone:hover,
 .ua-upload-over {
@@ -2926,7 +2926,7 @@ button.ua-step-dot:hover {
   pointer-events: auto;
   opacity: 0;
   transform: translateY(8px);
-  transition: opacity var(--ua-duration-base) ease, transform var(--ua-duration-base) ease;
+  transition: opacity var(--ua-duration-base) var(--ua-ease), transform var(--ua-duration-base) var(--ua-ease);
 }
 .ua-notice-open {
   opacity: 1;
@@ -3063,7 +3063,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   outline: none;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-transfer-search:focus {
   border-color: var(--ua-color-accent);
@@ -3083,7 +3083,7 @@ button.ua-step-dot:hover {
   border-radius: var(--ua-radius-sm);
   font-size: var(--ua-font-size-sm);
   color: var(--ua-color-text);
-  transition: background var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-transfer-item:hover {
   background: var(--ua-color-tint-accent-weak);
@@ -3151,7 +3151,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-cascader-trigger:hover {
   border-color: var(--ua-color-accent);
@@ -3170,7 +3170,7 @@ button.ua-step-dot:hover {
 .ua-cascader-caret {
   font-size: var(--ua-font-size-xs);
   color: var(--ua-color-text-muted);
-  transition: transform var(--ua-duration-fast) ease;
+  transition: transform var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-cascader.ua-open .ua-cascader-caret {
   transform: rotate(180deg);
@@ -3226,7 +3226,7 @@ button.ua-step-dot:hover {
   border-radius: var(--ua-radius-sm);
   text-align: left;
   cursor: pointer;
-  transition: background var(--ua-duration-fast) ease, color var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease), color var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-cascader-opt:hover:not(:disabled),
 .ua-cascader-opt.is-active {
@@ -3282,7 +3282,7 @@ button.ua-step-dot:hover {
   flex: 0 0 6px;
   background: var(--ua-color-border);
   cursor: col-resize;
-  transition: background var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease);
   touch-action: none;
 }
 .ua-splitter-vertical > .ua-splitter-bar {
@@ -3323,7 +3323,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   outline: none;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-autocomplete-input:focus {
   border-color: var(--ua-color-accent);
@@ -3371,7 +3371,7 @@ button.ua-step-dot:hover {
   font-size: var(--ua-font-size-sm);
   color: var(--ua-color-text);
   cursor: pointer;
-  transition: background var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-autocomplete-opt.is-active,
 .ua-autocomplete-opt:hover {
@@ -3414,7 +3414,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-datepicker-trigger:hover {
   border-color: var(--ua-color-accent);
@@ -3477,7 +3477,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: border-color var(--ua-duration-fast) ease, color var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), color var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-datepicker-nav:hover {
   color: var(--ua-color-accent);
@@ -3507,7 +3507,7 @@ button.ua-step-dot:hover {
   border: none;
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: background var(--ua-duration-fast) ease, color var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease), color var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-datepicker-day:hover:not(:disabled) {
   background: var(--ua-color-tint-accent);
@@ -3594,7 +3594,7 @@ button.ua-step-dot:hover {
   opacity: 0;
   transform: translateY(8px) scale(0.9);
   pointer-events: none;
-  transition: opacity var(--ua-duration-base) ease, transform var(--ua-duration-base) ease;
+  transition: opacity var(--ua-duration-base) var(--ua-ease), transform var(--ua-duration-base) var(--ua-ease);
   box-shadow: var(--ua-shadow-accent-strong); /* 悬浮强调件主题色投影 */
 }
 .ua-backtop.is-visible {
@@ -3643,7 +3643,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-colorpicker-trigger:hover {
   border-color: var(--ua-color-accent);
@@ -3710,7 +3710,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: transform var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: transform var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-colorpicker-cell:hover {
   transform: translateY(-1px);
@@ -3770,7 +3770,7 @@ button.ua-step-dot:hover {
   position: absolute;
   border-radius: var(--ua-radius-md);
   box-shadow: 0 0 0 9999px var(--ua-color-overlay);
-  transition: all var(--ua-duration-base) ease;
+  transition: all var(--ua-duration-base) var(--ua-ease);
 }
 .ua-tour-card {
   position: absolute;
@@ -3886,7 +3886,7 @@ button.ua-step-dot:hover {
   border: 1px solid var(--ua-color-border);
   border-radius: var(--ua-radius-sm);
   cursor: text;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-multiselect.ua-open .ua-multiselect-box {
   border-color: var(--ua-color-accent);
@@ -3988,7 +3988,7 @@ button.ua-step-dot:hover {
   color: var(--ua-color-text);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: background var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-multiselect-opt.is-active,
 .ua-multiselect-opt:hover {
@@ -4390,7 +4390,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   padding: 0 var(--ua-space-05);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: color var(--ua-duration-fast) ease, background var(--ua-duration-fast) ease;
+  transition: color var(--ua-duration-fast) var(--ua-ease), background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-type-copy:hover {
   color: var(--ua-color-accent);
@@ -4466,7 +4466,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   font-size: var(--ua-font-size-md);
   cursor: pointer;
   box-shadow: var(--ua-shadow-3); /* 悬浮按钮 = 浮层档 */
-  transition: transform var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease, color var(--ua-duration-fast) ease, border-color var(--ua-duration-fast) ease;
+  transition: transform var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease), color var(--ua-duration-fast) var(--ua-ease), border-color var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-fab.has-label {
   padding: 0 var(--ua-space-3);
@@ -4537,7 +4537,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   font-size: var(--ua-font-size-md);
   line-height: var(--ua-leading-normal);
   resize: vertical;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-mentions-input:focus {
   outline: none;
@@ -4561,7 +4561,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
 }
 .ua-mentions.is-open .ua-mentions-pop {
   display: block;
-  animation: ua-mentions-in var(--ua-duration-fast) ease;
+  animation: ua-mentions-in var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-mentions-item {
   display: flex;
@@ -4570,7 +4570,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   padding: var(--ua-space-2) var(--ua-space-2);
   border-radius: var(--ua-radius-sm);
   cursor: pointer;
-  transition: background var(--ua-duration-fast) ease;
+  transition: background var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-mentions-item.is-active {
   background: var(--ua-color-tint-accent); /* 选中态低视觉比重 */
@@ -4617,7 +4617,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   font-size: var(--ua-font-size-md);
   text-align: left;
   cursor: pointer;
-  transition: border-color var(--ua-duration-fast) ease, box-shadow var(--ua-duration-fast) ease;
+  transition: border-color var(--ua-duration-fast) var(--ua-ease), box-shadow var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-treeselect-trigger:hover {
   border-color: color-mix(in srgb, var(--ua-color-accent) 55%, var(--ua-color-border));
@@ -4638,7 +4638,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
 .ua-treeselect-arrow {
   color: var(--ua-color-text-muted);
   font-size: var(--ua-font-size-xs);
-  transition: transform var(--ua-duration-fast) ease;
+  transition: transform var(--ua-duration-fast) var(--ua-ease);
 }
 .ua-treeselect.is-open .ua-treeselect-arrow {
   transform: rotate(180deg);
@@ -4660,7 +4660,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
 }
 .ua-treeselect.is-open .ua-treeselect-pop {
   display: block;
-  animation: ua-treeselect-in var(--ua-duration-fast) ease;
+  animation: ua-treeselect-in var(--ua-duration-fast) var(--ua-ease);
 }
 @keyframes ua-treeselect-in {
   from { opacity: 0; transform: translateY(-4px); }
@@ -4685,7 +4685,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
   text-decoration: none;
   text-underline-offset: 2px;
   text-decoration-thickness: 1px;
-  transition: color var(--ua-duration-fast) ease, text-decoration-color var(--ua-duration-fast) ease;
+  transition: color var(--ua-duration-fast) var(--ua-ease), text-decoration-color var(--ua-duration-fast) var(--ua-ease);
   cursor: pointer;
 }
 .ua-link:hover {
@@ -4846,7 +4846,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
 .ua-progress-ring-arc {
   stroke: var(--ua-color-accent);
   stroke-linecap: round;
-  transition: stroke-dashoffset var(--ua-duration-slower) ease;
+  transition: stroke-dashoffset var(--ua-duration-slower) var(--ua-ease);
 }
 .ua-progress-ring.is-success .ua-progress-ring-arc { stroke: var(--ua-color-success); }
 .ua-progress-ring.is-warning .ua-progress-ring-arc { stroke: var(--ua-color-warning); }