Add files via upload

Author: Mr-xn

frontend/css/styles.css

@@ -158,7 +158,7 @@ body {
     font-size: 13px;
     font-weight: 500;
     cursor: pointer;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
     display: inline-flex;
     align-items: center;
     gap: 6px;
@@ -306,7 +306,7 @@ body {
     background: var(--card);
     color: var(--text-muted);
     cursor: pointer;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
     flex-shrink: 0;
     font-size: 15px;
 }
@@ -561,7 +561,7 @@ body {
     height: 18px;
     background: var(--border);
     border-radius: 9px;
-    transition: all 0.2s;
+    transition: background 0.2s;
 }
 
 .toggle-slider::before {
@@ -573,7 +573,7 @@ body {
     top: 2px;
     background: white;
     border-radius: 50%;
-    transition: all 0.2s;
+    transition: transform 0.2s;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
 }
 
@@ -606,7 +606,7 @@ body {
     display: flex;
     align-items: center;
     gap: 4px;
-    transition: all 0.15s;
+    transition: border-color 0.15s, background 0.15s, color 0.15s;
     max-width: 200px;
 }
 
@@ -675,7 +675,7 @@ body {
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s;
     flex-shrink: 0;
 }
 
@@ -803,7 +803,7 @@ body {
     border-radius: 5px;
     font-size: 12px;
     cursor: pointer;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s, color 0.15s;
     user-select: none;
 }
 
@@ -1584,7 +1584,7 @@ body {
     border-radius: 5px;
     cursor: pointer;
     font-size: 12px;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s, color 0.15s, opacity 0.15s;
     color: var(--text);
 }
 
@@ -1834,7 +1834,7 @@ tr:last-child td {
     border-radius: 6px;
     cursor: pointer;
     font-size: 13px;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s, color 0.15s, opacity 0.15s;
     color: var(--text);
 }
 
@@ -1931,7 +1931,7 @@ tr:last-child td {
     z-index: 1000;
     opacity: 0;
     visibility: hidden;
-    transition: all 0.2s;
+    transition: opacity 0.2s, visibility 0.2s;
 }
 
 .modal-overlay.show {
@@ -1946,7 +1946,7 @@ tr:last-child td {
     padding: 28px;
     width: 90%;
     max-width: 480px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
     transform: scale(0.95) translateY(10px);
     transition: transform 0.2s;
 }
@@ -2059,7 +2059,7 @@ tr:last-child td {
     display: flex;
     align-items: center;
     justify-content: center;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s, color 0.15s, opacity 0.15s;
 }
 
 .modal-close-btn:hover {
@@ -2329,7 +2329,7 @@ tr:last-child td {
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
     transform: translateY(80px);
     opacity: 0;
-    transition: all 0.25s;
+    transition: transform 0.25s, opacity 0.25s;
     z-index: 2000;
 }
 
@@ -2400,7 +2400,7 @@ tr:last-child td {
     align-items: center;
     justify-content: center;
     cursor: help;
-    transition: all 0.15s;
+    transition: background 0.15s, border-color 0.15s, color 0.15s, opacity 0.15s;
     flex-shrink: 0;
     margin-left: 3px;
 }
@@ -2518,7 +2518,7 @@ tr:last-child td {
 /* ========== 收藏功能样式 ========== */
     .fav-star-btn {
         position: relative;
-        transition: all 0.3s cubic-bezier(0.32, 0.72, 0, 1);
+        transition: background 0.3s cubic-bezier(0.32, 0.72, 0, 1), border-color 0.3s, color 0.3s, transform 0.3s;
     }
     .fav-star-btn svg {
         transition: fill 0.3s cubic-bezier(0.32, 0.72, 0, 1), stroke 0.3s;
@@ -2778,6 +2778,9 @@ tr:last-child td {
     .fav-item:hover::before {
         opacity: 1;
     }
+    .fav-item-no-anim {
+        animation: none;
+    }
     @keyframes favItemIn {
         from { opacity: 0; transform: translateY(6px); }
         to { opacity: 1; transform: translateY(0); }
@@ -3372,7 +3375,7 @@ tr:last-child td {
         display: flex;
         align-items: center;
         justify-content: center;
-        transition: all 0.15s;
+        transition: background 0.15s, border-color 0.15s, color 0.15s, opacity 0.15s;
     }
     .update-banner-close:hover {
         background: rgba(0,0,0,0.06);
@@ -3414,7 +3417,7 @@ tr:last-child td {
         cursor: pointer;
         color: var(--text-muted);
         font-size: 13px;
-        transition: all 0.2s;
+        transition: background 0.2s, border-color 0.2s, color 0.2s;
         margin-bottom: 4px;
     }
     .iconhash-dropzone:hover,
@@ -3453,3 +3456,14 @@ tr:last-child td {
         display: flex;
         gap: 8px;
     }
+
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation: none !important;
+        transition-duration: 0.01ms !important;
+        transition-delay: 0ms !important;
+        scroll-behavior: auto !important;
+    }
+}