优化组件结构，调整 VCard 使用，提升界面一致性和可读性

src/components/FileBrowser.vue

@@ -187,7 +187,7 @@ const fileListStyle = computed(() => {
 </script>
 
 <template>
-  <VCard class="mx-auto" :loading="loading > 0">
+  <div class="mx-auto" :loading="loading > 0">
     <div v-if="activeStorage && item">
       <FileToolbar
         :item="item"
@@ -229,5 +229,5 @@ const fileListStyle = computed(() => {
         />
       </div>
     </div>
-  </VCard>
+  </div>
 </template>

src/components/dialog/AddDownloadDialog.vue

@@ -120,7 +120,7 @@ onMounted(() => {
 <template>
   <VDialog max-width="35rem" scrollable>
     <VCard>
-      <VCardTitle class="py-3">
+      <VCardTitle class="py-3 me-12">
         <VIcon icon="mdi-download" class="me-2" />
         <span v-if="title">{{ torrent?.site_name }} - {{ title }}</span>
         <span v-else>确认下载</span>

src/components/filebrowser/FileList.vue

@@ -533,7 +533,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <VCard class="d-flex flex-column w-full h-full">
+  <VCard class="d-flex flex-column w-full h-full rounded-t-0 rounded-s-0">
     <VToolbar v-if="!loading" density="compact" flat color="gray">
       <VTextField
         v-if="!isFile"

src/components/filebrowser/FileNavigator.vue

@@ -259,7 +259,7 @@ function getIndentLevel(path: string, ancestorPath: string) {
 </script>
 
 <template>
-  <div class="file-navigator" v-if="!isMobile">
+  <VCard class="file-navigator rounded-t-0 rounded-e-0" v-if="!isMobile">
     <div class="tree-container">
       <!-- 根目录项 -->
       <div
@@ -382,20 +382,19 @@ function getIndentLevel(path: string, ancestorPath: string) {
         </div>
       </template>
     </div>
-  </div>
+  </VCard>
 </template>
 
 <style lang="scss" scoped>
 .file-navigator {
   width: 240px;
-  border-right: 1px solid rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
-  background-color: var(--v-theme-surface);
   flex-shrink: 0;
   border-bottom-left-radius: 12px;
+  background: rgb(var(--v-table-header-background));
 }
 
 .navigator-header {
@@ -403,7 +402,6 @@ function getIndentLevel(path: string, ancestorPath: string) {
   display: flex;
   align-items: center;
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-  background-color: var(--v-theme-surface);
 }
 
 .tree-container {

src/components/filebrowser/FileToolbar.vue

@@ -115,7 +115,7 @@ const sortIcon = computed(() => {
 </script>
 
 <template>
-  <VToolbar flat dense>
+  <VToolbar flat dense class="rounded-t-lg border-b">
     <VToolbarItems class="overflow-hidden">
       <VMenu v-if="inProps.storages?.length || 0 > 1" offset-y>
         <template #activator="{ props }">