diff --git a/index.html b/index.html
index 83952e1..67a93ea 100644
--- a/index.html
+++ b/index.html
@@ -594,10 +594,10 @@
                     </div>
 
                     {/* Controls */}
-                    <div className="relative z-10 p-8 pb-12">
-                        <div className="mb-6">
-                            <input 
-                                type="range" 
+                    <div className="relative z-10 p-6 pb-8">
+                        <div className="mb-4">
+                            <input
+                                type="range"
                                 min="0" 
                                 max={duration || 100} 
                                 value={progress} 
@@ -610,7 +610,7 @@
                             </div>
                         </div>
 
-                        <div className="flex items-center justify-between px-2 mb-8">
+                        <div className="flex items-center justify-between px-2 mb-4">
                             <Icon name={modeIcon} className={`text-gray-400 hover:text-white transition-colors ${mode !== 'loop' ? 'text-primary' : ''}`} onClick={toggleMode} />
                             <Icon name="backward-step" size="text-3xl" onClick={prev} className="hover:scale-110 transition-transform" />
                             <div 
@@ -737,7 +737,7 @@
                                 </div>
                             </div>
                             {loadingSongs ? <Spinner /> : (
-                                <div className="pb-24 px-2">
+                                <div className="pb-32 px-2">
                                     {listSongs.map((song, idx) => (
                                         <SongItem 
                                             key={song.id} 
@@ -756,7 +756,7 @@
             }
 
             return (
-                <div className="p-4 pb-24 animate-[fadeIn_0.3s]">
+                <div className="p-4 pb-32 animate-[fadeIn_0.3s]">
                     <h2 className="text-xl font-bold mb-4 flex items-center gap-2">
                         <Icon name="fire" className="text-red-500" />
                         排行榜 <span className="text-sm font-normal text-gray-500 ml-2">{SOURCES.find(s=>s.id===source)?.name}</span>
@@ -1240,7 +1240,7 @@
                             loading && results.length === 0 ? (
                                 <Spinner />
                             ) : results.length > 0 ? (
-                                <div className="pb-24 animate-[fadeIn_0.3s]">
+                                <div className="pb-32 animate-[fadeIn_0.3s]">
                                     <div className="px-4 py-2 text-xs text-gray-500 uppercase tracking-wider font-bold">搜索结果</div>
                                     {results.map((song, index) => (
                                         <SongItem
@@ -1275,9 +1275,9 @@
                                         <p className="text-gray-400 text-sm">{favorites.length} 首歌曲</p>
                                     </div>
                                 </div>
-                                <div className="pb-24">
+                                <div className="pb-32">
                                     {favorites.length > 0 ? favorites.map((song, idx) => (
-                                        <SongItem 
+                                        <SongItem
                                             key={song.id} 
                                             song={song} 
                                             index={idx}