fix: 修改为Hash routing并修复所有剩余图片路径

- 将 BrowserRouter 改为 HashRouter 以支持 GitHub Pages
- 修复 CoursePage 中 backgroundImage 的所有图片路径
- 订单班图片路径全部使用 process.env.PUBLIC_URL
- 确保所有图片在 GitHub Pages 上正确加载

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import { HashRouter as Router, Routes, Route } from 'react-router-dom';
 import Navigation from './components/Navigation';
 import ScrollToTop from './components/ScrollToTop';
 import CyberpunkBackground from './components/CyberpunkBackground';

src/pages/CoursePage.tsx

@@ -439,7 +439,7 @@ const CoursePage: React.FC = () => {
                 whileHover={{ scale: 1.05 }}
                 className="cyber-card rounded-xl text-center relative overflow-hidden h-48"
                 style={{
-                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png)',
+                  backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能制造.png)`,
                   backgroundSize: 'cover',
                   backgroundPosition: 'center'
                 }}
@@ -455,7 +455,7 @@ const CoursePage: React.FC = () => {
                 whileHover={{ scale: 1.05 }}
                 className="cyber-card rounded-xl text-center relative overflow-hidden h-48"
                 style={{
-                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg)',
+                  backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_财经商贸.jpg)`,
                   backgroundSize: 'cover',
                   backgroundPosition: 'center'
                 }}
@@ -471,7 +471,7 @@ const CoursePage: React.FC = () => {
                 whileHover={{ scale: 1.05 }}
                 className="cyber-card rounded-xl text-center relative overflow-hidden h-48"
                 style={{
-                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg)',
+                  backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_智能开发.jpg)`,
                   backgroundSize: 'cover',
                   backgroundPosition: 'center'
                 }}
@@ -487,7 +487,7 @@ const CoursePage: React.FC = () => {
                 whileHover={{ scale: 1.05 }}
                 className="cyber-card rounded-xl text-center relative overflow-hidden h-48"
                 style={{
-                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg)',
+                  backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_视觉设计.jpg)`,
                   backgroundSize: 'cover',
                   backgroundPosition: 'center'
                 }}
@@ -503,7 +503,7 @@ const CoursePage: React.FC = () => {
                 whileHover={{ scale: 1.05 }}
                 className="cyber-card rounded-xl text-center relative overflow-hidden h-48"
                 style={{
-                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg)',
+                  backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_文旅.jpg)`,
                   backgroundSize: 'cover',
                   backgroundPosition: 'center'
                 }}
@@ -519,7 +519,7 @@ const CoursePage: React.FC = () => {
                 whileHover={{ scale: 1.05 }}
                 className="cyber-card rounded-xl text-center relative overflow-hidden h-48"
                 style={{
-                  backgroundImage: 'url(/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg)',
+                  backgroundImage: `url(${process.env.PUBLIC_URL}/images/课程页面/订单班图片/七、我们的课程设置_第二阶段_涵盖方向_大健康.jpg)`,
                   backgroundSize: 'cover',
                   backgroundPosition: 'center'
                 }}