feat: 完善课程学习与技能树体验

完善课程资源、学习进度与技能树解锁体验，统一视频播放与引导相关交互。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/views/film/midterm-shooting/shooting/index.vue

@@ -3,7 +3,7 @@ import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { GuideSteps, type GuideStep } from '@/components/Guide'
 import { ImgButton } from '@/components/Button'
-import { getBackgroundImage, getPublicPath } from '@/utils'
+import { getBackgroundImage, getPublicPath, getStaticImage } from '@/utils'
 import shootingtitle from '@/assets/images/shooting/标题-实地取景.png'
 import videoSrc from '/video/new/composition/xsdh_jzgtf_batch.mp4'
 import KnowledgeCard from '@/components/KnowledgeCard/FilmKnowledgeCard.vue'
@@ -25,7 +25,7 @@ const steps = ref<GuideStep[]>([
   {
     id: '1',
     audioSrc: getPublicPath('audio/py_4_015.MP3'),
-    content: '哇，徐汇滨江真的超适合取景！一起看看可以运用哪些构图方法吧~',
+    content: '哇，徐汇滨江真的超适合取景，一起看看可以运用哪些构图方法吧！',
     highlightSelector: '.btn-1',
   },
 ])
@@ -114,18 +114,34 @@ const back = () => {
       />
     </div>
     <div class="absolute left-[12%] top-1/2 -translate-y-[calc(50%-70px)]">
-      <ImgButton
-        class="btn-2"
-        image="film/shooting/龙美术馆入口.png"
-        @click="handleClickA"
-      />
+      <div class="relative inline-block">
+        <ImgButton
+          class="btn-2"
+          image="film/shooting/龙美术馆入口.png"
+          @click="handleClickA"
+        />
+        <img
+          v-if="filmStore.isRouteViewed('FilmFilmingLocationA')"
+          :src="getStaticImage('midterm/完成.png')"
+          class="absolute -top-8 right-6 w-24 pointer-events-none"
+          alt="已完成"
+        />
+      </div>
     </div>
     <div class="absolute right-[12%] top-1/2 -translate-y-[calc(50%-70px)]">
-      <ImgButton
-        class="btn-3"
-        image="film/shooting/油罐艺术公园入口.png"
-        @click="handleClickB"
-      />
+      <div class="relative inline-block">
+        <ImgButton
+          class="btn-3"
+          image="film/shooting/油罐艺术公园入口.png"
+          @click="handleClickB"
+        />
+        <img
+          v-if="filmStore.isRouteViewed('FilmFilmingLocationB')"
+          :src="getStaticImage('midterm/完成.png')"
+          class="absolute -top-8 right-14 w-24 pointer-events-none"
+          alt="已完成"
+        />
+      </div>
     </div>
     <div class="absolute bottom-4 left-4 btn-1">
       <ImgButton