update: import page

src/components/import/sourceCard.svelte

@@ -5,8 +5,8 @@
     import Icon from '@iconify/svelte';
 </script>
 
-<div class="flex relative h-20 w-full m-4 border-2 border-zinc-400 dark:border-neutral-700 rounded-lg">
-    <div class="ml-4 flex flex-col justify-center text-4xl">
+<div class="flex relative min-h-20 h-fit p-4 w-full m-4 border-2 border-zinc-400 dark:border-neutral-700 rounded-lg">
+    <div class="flex flex-col justify-center text-4xl">
         <Icon icon={icon} />
     </div>
     

src/routes/import/+page.svelte

@@ -4,6 +4,8 @@
 </script>
 
 <h1>导入</h1>
-<p>希望从哪里导入你的歌曲？</p>
-<SourceCard title="本地" details="" icon="uil:import" />
-<SourceCard title="哔哩哔哩" details="" icon="ri:bilibili-fill" />
+<p class="leading-10">希望从哪里导入你的歌曲？</p>
+<SourceCard title="本地" details="从本地导入歌曲添加到 AquaVox 的本地音乐库。
+音乐文件将保存在浏览器中，因此无法跨浏览器聆听。若希望能在多个设备或浏览器上聆听，请考虑跨设备同步功能。" icon="uil:import" />
+<SourceCard title="哔哩哔哩" details="通过导入哔哩哔哩的公开收藏夹或若干给定BV号的视频，你可以将自己在哔哩哔哩中喜爱的歌曲导入到 AquaVox。
+但需要注意，此选项的可用性无法保证。" icon="ri:bilibili-fill" />