update style

packages/artplayer/src/style/bottom.less

@@ -9,17 +9,23 @@
         pointer-events: none;
         gap: var(--art-bottom-gap);
         padding: 0 var(--art-padding);
-        transform: translateY(var(--art-bottom-offset));
-        transition: all var(--art-transition-duration) ease;
+        transition: opacity var(--art-transition-duration) ease;
         background-size: 100% var(--art-bottom-height);
         .art-bottom-gradient();
+
+        .art-controls, .art-progress {
+            transform: translateY(var(--art-bottom-offset));
+            transition: transform var(--art-transition-duration) ease;
+        }
     }
 
     &.art-control-show,
     &.art-hover {
         .art-bottom {
-            transform: translateY(0);
             opacity: 1;
+            .art-controls, .art-progress {
+                transform: translateY(0);
+            }
         }
     }
 }

packages/artplayer/src/style/fullscreen.less

@@ -0,0 +1,4 @@
+.art-fullscreen {
+    --art-control-height: 60px;
+    --art-control-icon-scale: 1.3;
+}

packages/artplayer/src/style/fullscreenWeb.less

@@ -1,3 +1,5 @@
 .art-fullscreen-web {
+    --art-control-height: 60px;
+    --art-control-icon-scale: 1.3;
     .art-full(var(--art-fullscreen-web-index), fixed);
 }

packages/artplayer/src/style/index.less

@@ -20,6 +20,7 @@
 @import './info.less';
 @import './hideCursor.less';
 @import './aspectRatio.less';
+@import './fullscreen.less';
 @import './fullscreenWeb.less';
 @import './mini.less';
 @import './autoSize.less';

packages/artplayer/src/style/mobile.less

@@ -1,4 +1,4 @@
-.art-mobile {
+.art-video-player.art-mobile {
     --art-bottom-gap: 10px;
     --art-control-height: 38px;
     --art-control-icon-scale: 1;