fix: 修复关闭系统动画效果后的动画样式异常

- Windows: 高级系统设置 → 性能 → 关闭“窗口内的动画控件和元素”
- macOS: 辅助功能 → 显示 → 开启“减少动态效果”

Author: hsingyin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.15.84",
+  "version": "2.15.85",
   "private": true,
   "scripts": {
     "dev": "vite --host",

src/assets/styles/reduced-motion-fix.scss

@@ -0,0 +1,40 @@
+/**
+ * 修复 modern-css-reset 在 prefers-reduced-motion 时的问题
+ * 
+ * 问题：modern-css-reset 将动画/过渡时间设置为 0.01ms，这会导致：
+ * 1. Notify 通知极快闪现
+ * 2. 代码编辑器 cmView 滚动不跟手
+ * 详见：https://github.com/sub-store-org/Sub-Store/issues/486
+ * 解决方案：让动画和过渡完全禁用，针对性处理Notify和代码编辑器样式
+ */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0s !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0s !important;
+    scroll-behavior: auto !important;
+  }
+
+  /* 需要保持动画的元素：添加 .keep-motion 类或使用特定前缀 */
+  .keep-motion,
+  .keep-motion *,
+  [class^="Toastify"],
+  [class*=" Toastify"],
+  [class^="nut-toast"],
+  [class^="nut-overlay"] {
+    animation-duration: 0.5s !important;
+    transition-duration: 0.5s !important;
+  }
+
+  // NutUI Toast.loading 动画
+  .nut-toast-loading .nut-toast-icon-wrapper {
+    animation: rotation 1s linear infinite !important;
+  }
+
+  .cmviewRef,
+  .cm-scroller {
+    scroll-behavior: auto !important;
+  }
+}

src/main.ts

@@ -13,6 +13,7 @@ import '@/plugin/touch.js'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 import 'modern-css-reset/dist/reset.min.css';
+import '@/assets/styles/reduced-motion-fix.scss';
 import { createPinia } from 'pinia';
 import 'virtual:svg-icons-register';
 import { createApp } from 'vue';