feat: 实现公共课单元背景图片切换和项目库功能

- 为公共课直播间添加单元背景图片切换功能
- 支持终生学习系统、企业高管公开课、营销能力课的背景图片
- 点击不同单元课程时左侧直播间背景自动切换
- 添加我的项目库功能，展示25个完成项目
- 项目库采用灰色禁用样式，hover显示权限提示
- 优化李奇导师头像显示效果和容器背景色匹配
- 修复展会课程跳转链接

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

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

src/pages/ProjectLibraryPage/index.jsx

@@ -1,14 +1,114 @@
 import { useState } from "react";
+import { Tooltip } from "@arco-design/web-react";
 import toast from "@/components/Toast";
 import InfiniteScroll from "@/components/InfiniteScroll";
 import ProjectCasesModal from "./components/ProjectCasesModal";
 import { getProjectsList, getProjectsdetail } from "@/services/projectLibrary";
+// 我的项目库数据
+const myProjectsData = [
+  {
+    unitName: "商业活动策略设计与创意策划",
+    projects: [
+      "校园特色摆摊创意策划与出摊运营项目",
+      "社区水果店节日促销创意方案设计与落地执行项目"
+    ]
+  },
+  {
+    unitName: "商业活动全程策划执行与运营优化",
+    projects: [
+      "社区便利店促销活动策划落地项目",
+      "校园二手物品交易活动策划执行与运营项目"
+    ]
+  },
+  {
+    unitName: "商业空间与文创产品设计",
+    projects: [
+      "街边小型咖啡馆主题空间布置与配套文创周边设计项目",
+      "社区书店文创体验区空间规划项目"
+    ]
+  },
+  {
+    unitName: "短视频与自媒体运营",
+    projects: [
+      "本地某餐厅生活服务新媒体账号运营项目",
+      "某猫咖宠物日常类短视频账号运营实操项目"
+    ]
+  },
+  {
+    unitName: "漫展与二次元活动策划与执行",
+    projects: [
+      "南京 Comic Festival 周边展区活动统筹项目",
+      "盐城 ICGC 动漫嘉年华品牌互动区运营项目"
+    ]
+  },
+  {
+    unitName: "户外音乐节主题策划与流程统筹",
+    projects: [
+      "青春旋律校园户外音乐节活动策划与实施项目",
+      "环湖露天音乐节活动策划与组织项目"
+    ]
+  },
+  {
+    unitName: "城市 IP 赛事活动整合与策划",
+    projects: [
+      "2025 城市电竞对抗赛整体策划与落地项目",
+      "城市龙舟赛活动统筹与文化主题策划项目",
+      "成都跑酷&街舞跨界赛事活动策划与组织项目"
+    ]
+  },
+  {
+    unitName: "消费电子展品牌策划与执行",
+    projects: [
+      "智能穿戴设备消费电子展展区策划与执行项目",
+      "智能生活类消费电子展策划项目"
+    ]
+  },
+  {
+    unitName: "品牌招商展全案策划与招商运营",
+    projects: [
+      "苏州文旅文创产业品牌招商展策划与落地运营项目",
+      "南京青年创客品牌招商展策划项目"
+    ]
+  },
+  {
+    unitName: "商业街区打卡空间视觉呈现",
+    projects: [
+      "南京老门东历史街区创意打卡点策划项目",
+      "苏州观前街沉浸式商业打卡体验空间设计项目",
+      "无锡拈花湾文旅商业街区夜景灯光打卡点策划项目"
+    ]
+  },
+  {
+    unitName: "文旅衍生文创产品设计",
+    projects: [
+      "南京云锦纹样衍生丝巾与服饰配件设计项目",
+      "苏州园林拙政园窗棂纹样衍生文创书签与文具设计项目"
+    ]
+  }
+];
 import "./index.css";
 
 
 const PAGE_SIZE = 10;
 
 const ProjectLibrary = () => {
+  // 处理我的项目数据
+  const processMyProjects = () => {
+    const projects = [];
+    myProjectsData.forEach(unit => {
+      unit.projects.forEach(projectName => {
+        projects.push({
+          id: `my-${projects.length + 1}`,
+          unitName: unit.unitName,
+          name: projectName,
+          isMyProject: true
+        });
+      });
+    });
+    return projects;
+  };
+
+  const myProjects = processMyProjects();
   const [modalData, setModalData] = useState(undefined);
   const [projectList, setProjectList] = useState([]);
   const [projectCasesModalVisible, setProjectCasesModalVisible] =
@@ -19,6 +119,11 @@ const ProjectLibrary = () => {
 
 
   const handleProjectClick = async (item) => {
+    // 如果是我的项目，不允许点击
+    if (item?.isMyProject) {
+      return;
+    }
+    
     if (item?.id) {
       const res = await getProjectsdetail(item.id);
       if (res.success) {
@@ -84,8 +189,22 @@ const ProjectLibrary = () => {
       {/* 我的项目库板块 */}
       <div className="project-library-wrapper my-project-library">
         <p className="project-library-title">我完成的项目库</p>
-        <div className="project-library-empty">
-          <p>暂无项目</p>
+        <div className="project-library-list">
+          {myProjects.map((item) => (
+            <Tooltip 
+              key={item.id}
+              content="非学员及导师无查看权限"
+              position="top"
+            >
+              <li className="project-library-item my-project-item">
+                <p className="project-library-item-title">{item.unitName}</p>
+                <div>
+                  <p>{item.name}</p>
+                  <span className="disabled-detail">详情 &gt;</span>
+                </div>
+              </li>
+            </Tooltip>
+          ))}
         </div>
       </div>