优化: 文件预览大纲提取 + 预览/图标/滚动条打磨

src/components/project/FileExplorer.vue

@@ -772,7 +772,7 @@ async function onRemoveModule() {
   min-height: 0;
   overflow-y: auto;
   overflow-x: hidden;
-  padding: 8px 4px 8px 0;
+  padding: 4px 4px 4px 0;
   scrollbar-width: thin;
 }
 
@@ -854,19 +854,42 @@ async function onRemoveModule() {
 
 /* 全局滚动条样式(薄) */
 .explorer-sidebar ::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
+  width: 5px;
+  height: 5px;
 }
 
 .explorer-sidebar ::-webkit-scrollbar-thumb {
-  background: var(--df-border);
-  border-radius: 2px;
+  background: rgba(255, 255, 255, 0.08);
+  border-radius: var(--df-radius-xs);
+}
+
+.explorer-sidebar ::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.14);
 }
 
 .explorer-sidebar ::-webkit-scrollbar-track {
   background: transparent;
 }
 
+/* 文件列表(.explorer-tree)滚动条显式对齐全局,与右侧预览区一致 */
+.explorer-tree ::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+.explorer-tree ::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.08);
+  border-radius: var(--df-radius-xs);
+}
+
+.explorer-tree ::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.14);
+}
+
+.explorer-tree ::-webkit-scrollbar-track {
+  background: transparent;
+}
+
 /* 窄窗口自适应 */
 @media (max-width: 900px) {
   .explorer-sidebar {