优化: UI 去 AI 味——SVG 图标体系替代 emoji/字符图标,首页产品化重设计(文档网格+右侧新建栏),主色统一 #5b5bd6,补键盘焦点可见性

src/components/common/FilePreviewDrawer.vue

@@ -7,6 +7,7 @@
 import { computed, ref, onMounted, onBeforeUnmount, watch } from 'vue'
 import { attachmentState, closePreview, downloadAttachment, getAttachment, loadPreviewText } from '../../core/attachments'
 import { renderMd } from '../../core/markdown'
+import Icon from './Icon.vue'
 
 const activeAttachment = computed(() => getAttachment(attachmentState.activeId.value))
 const renderedMarkdown = computed(() => renderMd(activeAttachment.value?.text || ''))
@@ -51,7 +52,7 @@ onBeforeUnmount(() => document.removeEventListener('keydown', onKeydown))
       <aside class="file-preview-drawer" role="dialog" aria-modal="true" :aria-label="`${activeAttachment.name} 预览`">
         <header class="file-preview-head">
           <div class="file-preview-title" :title="activeAttachment.name">
-            <span class="file-preview-title-icon">📎</span>
+            <span class="file-preview-title-icon"><Icon name="paperclip" :size="14" /></span>
             <span>{{ activeAttachment.name }}</span>
           </div>
           <div class="file-preview-actions">
@@ -100,7 +101,7 @@ onBeforeUnmount(() => document.removeEventListener('keydown', onKeydown))
 
           <!-- 无结构化预览的文件 -->
           <div v-else class="file-preview-meta">
-            <span class="file-preview-meta-icon">📎</span>
+            <span class="file-preview-meta-icon"><Icon name="paperclip" :size="12" /></span>
             <strong>{{ activeAttachment.name }}</strong>
             <span>{{ activeAttachment.file.type || '未知文件类型' }}</span>
             <span>{{ activeAttachment.size.toLocaleString() }} B</span>