Refactor styles in ArtPlayer components for improved readability and consistency

- Consolidated loading styles in loading.less for better structure.
- Updated mask styles in mask.less to enhance clarity.
- Refined mini popup styles in mini.less, adding transition effects.
- Improved mixins in mixins.less for consistent styling across components.
- Adjusted mobile styles in mobile.less for better responsiveness.
- Enhanced notice styles in notice.less for improved visibility.
- Streamlined plugin styles in plugins.less for better organization.
- Simplified poster styles in poster.less for clarity.
- Refined progress styles in progress.less, enhancing hover effects.
- Updated selector styles in selector.less for better interaction.
- Improved settings styles in setting.less for better usability.
- Enhanced subtitle styles in subtitle.less for better visibility.
- Updated variable definitions in variables.less for consistency.
- Refined video styles in video.less for improved layout.
- Enhanced volume control styles in volume.less for better user experience.
- Optimized rate limiting logic in build-llm.js and trans-docs.js for better performance.

packages/artplayer/src/style/selector.less

@@ -1,48 +1,48 @@
 .art-control-selector {
-    position: relative;
+  position: relative;
+  display: flex;
+  justify-content: center;
+
+  .art-selector-list {
     display: flex;
-    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    position: absolute;
+    border-radius: var(--art-border-radius);
+    overflow-y: auto;
+    overflow-x: hidden;
+    opacity: 0;
+    transform: translateY(10px);
+    pointer-events: none;
+    bottom: var(--art-control-height);
+    max-height: var(--art-selector-max-height);
+    background-color: var(--art-widget-background);
+    transition: all var(--art-transition-duration) ease;
 
+    .art-selector-item {
+      .art-center();
+      width: 100%;
+      padding: 10px 15px;
+      flex-shrink: 0;
+      line-height: 1;
+
+      &:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+      }
+
+      &:hover,
+      &.art-current {
+        color: var(--art-theme);
+      }
+    }
+  }
+
+  &:hover {
     .art-selector-list {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        text-align: center;
-        position: absolute;
-        border-radius: var(--art-border-radius);
-        overflow-y: auto;
-        overflow-x: hidden;
-        opacity: 0;
-        transform: translateY(10px);
-        pointer-events: none;
-        bottom: var(--art-control-height);
-        max-height: var(--art-selector-max-height);
-        background-color: var(--art-widget-background);
-        transition: all var(--art-transition-duration) ease;
-
-        .art-selector-item {
-            .art-center();
-            width: 100%;
-            padding: 10px 15px;
-            flex-shrink: 0;
-            line-height: 1;
-
-            &:hover {
-                background-color: rgba(255, 255, 255, 0.1);
-            }
-
-            &:hover,
-            &.art-current {
-                color: var(--art-theme);
-            }
-        }
-    }
-
-    &:hover {
-        .art-selector-list {
-            opacity: 1;
-            transform: translateY(0);
-            pointer-events: auto;
-        }
+      opacity: 1;
+      transform: translateY(0);
+      pointer-events: auto;
     }
+  }
 }