@give-tech/ec-player-vue 0.0.1-beta.61 → 0.0.1-beta.62.1

package/dist/composables/useControls.d.ts

@@ -1,7 +1,7 @@
 /**
  * 播放器控制条逻辑
  */
-import { type Ref } from 'vue';
+import { type Ref } from "vue";
 /**
  * 控制条逻辑参数
  */
@@ -39,14 +39,22 @@ export interface UseControlsReturn {
     playProgress: Ref<number>;
     /** 缓冲进度百分比 */
     bufferProgress: Ref<number>;
+    /** 是否正在拖动进度条 */
+    isDragging: Ref<boolean>;
+    /** 拖动中的进度百分比 */
+    dragProgress: Ref<number>;
+    /** 显示时间（拖动时显示拖动时间，否则显示当前时间） */
+    displayTime: Ref<number>;
     /** 显示控制条 */
     showControlsBar: () => void;
     /** 隐藏控制条 */
     hideControlsBar: () => void;
-    /** 处理进度条点击 */
-    handleProgressClick: (event: MouseEvent) => Promise<void>;
+    /** 处理进度条鼠标按下（开始拖动） */
+    handleProgressMouseDown: (event: MouseEvent) => void;
     /** 处理进度条悬停 */
     handleProgressHover: (event: MouseEvent) => void;
+    /** 处理进度条鼠标离开 */
+    handleProgressMouseLeave: () => void;
     /** 格式化时间 */
     formatTime: (ms: number) => string;
 }

