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

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

src/views/basic-elements/light/index.vue

@@ -4,7 +4,7 @@ import { useRouter } from 'vue-router'
 import ImgButton from '@/components/Button/ImgButton.vue'
 import { StepNavigation } from '@/components/Guide'
 import { Video, QuestionQuiz, type Question } from '@/components'
-import { getStaticImage, IMAGE_PATHS } from '@/utils'
+import { getPublicPath, getStaticImage, IMAGE_PATHS } from '@/utils'
 import { GuideSteps } from '@/components/Guide'
 // 光初识 - 暂时用光的基础认知代替
 import video1 from '/video/new/xinshou_guangdejichurenzhi.mp4'
@@ -21,12 +21,25 @@ const showQuiz = ref(false) // 控制是否显示答题窗口
 
 const isGuide = ref(true)
 const currentGuideStep = ref(0)
+const showGoldenHourGuide = ref(false)
+const goldenHourGuideShown = ref(false)
 const handleSkip = (index: number) => {
   currentGuideStep.value = index
 }
 
 const handleComplete = () => {
   isGuide.value = false
+  nextTick(() => {
+    playing.value = true
+  })
+}
+
+const handleGoldenHourGuideComplete = () => {
+  showGoldenHourGuide.value = false
+  goldenHourGuideShown.value = true
+  nextTick(() => {
+    playing.value = true
+  })
 }
 
 // 步骤导航数据
@@ -103,6 +116,14 @@ const handleVideoChange = () => {
     status.value = true
     return
   }
+
+  // 切到“拍摄的黄金时间”（index 2）时，先暂停并展示引导对话
+  if (currentVideoIndex.value === 2 && !goldenHourGuideShown.value) {
+    playing.value = false
+    showGoldenHourGuide.value = true
+    return
+  }
+
   nextTick(() => {
     // 使用受控播放来触发下一个视频自动播放
     playing.value = true
@@ -215,7 +236,28 @@ const handleQuestionsComplete = () => {
     <!-- 引导与高亮 -->
 
     <GuideSteps v-if="isGuide" position-offset-y="85%" @complete="handleComplete">
-      <GuideStepsItem>光是摄影的灵魂，摄影高手一定是用光的高手</GuideStepsItem>
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_009.MP3')">
+        光是摄影的灵魂，摄影高手一定是用光的高手
+      </GuideStepsItem>
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_010.MP3')">
+        现在， 让我们一起去认识光、读懂光。
+      </GuideStepsItem>
+    </GuideSteps>
+
+    <GuideSteps
+      v-if="showGoldenHourGuide"
+      position-offset-y="85%"
+      @complete="handleGoldenHourGuideComplete"
+    >
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_011.MP3')">
+        同一个地点，不同季节拍出来的感觉为什么完全不一样？
+      </GuideStepsItem>
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_012.MP3')">
+        同一条街，早上、下午、傍晚各拍一张，你会发现世界仿佛在悄悄换装。
+      </GuideStepsItem>
+      <GuideStepsItem :audio-src="getPublicPath('audio/py_1_013.MP3')">
+        接下来，我们一起揭开四季与时间的秘密，找一找一年365天中最容易出片的时刻。
+      </GuideStepsItem>
     </GuideSteps>
   </div>
 </template>