feat: 添加思维导图支持，更新引导步骤组件，优化视频播放与学习进度追踪功能

src/views/skill/index.vue

@@ -1,5 +1,8 @@
 <script lang="ts" setup>
-import { getBackgroundImage, getStaticImage, IMAGE_PATHS } from '@/utils'
+defineOptions({
+  name: 'Skill'
+})
+import { getBackgroundImage, getPublicPath, getStaticImage, IMAGE_PATHS } from '@/utils'
 import { ImgButton } from '@/components/Button'
 import { ImagePreview } from '@/components'
 import { useRouter } from 'vue-router'
@@ -301,7 +304,7 @@ const handleClose = () => {
 const handleResourceClick = (resource: ResourceItem) => {
   if (resource.type === 'video' && resource.videoUrl) {
     // 视频类型：打开视频播放弹窗
-    currentVideoUrl.value = resource.videoUrl
+    currentVideoUrl.value = getPublicPath(resource.videoUrl) as string
     showVideoModal.value = true
   } else if (resource.type === 'page' && resource.routeName) {
     // 页面类型：跳转到对应路由
@@ -309,7 +312,7 @@ const handleResourceClick = (resource: ResourceItem) => {
   } else if (resource.type === 'image' && resource.images && resource.images.length > 0) {
     // 图文类型：使用 ImagePreview 展示
     ImagePreview({
-      images: resource.images,
+      images: resource.images.map(image => getStaticImage(image) as string),
       startIndex: 0,
       maskClosable: true,
       getScaleMetrics: () => ({