From 987795503b8cafd361a31398359c1df7de0a4a8c Mon Sep 17 00:00:00 2001
From: "Aruelius.L" <25380989+Aruelius@users.noreply.github.com>
Date: Sun, 5 Oct 2025 18:04:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=BF=9B=E5=BA=A6=E6=9D=A1=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20`padding-top`=20=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E9=98=B2=E6=AD=A2=E7=82=B9=E5=87=BB=E8=BF=9B=E5=BA=A6=E6=9D=A1?=
 =?UTF-8?q?=E8=AF=AF=E8=A7=A6=E6=9A=82=E5=81=9C=20(#1004)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/assets/ts/artplayer.d.ts               | 1 +
 packages/artplayer/src/style/progress.less  | 1 +
 packages/artplayer/src/style/variables.less | 1 +
 packages/artplayer/types/cssVar.d.ts        | 1 +
 4 files changed, 4 insertions(+)

diff --git a/docs/assets/ts/artplayer.d.ts b/docs/assets/ts/artplayer.d.ts
index 76f2ce0ff..a181ef13e 100644
--- a/docs/assets/ts/artplayer.d.ts
+++ b/docs/assets/ts/artplayer.d.ts
@@ -874,6 +874,7 @@ export interface CssVar {
   '--art-border-radius': string
   '--art-progress-height': string
   '--art-progress-color': string
+  '--art-progress-top-gap': string
   '--art-hover-color': string
   '--art-loaded-color': string
   '--art-state-size': string
diff --git a/packages/artplayer/src/style/progress.less b/packages/artplayer/src/style/progress.less
index de399a87a..9c5b58857 100644
--- a/packages/artplayer/src/style/progress.less
+++ b/packages/artplayer/src/style/progress.less
@@ -3,6 +3,7 @@
         position: relative;
         z-index: 0;
         pointer-events: auto;
+        padding-top: var(--art-progress-top-gap);
         padding-bottom: var(--art-bottom-gap);
 
         .art-control-progress {
diff --git a/packages/artplayer/src/style/variables.less b/packages/artplayer/src/style/variables.less
index c0b70014e..74ccf20f2 100644
--- a/packages/artplayer/src/style/variables.less
+++ b/packages/artplayer/src/style/variables.less
@@ -8,6 +8,7 @@
     --art-border-radius: 3px;
     --art-progress-height: 6px;
     --art-progress-color: rgba(255, 255, 255, 0.25);
+    --art-progress-top-gap: 8px;
     --art-hover-color: rgba(255, 255, 255, 0.25);
     --art-loaded-color: rgba(255, 255, 255, 0.25);
     --art-state-size: 80px;
diff --git a/packages/artplayer/types/cssVar.d.ts b/packages/artplayer/types/cssVar.d.ts
index 47d8c8a88..e9384c07f 100644
--- a/packages/artplayer/types/cssVar.d.ts
+++ b/packages/artplayer/types/cssVar.d.ts
@@ -8,6 +8,7 @@ export interface CssVar {
   '--art-border-radius': string
   '--art-progress-height': string
   '--art-progress-color': string
+  '--art-progress-top-gap': string
   '--art-hover-color': string
   '--art-loaded-color': string
   '--art-state-size': string