@leeguoo/pwtk-network-debugger 1.2.49-beta.0 → 1.2.49-beta.2

package/dist/index.esm.js

@@ -7415,26 +7415,30 @@ const styles = `
   position: fixed;
   z-index: 999999;
   
-  /* iOS 26 Liquid Glass 核心效果 */
-  backdrop-filter: blur(20px) saturate(180%);
-  -webkit-backdrop-filter: blur(20px) saturate(180%);
+  /* 强制 GPU 加速和 3D 变换 */
+  transform: translate3d(0, 0, 0);
+  will-change: transform, backdrop-filter;
+  
+  /* iOS 26 Liquid Glass 核心效果 - 增强版 */
+  backdrop-filter: blur(25px) saturate(200%) brightness(1.05) !important;
+  -webkit-backdrop-filter: blur(25px) saturate(200%) brightness(1.05) !important;
   
   /* iOS 浅色毛玻璃背景 */
-  background: rgba(245, 245, 247, 0.75);
+  background: rgba(245, 245, 247, 0.8);
   background-image: linear-gradient(
     135deg,
-    rgba(255, 255, 255, 0.4) 0%,
-    rgba(255, 255, 255, 0.2) 100%
+    rgba(255, 255, 255, 0.5) 0%,
+    rgba(255, 255, 255, 0.25) 100%
   );
   
   /* 玻璃边框 */
-  border: 1px solid var(--liquid-glass-border);
+  border: 1px solid rgba(255, 255, 255, 0.25);
   
   /* 多层阴影创建深度 */
   box-shadow: 
-    0 8px 32px var(--liquid-glass-shadow),
-    inset 0 2px 4px var(--liquid-glass-highlight),
-    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
+    0 10px 40px rgba(31, 38, 135, 0.4),
+    inset 0 2px 4px rgba(255, 255, 255, 0.3),
+    inset 0 -2px 4px rgba(0, 0, 0, 0.12);
     
   border-radius: 20px;
   color: #ffffff;
@@ -7445,8 +7449,6 @@ const styles = `
   max-height: 80vh;
   
   /* 性能优化 */
