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

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

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

src/components/Button/ImgButton.vue

@@ -5,11 +5,11 @@
 
 <template>
   <img
-    class="transition-all duration-300"
+    class="transition-[transform,filter] duration-300 [will-change:transform,filter]"
     :class="[
       props.disabled
         ? 'opacity-50 cursor-not-allowed'
-        : 'cursor-pointer hover:scale-105 hover:brightness-110'
+        : 'cursor-pointer hover:scale-105 hover:brightness-110',
     ]"
     draggable="false"
     :src="getStaticImage(image)"
@@ -33,7 +33,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  disabled: false
+  disabled: false,
 })
 
 const emit = defineEmits<{