feat: KPL v1.5.0 功能迭代

1. 奖章条件优化
- 修复统计查询 SQL 语法
- 添加按类别检查奖章方法

2. 移动端适配
- 登录页、课程中心、课程详情
- 考试页面、成长路径、排行榜

3. 证书系统
- 数据库模型和迁移脚本
- 证书颁发/列表/下载/验证 API
- 前端证书列表页面

4. 数据大屏
- 企业级/团队级数据 API
- ECharts 可视化大屏页面

frontend/src/views/trainee/leaderboard.vue

@@ -488,4 +488,134 @@ onMounted(() => {
     }
   }
 }
+
+// 手机端深度优化
+@media (max-width: 480px) {
+  .leaderboard-page {
+    padding: 12px;
+    
+    .page-header {
+      margin-bottom: 16px;
+      
+      h2 {
+        font-size: 20px;
+        text-align: center;
+      }
+    }
+    
+    .my-rank-card {
+      padding: 16px;
+      border-radius: 12px;
+      gap: 16px;
+      
+      .rank-badge {
+        .rank-number {
+          font-size: 28px;
+        }
+        
+        .rank-label {
+          font-size: 11px;
+        }
+      }
+      
+      .my-info {
+        gap: 10px;
+        
+        .level-badge {
+          width: 44px;
+          height: 44px;
+          
+          .level-number {
+            font-size: 18px;
+          }
+        }
+        
+        .my-details {
+          .my-title {
+            font-size: 15px;
+          }
+          
+          .my-exp {
+            font-size: 12px;
+          }
+        }
+      }
+      
+      .checkin-section {
+        width: 100%;
+        
+        .el-button {
+          width: 100%;
+          min-height: 44px;
+          font-size: 15px;
+        }
+        
+        .streak-info {
+          font-size: 12px;
+          margin-top: 8px;
+        }
+      }
+    }
+    
+    .leaderboard-list {
+      gap: 10px;
+      margin-bottom: 16px;
+      
+      .leaderboard-item {
+        padding: 12px;
+        border-radius: 10px;
+        gap: 10px;
+        
+        .rank-section {
+          width: 40px;
+          
+          .rank-icon {
+            width: 28px;
+            height: 28px;
+            font-size: 12px;
+          }
+        }
+        
+        .user-section {
+          gap: 10px;
+          
+          .el-avatar {
+            width: 36px !important;
+            height: 36px !important;
+          }
+          
+          .user-info {
+            .user-name {
+              font-size: 14px;
+            }
+            
+            .user-title {
+              font-size: 12px;
+            }
+          }
+        }
+        
+        .stats-section {
+          gap: 16px;
+          padding-top: 10px;
+          margin-top: 10px;
+          
+          .stat-item {
+            .stat-value {
+              font-size: 14px;
+            }
+            
+            .stat-label {
+              font-size: 11px;
+            }
+          }
+        }
+      }
+    }
+    
+    .load-more {
+      padding: 12px 0 20px;
+    }
+  }
+}
 </style>