✨ 优化 2026 前端无障碍与响应式体验

完善 2026 主题的移动端与桌面端交互体验，修复多项可访问性和信息展示问题。

- 允许浏览器缩放，补充焦点样式、按钮名称、表单标签和对话框键盘焦点管理\n- 支持 reduced-motion，扩大公共页、后台导航、记录列表和分页控件的触控区域\n- 优化系统设置分区导航、密码显示、字段语义和底部粘性保存栏\n- 压缩移动文件列表操作区，改善桌面表格滚动可达性和统计值截断\n- 优化仪表盘指标、趋势摘要、进度条语义及中英文文案

src/views/manage/FileManageView.vue

@@ -21,7 +21,7 @@
         <div class="flex items-start justify-between gap-3">
           <div>
             <p class="text-xs sm:text-sm" :class="[mutedTextClass]">{{ card.label }}</p>
-            <p class="mt-1.5 truncate text-xl font-semibold tabular-nums sm:mt-2 sm:text-2xl" :class="[primaryTextClass]">
+            <p class="mt-1.5 break-words text-xl font-semibold leading-tight tabular-nums sm:mt-2 sm:text-2xl" :title="String(card.value)" :class="[primaryTextClass]">
               {{ card.value }}
             </p>
           </div>
@@ -58,7 +58,7 @@
             </template>
             {{ t('fileManage.resetFilters') }}
           </BaseButton>
-          <BaseButton variant="secondary" @click="isFilterPanelOpen = !isFilterPanelOpen">
+          <BaseButton variant="secondary" :aria-expanded="filterBodyVisible" aria-controls="file-filter-panel" @click="isFilterPanelOpen = !isFilterPanelOpen">
             <template #icon>
               <FilterIcon class="mr-2 h-4 w-4" />
             </template>
@@ -68,7 +68,7 @@
       </div>
 
       <Transition name="fcb-expand-120">
-        <div v-if="filterBodyVisible" class="fcb-expand-content mt-4 grid gap-4">
+        <div id="file-filter-panel" v-if="filterBodyVisible" class="fcb-expand-content mt-4 grid gap-4">
         <div class="flex flex-col gap-3 lg:flex-row lg:items-center">
           <label class="min-w-0 flex-1">
             <span class="sr-only">{{ t('fileManage.searchPlaceholder') }}</span>
@@ -331,15 +331,9 @@
               </div>
             </button>
           </div>
-          <div class="mt-3 grid grid-cols-3 gap-2 pl-14">
-            <button type="button" class="flex min-h-11 items-center justify-center rounded-lg border text-sm font-medium" :class="detailActionClass" @click="openFileDetail(file)">
-              <FileTextIcon class="mr-1.5 h-4 w-4" />{{ t('fileManage.detail') }}
-            </button>
-            <button type="button" class="flex min-h-11 items-center justify-center rounded-lg border text-sm font-medium" :class="detailActionClass" :disabled="Boolean(downloadingFileId)" @click="downloadFile(file)">
-              <DownloadIcon class="mr-1.5 h-4 w-4" />{{ file.isTextFile ? t('fileManage.exportText') : t('fileManage.downloadFile') }}
-            </button>
-            <button type="button" class="flex min-h-11 items-center justify-center rounded-lg border text-sm font-medium" :class="detailActionClass" @click="openEditModal(file)">
-              <PencilIcon class="mr-1.5 h-4 w-4" />{{ t('common.edit') }}
+          <div class="mt-3 pl-14">
+            <button type="button" class="flex min-h-11 w-full items-center justify-center rounded-lg border text-sm font-medium" :class="detailActionClass" @click="openFileDetail(file)">
+              <FileTextIcon class="mr-1.5 h-4 w-4" aria-hidden="true" />{{ t('fileManage.detail') }}
             </button>
           </div>
         </article>
@@ -357,7 +351,7 @@
     </section>
 
     <div class="hidden md:block">
-    <DataTable :title="t('fileManage.allFiles')" :headers="fileTableHeaders">
+    <DataTable :title="t('fileManage.allFiles')" :headers="fileTableHeaders" table-class="min-w-[1120px]">
       <template #actions>
         <BaseButton variant="secondary" :loading="isLoading" @click="refreshFileList">
           <template #icon>