feat: 完善访谈与vlog模块页面，重组设备与图片公共资源，新增音频管理与一班对接工具

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/views/basic-elements/basic-shooting-skills/index.vue

@@ -4,7 +4,7 @@ import { useRouter } from 'vue-router'
 import ImgButton from '@/components/Button/ImgButton.vue'
 import { StepNavigation, GuideSteps, GuideStepsItem } from '@/components/Guide'
 import { Video, QuestionQuiz, type Question } from '@/components'
-import { getStaticImage, IMAGE_PATHS } from '@/utils'
+import { getPublicPath, getStaticImage, IMAGE_PATHS } from '@/utils'
 // 视频导入
 // 手机摄像头介绍
 import video1 from '/video/new/xinshou_shoujishexiangtoujieshao.mp4'
@@ -146,7 +146,7 @@ const getQuestionsForVideo = (index: number): Question[] => {
     return [
       {
         id: 3,
-        title: '互动题 4',
+        title: '',
         description: '（单选）你觉得下面哪句话，更接近“新手拍视频的正确思路”？',
         options: [
           {
@@ -223,6 +223,12 @@ const handleStepNavigationClose = () => {
   showStepNavigation.value = false
 }
 
+const handleIntroGuideComplete = () => {
+  nextTick(() => {
+    playing.value = true
+  })
+}
+
 // 答题完成后的处理
 const handleQuestionsComplete = () => {
   showQuiz.value = false
@@ -291,12 +297,16 @@ const handleQuestionsComplete = () => {
       @close="handleStepNavigationClose"
     />
 
-    <GuideSteps :visible="true" position-offset-y="85%">
-      <GuideStepsItem>欢迎来到基础拍摄训练区！</GuideStepsItem>
-      <GuideStepsItem
-        >接下来，我会带你依次认识手机摄像头、看懂景别、用好慢动作与延时技法。</GuideStepsItem
-      >
-      <GuideStepsItem>还会教你如何拍出更稳的微距和更亮的夜景。</GuideStepsItem>
+    <GuideSteps :visible="true" position-offset-y="85%" @complete="handleIntroGuideComplete">
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_018.MP3')">
+        欢迎来到基础拍摄训练区！
+      </GuideStepsItem>
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_019.MP3')">
+        我会带你依次认识手机摄像头、看懂景别、用好慢动作与延时。
+      </GuideStepsItem>
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_020.MP3')">
+        还会教你拍出更稳的微距和更亮的夜景。
+      </GuideStepsItem>
     </GuideSteps>
   </div>
 </template>