iter(g343): 校验红环改为聚焦时亮

packages/skin/ui/ui.css

@@ -1866,7 +1866,7 @@ button.ua-step-dot:hover {
 .ua-form-error:empty {
   display: none;
 }
-/* 校验失败：控件描红 + 危险色光环（root 与包裹式控件的内部触发器一并覆盖） */
+/* 校验失败：控件描红常驻（root 与包裹式控件的内部触发器一并覆盖） */
 .ua-invalid,
 .ua-invalid .ua-input,
 .ua-invalid .ua-textarea,
@@ -1874,6 +1874,14 @@ button.ua-step-dot:hover {
 .ua-invalid .ua-radio,
 .ua-invalid .ua-slider-input {
   border-color: var(--ua-color-danger) !important;
+}
+/* 危险色光环只在聚焦时亮：常驻 3px 红环会让长表单看着像整页报错，也会和相邻字段的环叠在一起 */
+.ua-invalid:focus-visible,
+.ua-invalid .ua-input:focus-visible,
+.ua-invalid .ua-textarea:focus-visible,
+.ua-invalid .ua-select-trigger:focus-visible,
+.ua-invalid .ua-radio:focus-visible,
+.ua-invalid .ua-slider-input:focus-visible {
   box-shadow: var(--ua-focus-ring-danger) !important;
 }
 .ua-form-actions {