feat: 优化班级排名展示并集成Lottie动画

- 限制班级排名详情页只展示前10名学员
- 替换面试状态数据为文旅产业15个岗位数据
- 将面试状态展开动画从静态图片改为Lottie动画
- 添加5个面试状态的Lottie动画文件

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

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

src/components/ClassRankModal/index.jsx

@@ -24,15 +24,15 @@ const ClassRankModal = ({ visible, onClose }) => {
     rankings[0] || null, // 第1名
     rankings[2] || null, // 第3名
   ];
-  // 获取第4名及以后的数据
-  const restRankings = rankings.slice(3);
+  // 获取第4-10名的数据（只展示前10名）
+  const restRankings = rankings.slice(3, 10);
 
   return (
     <Modal visible={visible} onClose={onClose}>
       <div className="class-rank-modal">
         <div className="class-rank-modal-header">
           <h2 className="class-rank-modal-title">
-            <span>班级排名</span>
+            <span>班级排名（前10名）</span>
           </h2>
           <i className="close-icon" onClick={onClose} />
         </div>