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-plugin-chapter/src/style.less

@@ -1,72 +1,74 @@
 .artplayer-plugin-chapter {
-    .art-control-progress-inner {
-        height: 100% !important;
-        background-color: transparent !important;
+  .art-control-progress-inner {
+    height: 100% !important;
+    background-color: transparent !important;
 
-        &>.art-progress-hover,
-        &>.art-progress-loaded,
-        &>.art-progress-played {
-            display: none !important;
-        }
+    & > .art-progress-hover,
+    & > .art-progress-loaded,
+    & > .art-progress-played {
+      display: none !important;
     }
+  }
 
-    .art-control-thumbnails {
-        bottom: calc(var(--art-bottom-gap) + 64px) !important;
-    }
+  .art-control-thumbnails {
+    bottom: calc(var(--art-bottom-gap) + 64px) !important;
+  }
 
-    .art-chapters {
-        position: absolute;
-        z-index: 0;
-        inset: 0;
-        display: flex;
-        align-items: center;
-        gap: 4px;
+  .art-chapters {
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    height: 100%;
+    transform: scaleY(1.25);
+
+    .art-chapter {
+      display: flex;
+      align-items: center;
+      height: 100%;
+
+      .art-chapter-inner {
+        position: relative;
+        cursor: pointer;
+        width: 100%;
+        height: 50%;
+        border-radius: 10px;
+        overflow: hidden;
+        transition: height var(--art-transition-duration) ease;
+        background-color: var(--art-progress-color);
+      }
+
+      &:hover .art-chapter-inner {
         height: 100%;
-        transform: scaleY(1.25);
-
-        .art-chapter {
-            display: flex;
-            align-items: center;
-            height: 100%;
-
-            .art-chapter-inner {
-                position: relative;
-                cursor: pointer;
-                width: 100%;
-                height: 50%;
-                border-radius: 10px;
-                overflow: hidden;
-                transition: height var(--art-transition-duration) ease;
-                background-color: var(--art-progress-color);
-            }
-
-            &:hover .art-chapter-inner {
-                height: 100%;
-            }
-        }
+      }
     }
+  }
 
+  .art-chapter-title {
+    transform-origin: bottom center;
+    transform: scale(0.5);
+    opacity: 0;
+    position: absolute;
+    z-index: 70;
+    top: -50px;
+    left: 0;
+    padding: 3px 5px;
+    line-height: 1;
+    font-size: 14px;
+    border-radius: var(--art-border-radius);
+    white-space: nowrap;
+    background-color: var(--art-tip-background);
+    transition:
+      transform var(--art-transition-duration) ease,
+      opacity var(--art-transition-duration) ease;
+  }
+
+  &.art-progress-hover {
     .art-chapter-title {
-        transform-origin: bottom center;
-        transform: scale(0.5);
-        opacity: 0;
-        position: absolute;
-        z-index: 70;
-        top: -50px;
-        left: 0;
-        padding: 3px 5px;
-        line-height: 1;
-        font-size: 14px;
-        border-radius: var(--art-border-radius);
-        white-space: nowrap;
-        background-color: var(--art-tip-background);
-        transition: transform var(--art-transition-duration) ease, opacity var(--art-transition-duration) ease;
+      transform: scale(1);
+      opacity: 1;
     }
-
-    &.art-progress-hover {
-        .art-chapter-title {
-            transform: scale(1);
-            opacity: 1;
-        }
-    }
-}
+  }
+}