fix: 修复课程运行时初始化与拖拽测试

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

README.md

@@ -333,17 +333,17 @@ import { Overlay } from "@/components/common";
 <Overlay
   open={open}
   onClose={() => setOpen(false)}
-  backgroundImage="dialog/overlay-bg.png"
+  backgroundImage="url(./images/dialog-bg.png)"
   backgroundClassName="bg-cover bg-center"
   contentClassName="flex items-center justify-center"
 >
-  <img src="/images/dialog.png" alt="课程提示" />
+  <img src="./images/dialog.png" alt="课程提示" />
 </Overlay>;
 ```
 
 说明：
 
-- `backgroundImage`: 传入 `src/assets/images` 下的图片路径，组件内部会通过 `getBackgroundImage` 处理。
+- `backgroundImage`: 传入原始 CSS `background-image` 值（例如 `url(./images/dialog-bg.png)` 或 `linear-gradient(...)`），组件不参与路径处理；引用 public 资源时可用 `getPublicPath` 拼接相对路径。
 - `backgroundClassName`: 使用 Tailwind class 控制背景层样式，例如 `bg-cover`、`bg-center`、渐变、透明度等。
 - `contentClassName`: 控制内容层布局，弹窗视觉样式由具体课程页面自行决定。
 - `closeOnBackgroundClick`: 是否允许点击背景关闭，默认开启。