✨ feat: 优化歌曲列表组件布局，添加底部间距以提升视觉效果

src/renderer/views/artist/detail.vue

@@ -109,15 +109,17 @@
               @scroll="handleVirtualScroll"
             >
               <template #default="{ item, index }">
+                <div>
                   <div class="double-item">
                     <song-item
                       :index="index"
                       :compact="isCompactLayout"
                       :item="formatSong(item)"
                       @play="handlePlay"
-                    :style="{paddingBottom: index === filteredSongs.length - 1 ? '100px' : '0'}"
                     />
                   </div>
+                  <div v-if="index === filteredSongs.length - 1" class="h-36"></div>
+                </div>
               </template>
             </n-virtual-list>
             

src/renderer/views/music/MusicListPage.vue

@@ -168,6 +168,7 @@
                 @scroll="handleVirtualScroll"
               >
                 <template #default="{ item, index }">
+                  <div>
                     <div class="double-item">
                       <song-item  
                         :index="index"
@@ -179,9 +180,10 @@
                         @play="handlePlay"
                         @remove-song="handleRemoveSong"
                         @select="(id, selected) => handleSelect(id, selected)"
-                      :style="{paddingBottom: index === filteredSongs.length - 1 ? '100px' : '0'}"
                       />
                     </div>
+                    <div v-if="index === filteredSongs.length - 1" class="h-36"></div>
+                  </div>
                 </template>
               </n-virtual-list>
             </div>

src/renderer/views/user/index.vue

@@ -47,7 +47,7 @@
               />
               <div class="play-list-item-info">
                 <div class="play-list-item-name">
-                  {{ item.name }}
+                  <n-ellipsis :line-clamp="1">{{ item.name }}</n-ellipsis>
                   <div v-if="item.creator.userId === user.userId" class="playlist-creator-tag">
                     {{ t('user.playlist.mine') }}
                   </div>
@@ -396,6 +396,7 @@ const isLoggedIn = computed(() => userStore.user);
         height: 18px;
         font-size: 10px;
         font-weight: 500;
+        min-width: 60px;
         backdrop-filter: blur(4px);
         -webkit-backdrop-filter: blur(4px);
       }