-  will-change: transform;
-  transform: translateZ(0);
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
@@ -7489,35 +7491,40 @@ const styles = `
   border-radius: 24px !important;
   overflow: hidden;
   
-  /* 真正的 iOS Liquid Glass 效果 */
+  /* 强制 GPU 加速和 3D 变换 */
+  transform: translate3d(0, 0, 0) !important;
+  will-change: transform, backdrop-filter !important;
+  
+  /* 真正的 iOS Liquid Glass 效果 - 加强版 */
   background: 
     /* 顶部高光 */
     linear-gradient(180deg, 
-      rgba(255, 255, 255, 0.4) 0%, 
-      rgba(255, 255, 255, 0) 35%),
+      rgba(255, 255, 255, 0.5) 0%, 
+      rgba(255, 255, 255, 0.1) 35%),
     /* 主玻璃层 */
     radial-gradient(ellipse at top, 
-      rgba(255, 255, 255, 0.25), 
-      rgba(255, 255, 255, 0.08)),
+      rgba(255, 255, 255, 0.35), 
+      rgba(255, 255, 255, 0.12)),
     /* iOS 浅色基底 */
-    rgba(245, 245, 247, 0.8);
+    rgba(245, 245, 247, 0.85) !important;
     
-  backdrop-filter: blur(30px) saturate(200%);
-  -webkit-backdrop-filter: blur(30px) saturate(200%);
+  /* 增强毛玻璃效果 */
+  backdrop-filter: blur(40px) saturate(220%) brightness(1.1) !important;
+  -webkit-backdrop-filter: blur(40px) saturate(220%) brightness(1.1) !important;
   
-  /* iOS 风格边缘光效 */
+  /* iOS 风格边缘光效 - 增强版 */
   box-shadow: 
     /* 外发光 */
-    0 0 0 0.5px rgba(255, 255, 255, 0.6),
+    0 0 0 0.5px rgba(255, 255, 255, 0.7) !important,
     /* 内阴影创建玻璃厚度 */
-    inset 0 1px 0 0 rgba(255, 255, 255, 0.6),
-    inset 0 -1px 0 0 rgba(0, 0, 0, 0.15),
+    inset 0 1px 0 0 rgba(255, 255, 255, 0.7) !important,
+    inset 0 -1px 0 0 rgba(0, 0, 0, 0.2) !important,
     /* 深度阴影 */
-    0 12px 32px rgba(0, 0, 0, 0.25),
-    0 2px 6px rgba(0, 0, 0, 0.15);
+    0 15px 40px rgba(0, 0, 0, 0.3) !important,
+    0 4px 10px rgba(0, 0, 0, 0.2) !important;
     
   /* 平滑过渡 */
-  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
 
 #network-debugger-panel.minimized .debugger-content {
@@ -7680,12 +7687,12 @@ const styles = `
 }
 
 .debugger-btn.active {
-  background: linear-gradient(135deg, #42b883, #35495e);
+  background: linear-gradient(135deg, #007AFF, #5856D6);
   color: #ffffff;
   box-shadow: 
-    0 0 20px rgba(66, 184, 131, 0.4),
+    0 4px 16px rgba(0, 122, 255, 0.25),
     inset 0 1px 0 rgba(255, 255, 255, 0.3);
-  backdrop-filter: blur(10px);
+  backdrop-filter: blur(12px);
 }
 
 .debugger-icon {
@@ -7841,12 +7848,12 @@ const styles = `
   -webkit-backdrop-filter: blur(18px) brightness(1.2);
   background: linear-gradient(
     135deg,
-    rgba(66, 184, 131, 0.1),
-    rgba(53, 73, 94, 0.05)
+    rgba(0, 122, 255, 0.08),
+    rgba(255, 255, 255, 0.05)
   );
-  border-color: rgba(66, 184, 131, 0.3);
+  border-color: rgba(0, 122, 255, 0.2);
   box-shadow: 
-    0 12px 40px rgba(66, 184, 131, 0.2),
+    0 8px 32px rgba(0, 0, 0, 0.15),
     inset 0 2px 4px rgba(255, 255, 255, 0.15);
 }
 
@@ -7931,27 +7938,27 @@ const styles = `
 .status-2xx { 
   background: linear-gradient(135deg, #4CAF50, #45a049);
   color: #ffffff;
-  box-shadow: 0 0 20px rgba(76, 175, 80, 0.5);
+  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 }
 .status-3xx { 
   background: linear-gradient(135deg, #FF9800, #F57C00);
   color: #ffffff;
-  box-shadow: 0 0 20px rgba(255, 152, 0, 0.5);
+  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 }
 .status-4xx { 
   background: linear-gradient(135deg, #F44336, #D32F2F);
   color: #ffffff;
-  box-shadow: 0 0 20px rgba(244, 67, 54, 0.5);
+  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 }
 .status-5xx { 
   background: linear-gradient(135deg, #9C27B0, #7B1FA2);
   color: #ffffff;
-  box-shadow: 0 0 20px rgba(156, 39, 176, 0.5);
+  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 }
 .status-error { 
   background: linear-gradient(135deg, #F44336, #D32F2F);
   color: #ffffff;
-  box-shadow: 0 0 20px rgba(244, 67, 54, 0.5);
+  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
 }
 
 .request-info {
@@ -8304,10 +8311,10 @@ const styles = `
 
 @keyframes liquid-glow {
   0%, 100% { 
-    box-shadow: 0 0 20px rgba(66, 184, 131, 0.3);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
   }
   50% { 
-    box-shadow: 0 0 30px rgba(66, 184, 131, 0.5);
+    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
   }
 }
 
@@ -9464,7 +9471,7 @@ class NetworkDebugger {
       this.initialized = true;
       logger.consoleDirect(`
 ╔════════════════════════════════════════╗
-║  🔓 PWTK 解密小工具 v${"1.2.49-beta.0"}           ║
+║  🔓 PWTK 解密小工具 v${"1.2.49-beta.2"}           ║
 ║  Created by Leo (@leeguoo)             ║
 ║  技术支持: 请联系 Leo                 ║  
 ║  分享服务: curl.bwg.leeguoo.com       ║
@@ -9525,7 +9532,7 @@ class NetworkDebugger {
   }
   async checkForUpdates() {
     try {
-      const currentVersion = "1.2.49-beta.0";
+      const currentVersion = "1.2.49-beta.2";
       logger.info(`[PWTK Update] Checking for updates... Current version: ${currentVersion}`);
       const response = await fetch("https://registry.npmjs.org/@leeguoo/pwtk-network-debugger/latest");
       const data = await response.json();
@@ -9545,7 +9552,7 @@ class NetworkDebugger {
       logger.error("[PWTK Update] Failed to check for updates:", error);
       return {
         hasUpdate: false,
-        currentVersion: "1.2.49-beta.0"
+        currentVersion: "1.2.49-beta.2"
       };
     }
   }