feat: 🎸 优化了播放器

src/components/CoursesVideoPlayer/index.css

@@ -20,21 +20,20 @@
 
     .courses-video-player-header {
       width: 100%;
-      height: 18px;
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding-bottom: 20px;
       border-bottom: 1px solid #e5e6eb;
-      margin-bottom: 20px;
 
       > span {
         color: #2c7aff;
         font-size: 10px;
         font-weight: 600;
         cursor: pointer;
+        /* 添加以下样式来防止点击时背景变色 */
+        -webkit-tap-highlight-color: transparent;
       }
-
       .courses-video-player-header-title {
         cursor: default;
         font-size: 12px;

src/components/CoursesVideoPlayer/index.jsx

@@ -3,6 +3,10 @@ import Locked from "@/components/Locked";
 import "./index.css";
 
 export default ({ className = "", isLock = false }) => {
+  const handleClickBtn = (item) => {
+    console.log(item);
+  };
+
   return (
     <div className={`${className} courses-video-player-wrapper`}>
       {/* 直播板块 */}
@@ -16,14 +20,14 @@ export default ({ className = "", isLock = false }) => {
         ) : (
           <>
             <div className="courses-video-player-header">
-              <span>&lt; 上一集</span>
+              <span onClick={() => handleClickBtn(1)}>&lt; 上一集</span>
               <span className="courses-video-player-header-title">
                 钢铁是怎样炼成的
               </span>
-              <span>下一集 &gt;</span>
+              <span onClick={() => handleClickBtn(2)}>下一集 &gt;</span>
             </div>
             <div className="courses-video-player-video">
-              <video src="" controls></video>
+              <video src="/live.mp4" autoPlay controls></video>
             </div>
           </>
         )}

src/pages/CareerTreePage/index.css

@@ -1,6 +1,8 @@
 /* 就业管家知识树页面样式 */
 .career-tree-page {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  width: 1160px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
+    Ubuntu, Cantarell, sans-serif;
   position: relative;
   min-height: 100vh;
   overflow-x: hidden;
@@ -56,8 +58,6 @@
   position: relative;
 }
 
-
-
 .top-content-wrapper {
   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
   background-size: cover;
@@ -142,7 +142,7 @@
 }
 
 .menu-item.selected::after {
-  content: '';
+  content: "";
   position: absolute;
   bottom: -2px;
   left: 50%;
@@ -451,8 +451,6 @@
   margin-bottom: 0;
 }
 
-
-
 /* SVG 连接线样式 */
 .connection-canvas {
   position: absolute;
@@ -469,8 +467,6 @@
   fill: none;
 }
 
-
-
 /* 所有屏幕尺寸确保布局稳定性 */
 @media (min-width: 1201px) {
   .section-content {