diff --git a/resources/aplayer-share.js b/resources/aplayer-share.js
index 3c7eb9d08..f26c607d8 100644
--- a/resources/aplayer-share.js
+++ b/resources/aplayer-share.js
@@ -7,10 +7,13 @@
 
   // Wait for DOM and APlayer to be ready
   function initAPlayer() {
+    console.log('APlayer initialization started');
+    
     if (typeof APlayer === 'undefined') {
       console.error('APlayer library not loaded');
       return;
     }
+    console.log('APlayer library loaded');
 
     // Get share info from the page (injected by server)
     const shareInfoElement = document.getElementById('share-info');
@@ -18,6 +21,7 @@
       console.error('Share info not found');
       return;
     }
+    console.log('Share info element found:', shareInfoElement.textContent);
 
     let shareInfo;
     try {
@@ -58,7 +62,10 @@
       console.error('APlayer container not found');
       return;
     }
+    console.log('APlayer container found:', container);
 
+    console.log('Creating APlayer with playlist:', playlist);
+    
     const ap = new APlayer({
       container: container,
       lrcType: 0,
@@ -72,6 +79,8 @@
       mutex: true,
       listFolded: false,
       listMaxHeight: 90,
+      fixed: false,
+      mini: false,
     });
 
     // Log initialization
diff --git a/resources/aplayer.html b/resources/aplayer.html
index e5fd2caa7..ff79856f4 100644
--- a/resources/aplayer.html
+++ b/resources/aplayer.html
@@ -18,7 +18,7 @@
 
         body {
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            background: #ffffff;
             min-height: 100vh;
             display: flex;
             flex-direction: column;
@@ -56,10 +56,16 @@
 
         .player-wrapper {
             padding: 20px;
+            min-height: 300px;
         }
 
         #aplayer {
             margin: 0;
+            width: 100% !important;
+            height: auto !important;
+            min-height: 200px !important;
+            visibility: visible !important;
+            display: block !important;
         }
 
         .footer {