package/dist/composables/useControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useControls.d.ts","sourceRoot":"","sources":["../../src/composables/useControls.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE7C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,aAAa;IACb,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACvB,YAAY;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,eAAe;IACf,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,cAAc;IACd,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,eAAe;IACf,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,eAAe;IACf,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,WAAW;IACX,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,aAAa;IACb,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACpB,WAAW;IACX,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,cAAc;IACd,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC1B,mBAAmB;IACnB,SAAS,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC7B,mBAAmB;IACnB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,cAAc;IACd,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,cAAc;IACd,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,YAAY;IACZ,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY;IACZ,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,cAAc;IACd,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACzD,cAAc;IACd,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,YAAY;IACZ,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CACnC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,iBAAiB,CAqGxE"}
+{"version":3,"file":"useControls.d.ts","sourceRoot":"","sources":["../../src/composables/useControls.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAiC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE7D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,aAAa;IACb,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACvB,YAAY;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,eAAe;IACf,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,cAAc;IACd,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACrB,eAAe;IACf,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,eAAe;IACf,mBAAmB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,WAAW;IACX,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,aAAa;IACb,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACpB,WAAW;IACX,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,cAAc;IACd,YAAY,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC1B,mBAAmB;IACnB,SAAS,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC7B,mBAAmB;IACnB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,cAAc;IACd,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,cAAc;IACd,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,gBAAgB;IAChB,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACxB,gBAAgB;IAChB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,+BAA+B;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,YAAY;IACZ,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY;IACZ,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,sBAAsB;IACtB,uBAAuB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACpD,cAAc;IACd,mBAAmB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,gBAAgB;IAChB,wBAAwB,EAAE,MAAM,IAAI,CAAA;IACpC,YAAY;IACZ,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CACnC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,iBAAiB,GAAG,iBAAiB,CAmJxE"}

package/dist/ec-player-vue.css

@@ -1,21 +1,21 @@
 
-.gt-player-container[data-v-f1b9acea] {
+.gt-player-container[data-v-0812a7e6] {
   width: 100%;
   height: 100%;
 }
-.gt-video-wrapper[data-v-f1b9acea] {
+.gt-video-wrapper[data-v-0812a7e6] {
   position: relative;
   width: 100%;
   height: 100%;
   background: #000;
   overflow: hidden;
 }
-.gt-player-canvas[data-v-f1b9acea] {
+.gt-player-canvas[data-v-0812a7e6] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.gt-placeholder[data-v-f1b9acea] {
+.gt-placeholder[data-v-0812a7e6] {
   position: absolute;
   top: 0;
   left: 0;
@@ -28,7 +28,7 @@
 }
 
 /* 加载中动画 */
-.gt-loading-spinner[data-v-f1b9acea] {
+.gt-loading-spinner[data-v-0812a7e6] {
   position: absolute;
   top: 0;
   left: 0;
@@ -40,13 +40,13 @@
   background: rgba(0, 0, 0, 0.5);
   z-index: 10;
 }
-.gt-loading-content[data-v-f1b9acea] {
+.gt-loading-content[data-v-0812a7e6] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
 }
-.gt-spinner[data-v-f1b9acea] {
+.gt-spinner[data-v-0812a7e6] {
   width: 10%;
   max-width: 48px;
   min-width: 20px;
@@ -54,18 +54,18 @@
   border: 0.3em solid rgba(255, 255, 255, 0.3);
   border-top-color: #fff;
   border-radius: 50%;
-  animation: gt-spin-f1b9acea 1s linear infinite;
+  animation: gt-spin-0812a7e6 1s linear infinite;
 }
-.gt-loading-text[data-v-f1b9acea] {
+.gt-loading-text[data-v-0812a7e6] {
   color: rgba(255, 255, 255, 0.85);
   font-size: 13px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   text-align: center;
   padding: 0 20px;
 }
 
 /* 加载进度条 */
-.gt-loading-progress[data-v-f1b9acea] {
+.gt-loading-progress[data-v-0812a7e6] {
   display: flex;
   align-items: center;
   gap: 12px;
@@ -73,35 +73,35 @@
   width: 100%;
   max-width: 280px;
 }
-.gt-progress-bar-bg[data-v-f1b9acea] {
+.gt-progress-bar-bg[data-v-0812a7e6] {
   flex: 1;
   height: 4px;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 2px;
   overflow: hidden;
 }
-.gt-progress-bar-fill[data-v-f1b9acea] {
+.gt-progress-bar-fill[data-v-0812a7e6] {
   height: 100%;
   background: linear-gradient(90deg, #ff2d55, #ff6b6b);
   border-radius: 2px;
   transition: width 0.2s ease;
 }
-.gt-progress-text[data-v-f1b9acea] {
+.gt-progress-text[data-v-0812a7e6] {
   color: rgba(255, 255, 255, 0.9);
   font-size: 12px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   min-width: 36px;
   text-align: right;
   font-variant-numeric: tabular-nums;
 }
-@keyframes gt-spin-f1b9acea {
+@keyframes gt-spin-0812a7e6 {
 to {
     transform: rotate(360deg);
 }
 }
 
 /* 错误提示 */
-.gt-error-message[data-v-f1b9acea] {
+.gt-error-message[data-v-0812a7e6] {
   position: absolute;
   top: 0;
   left: 0;
@@ -112,9 +112,9 @@ to {
   justify-content: center;
   background: rgba(0, 0, 0, 0.75);
   z-index: 15;
-  animation: gt-error-fade-in-f1b9acea 0.25s ease;
+  animation: gt-error-fade-in-0812a7e6 0.25s ease;
 }
-@keyframes gt-error-fade-in-f1b9acea {
+@keyframes gt-error-fade-in-0812a7e6 {
 from {
     opacity: 0;
 }
@@ -122,7 +122,7 @@ to {
     opacity: 1;
 }
 }
-.gt-error-content[data-v-f1b9acea] {
+.gt-error-content[data-v-0812a7e6] {
   display: flex;
   align-items: flex-start;
   gap: 16px;
@@ -133,10 +133,12 @@ to {
   max-width: 85%;
   min-width: 280px;
   backdrop-filter: blur(12px);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
-  animation: gt-error-slide-in-f1b9acea 0.3s ease;
+  box-shadow:
+    0 8px 32px rgba(0, 0, 0, 0.4),
+    0 0 0 1px rgba(255, 255, 255, 0.05) inset;
+  animation: gt-error-slide-in-0812a7e6 0.3s ease;
 }
-@keyframes gt-error-slide-in-f1b9acea {
+@keyframes gt-error-slide-in-0812a7e6 {
 from {
     opacity: 0;
     transform: translateY(-10px) scale(0.95);
@@ -146,7 +148,7 @@ to {
     transform: translateY(0) scale(1);
 }
 }
-.gt-error-icon-wrapper[data-v-f1b9acea] {
+.gt-error-icon-wrapper[data-v-0812a7e6] {
   flex-shrink: 0;
   width: 40px;
   height: 40px;
@@ -156,28 +158,28 @@ to {
   background: rgba(255, 77, 77, 0.2);
   border-radius: 50%;
 }
-.gt-error-icon[data-v-f1b9acea] {
+.gt-error-icon[data-v-0812a7e6] {
   width: 22px;
   height: 22px;
   color: #ff4d4f;
 }
-.gt-error-body[data-v-f1b9acea] {
+.gt-error-body[data-v-0812a7e6] {
   flex: 1;
   min-width: 0;
 }
-.gt-error-title[data-v-f1b9acea] {
+.gt-error-title[data-v-0812a7e6] {
   color: #ff4d4f;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 6px;
 }
-.gt-error-text[data-v-f1b9acea] {
+.gt-error-text[data-v-0812a7e6] {
   color: rgba(255, 255, 255, 0.85);
   font-size: 13px;
   line-height: 1.5;
   word-break: break-word;
 }
-.gt-error-retry[data-v-f1b9acea] {
+.gt-error-retry[data-v-0812a7e6] {
   flex-shrink: 0;
   width: 32px;
   height: 32px;
@@ -192,17 +194,17 @@ to {
   transition: all 0.2s ease;
   margin-left: 8px;
 }
-.gt-error-retry[data-v-f1b9acea]:hover {
+.gt-error-retry[data-v-0812a7e6]:hover {
   background: rgba(255, 255, 255, 0.25);
   color: white;
 }
-.gt-error-retry svg[data-v-f1b9acea] {
+.gt-error-retry svg[data-v-0812a7e6] {
   width: 20px;
   height: 20px;
 }
 
 /* 视频控制条 */
-.gt-video-controls[data-v-f1b9acea] {
+.gt-video-controls[data-v-0812a7e6] {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -215,13 +217,13 @@ to {
   align-items: center;
   gap: 12px;
 }
-.gt-flex-spacer[data-v-f1b9acea] {
+.gt-flex-spacer[data-v-0812a7e6] {
   flex: 1;
 }
-.gt-video-controls.visible[data-v-f1b9acea] {
+.gt-video-controls.visible[data-v-0812a7e6] {
   opacity: 1;
 }
-.gt-control-btn[data-v-f1b9acea] {
+.gt-control-btn[data-v-0812a7e6] {
   width: 28px;
   height: 28px;
   border: none;
@@ -235,14 +237,14 @@ to {
   transition: all 0.2s ease;
   flex-shrink: 0;
 }
-.gt-control-btn[data-v-f1b9acea]:hover {
+.gt-control-btn[data-v-0812a7e6]:hover {
   background: rgba(255, 255, 255, 0.2);
 }
-.gt-control-btn svg[data-v-f1b9acea] {
+.gt-control-btn svg[data-v-0812a7e6] {
   width: 14px;
   height: 14px;
 }
-.gt-progress-container[data-v-f1b9acea] {
+.gt-progress-container[data-v-0812a7e6] {
   flex: 1;
   position: relative;
   cursor: pointer;
@@ -250,7 +252,7 @@ to {
   display: flex;
   align-items: center;
 }
-.gt-progress-bar[data-v-f1b9acea] {
+.gt-progress-bar[data-v-0812a7e6] {
   width: 100%;
   height: 4px;
   background: rgba(255, 255, 255, 0.2);
@@ -259,10 +261,10 @@ to {
   overflow: hidden;
   transition: height 0.2s ease;
 }
-.gt-progress-container:hover .gt-progress-bar[data-v-f1b9acea] {
+.gt-progress-container:hover .gt-progress-bar[data-v-0812a7e6] {
   height: 6px;
 }
-.gt-progress-buffered[data-v-f1b9acea] {
+.gt-progress-buffered[data-v-0812a7e6] {
   position: absolute;
   top: 0;
   left: 0;
@@ -271,7 +273,7 @@ to {
   border-radius: 2px;
   transition: width 0.1s;
 }
-.gt-progress-played[data-v-f1b9acea] {
+.gt-progress-played[data-v-0812a7e6] {
   position: absolute;
   top: 0;
   left: 0;
@@ -280,7 +282,7 @@ to {
   border-radius: 2px;
   transition: width 0.1s;
 }
-.gt-progress-handle[data-v-f1b9acea] {
+.gt-progress-handle[data-v-0812a7e6] {
   position: absolute;
   right: -6px;
   top: 50%;
@@ -291,13 +293,20 @@ to {
   border-radius: 50%;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
   opacity: 0;
-  transition: opacity 0.2s, transform 0.2s;
+  transition:
+    opacity 0.2s,
+    transform 0.2s;
 }
-.gt-progress-container:hover .gt-progress-handle[data-v-f1b9acea] {
+.gt-progress-container:hover .gt-progress-handle[data-v-0812a7e6],
+.gt-progress-container.is-dragging .gt-progress-handle[data-v-0812a7e6] {
   opacity: 1;
   transform: translateY(-50%) scale(1.2);
 }
-.gt-progress-tooltip[data-v-f1b9acea] {
+.gt-progress-container.is-dragging[data-v-0812a7e6] {
+  cursor: grabbing;
+  user-select: none;
+}
+.gt-progress-tooltip[data-v-0812a7e6] {
   position: absolute;
   bottom: calc(100% + 8px);
   transform: translateX(-50%);
@@ -309,20 +318,20 @@ to {
   white-space: nowrap;
   pointer-events: none;
 }
-.gt-time-display[data-v-f1b9acea] {
+.gt-time-display[data-v-0812a7e6] {
   color: white;
   font-size: 12px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   white-space: nowrap;
   flex-shrink: 0;
 }
-.gt-time-separator[data-v-f1b9acea] {
+.gt-time-separator[data-v-0812a7e6] {
   margin: 0 4px;
   opacity: 0.6;
 }
 
 /* 直播指示器 */
-.gt-live-indicator[data-v-f1b9acea] {
+.gt-live-indicator[data-v-0812a7e6] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -330,18 +339,19 @@ to {
   font-size: 12px;
   font-weight: 500;
 }
-.gt-live-dot[data-v-f1b9acea] {
+.gt-live-dot[data-v-0812a7e6] {
   width: 8px;
   height: 8px;
   background: #ff2d55;
   border-radius: 50%;
-  animation: gt-live-pulse-f1b9acea 1.5s ease-in-out infinite;
+  animation: gt-live-pulse-0812a7e6 1.5s ease-in-out infinite;
 }
-.gt-live-text[data-v-f1b9acea] {
+.gt-live-text[data-v-0812a7e6] {
   color: #ff2d55;
 }
-@keyframes gt-live-pulse-f1b9acea {
-0%, 100% {
+@keyframes gt-live-pulse-0812a7e6 {
+0%,
+  100% {
     opacity: 1;
 }
 50% {
@@ -350,21 +360,21 @@ to {
 }
 
 /* 倍速按钮 */
-.gt-playback-rate-container[data-v-f1b9acea] {
+.gt-playback-rate-container[data-v-0812a7e6] {
   position: relative;
   flex-shrink: 0;
 }
-.gt-playback-rate-btn[data-v-f1b9acea] {
+.gt-playback-rate-btn[data-v-0812a7e6] {
   width: auto !important;
   min-width: 28px;
   padding: 0 8px;
   font-size: 12px;
   font-weight: 500;
 }
-.gt-playback-rate-text[data-v-f1b9acea] {
+.gt-playback-rate-text[data-v-0812a7e6] {
   color: white;
 }
-.gt-playback-rate-menu[data-v-f1b9acea] {
+.gt-playback-rate-menu[data-v-0812a7e6] {
   position: absolute;
   bottom: calc(100% + 8px);
   left: 50%;
@@ -374,15 +384,19 @@ to {
   padding: 4px 0;
   min-width: 60px;
   z-index: 20;
-  animation: gt-rate-menu-fade-in-f1b9acea 0.15s ease;
+  animation: gt-rate-menu-fade-in-0812a7e6 0.15s ease;
 }
-@keyframes gt-rate-menu-fade-in-f1b9acea {
-from { opacity: 0; transform: translateX(-50%) translateY(4px);
+@keyframes gt-rate-menu-fade-in-0812a7e6 {
+from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(4px);
 }
-to { opacity: 1; transform: translateX(-50%) translateY(0);
+to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
 }
 }
-.gt-playback-rate-option[data-v-f1b9acea] {
+.gt-playback-rate-option[data-v-0812a7e6] {
   display: block;
   width: 100%;
   padding: 6px 12px;
@@ -394,17 +408,17 @@ to { opacity: 1; transform: translateX(-50%) translateY(0);
   text-align: center;
   transition: all 0.15s ease;
 }
-.gt-playback-rate-option[data-v-f1b9acea]:hover {
+.gt-playback-rate-option[data-v-0812a7e6]:hover {
   background: rgba(255, 255, 255, 0.1);
   color: white;
 }
-.gt-playback-rate-option.active[data-v-f1b9acea] {
+.gt-playback-rate-option.active[data-v-0812a7e6] {
   color: #ff2d55;
   font-weight: 500;
 }
 
 /* 居中播放按钮 */
-.gt-center-play-btn[data-v-f1b9acea] {
+.gt-center-play-btn[data-v-0812a7e6] {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -419,11 +433,11 @@ to { opacity: 1; transform: translateX(-50%) translateY(0);
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.gt-center-play-btn[data-v-f1b9acea]:hover {
+.gt-center-play-btn[data-v-0812a7e6]:hover {
   background: rgba(0, 0, 0, 0.7);
   transform: translate(-50%, -50%) scale(1.05);
 }
-.gt-center-play-btn svg[data-v-f1b9acea] {
+.gt-center-play-btn svg[data-v-0812a7e6] {
   width: 24px;
   height: 24px;
   color: white;
@@ -431,7 +445,7 @@ to { opacity: 1; transform: translateX(-50%) translateY(0);
 }
 
 /* 环境信息面板 */
-.gt-env-panel[data-v-f1b9acea] {
+.gt-env-panel[data-v-0812a7e6] {
   position: absolute;
   top: 12px;
   left: 12px;
@@ -439,66 +453,73 @@ to { opacity: 1; transform: translateX(-50%) translateY(0);
   border-radius: 6px;
   padding: 8px 10px;
   font-size: 11px;
-  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
+  font-family: "SF Mono", "Monaco", "Consolas", monospace;
   min-width: 160px;
   max-width: 200px;
   max-height: calc(100% - 24px);
   overflow-y: auto;
   backdrop-filter: blur(10px);
-  animation: gt-env-fade-in-f1b9acea 0.15s ease;
+  animation: gt-env-fade-in-0812a7e6 0.15s ease;
   z-index: 15;
 }
-.gt-env-panel[data-v-f1b9acea]::-webkit-scrollbar {
+.gt-env-panel[data-v-0812a7e6]::-webkit-scrollbar {
   width: 4px;
 }
-.gt-env-panel[data-v-f1b9acea]::-webkit-scrollbar-track {
+.gt-env-panel[data-v-0812a7e6]::-webkit-scrollbar-track {
   background: transparent;
 }
-.gt-env-panel[data-v-f1b9acea]::-webkit-scrollbar-thumb {
+.gt-env-panel[data-v-0812a7e6]::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.3);
   border-radius: 2px;
 }
-@keyframes gt-env-fade-in-f1b9acea {
-from { opacity: 0; transform: translateY(-4px);
+@keyframes gt-env-fade-in-0812a7e6 {
+from {
+    opacity: 0;
+    transform: translateY(-4px);
 }
-to { opacity: 1; transform: translateY(0);
+to {
+    opacity: 1;
+    transform: translateY(0);
 }
 }
-.gt-env-panel .gt-env-row[data-v-f1b9acea] {
+.gt-env-panel .gt-env-row[data-v-0812a7e6] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 2px 0;
   color: rgba(255, 255, 255, 0.7);
 }
-.gt-env-panel .gt-env-row span[data-v-f1b9acea]:first-child {
+.gt-env-panel .gt-env-row span[data-v-0812a7e6]:first-child {
   color: rgba(255, 255, 255, 0.5);
   margin-right: 16px;
 }
-.gt-env-panel .gt-env-row span[data-v-f1b9acea]:last-child {
+.gt-env-panel .gt-env-row span[data-v-0812a7e6]:last-child {
   font-variant-numeric: tabular-nums;
 }
-.gt-env-panel .gt-env-row .ok[data-v-f1b9acea] { color: #4caf50;
+.gt-env-panel .gt-env-row .ok[data-v-0812a7e6] {
+  color: #4caf50;
 }
-.gt-env-panel .gt-env-row .warn[data-v-f1b9acea] { color: #ff9800;
+.gt-env-panel .gt-env-row .warn[data-v-0812a7e6] {
+  color: #ff9800;
 }
-.gt-env-panel .gt-env-row .err[data-v-f1b9acea] { color: #f44336;
+.gt-env-panel .gt-env-row .err[data-v-0812a7e6] {
+  color: #f44336;
 }
-.gt-env-divider[data-v-f1b9acea] {
+.gt-env-divider[data-v-0812a7e6] {
   height: 1px;
   background: rgba(255, 255, 255, 0.1);
   margin: 4px 0;
 }
 
 /* 播放中缓冲提示 */
-.gt-buffering-indicator[data-v-f1b9acea] {
+.gt-buffering-indicator[data-v-0812a7e6] {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 10;
 }
-.gt-buffering-content[data-v-f1b9acea] {
+.gt-buffering-content[data-v-0812a7e6] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -508,11 +529,11 @@ to { opacity: 1; transform: translateY(0);
   color: white;
   font-size: 13px;
 }
-.gt-buffering-spinner[data-v-f1b9acea] {
+.gt-buffering-spinner[data-v-0812a7e6] {
   width: 16px;
   height: 16px;
   border: 2px solid rgba(255, 255, 255, 0.3);
   border-top-color: #fff;
   border-radius: 50%;
-  animation: gt-spin-f1b9acea 1s linear infinite;
+  animation: gt-spin-0812a7e6 1s linear infinite;
 }