feat: KPL v1.5.0 功能迭代

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

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

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

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

frontend/src/views/trainee/growth-path.vue

@@ -2199,4 +2199,203 @@ onUnmounted(() => {
     }
   }
 }
+
+// 手机端深度优化
+@media (max-width: 480px) {
+  .growth-path-container {
+    padding: 12px;
+    
+    .personal-info {
+      padding: 16px;
+      border-radius: 12px;
+      
+      .info-left {
+        .el-avatar {
+          width: 64px !important;
+          height: 64px !important;
+        }
+        
+        .info-content {
+          .user-name {
+            font-size: 18px;
+          }
+          
+          .user-meta {
+            font-size: 12px;
+            gap: 6px;
+            
+            .separator {
+              margin: 0 4px;
+            }
+          }
+        }
+      }
+      
+      .info-right {
+        .el-button {
+          width: 100%;
+        }
+      }
+    }
+    
+    .main-content {
+      gap: 16px;
+      margin-top: 16px;
+      
+      .card {
+        padding: 14px;
+        border-radius: 12px;
+        
+        .card-header {
+          flex-direction: column;
+          gap: 12px;
+          margin-bottom: 16px;
+          
+          .card-title {
+            font-size: 16px;
+          }
+          
+          .el-button {
+            width: 100%;
+          }
+        }
+      }
+      
+      .ability-radar {
+        .radar-chart {
+          height: 260px;
+        }
+        
+        .ability-feedback {
+          .feedback-item {
+            padding: 12px;
+            
+            .feedback-header-row {
+              .dimension-name {
+                font-size: 14px;
+              }
+              
+              .dimension-score {
+                font-size: 13px;
+              }
+            }
+            
+            .feedback-text {
+              font-size: 12px;
+              line-height: 1.6;
+            }
+          }
+        }
+      }
+    }
+    
+    .ai-learning-hub-inner {
+      padding: 16px;
+      border-radius: 12px;
+      
+      .hub-header {
+        .ai-avatar {
+          width: 48px;
+          height: 48px;
+        }
+        
+        .header-text {
+          .hub-title {
+            font-size: 17px;
+          }
+          
+          .hub-subtitle {
+            font-size: 12px;
+          }
+        }
+        
+        .header-actions {
+          width: 100%;
+          
+          .refresh-btn {
+            width: 100%;
+          }
+        }
+      }
+      
+      .recommendation-stats {
+        .stat-card {
+          padding: 12px;
+          
+          .stat-content {
+            .stat-number {
+              font-size: 20px;
+            }
+            
+            .stat-label {
+              font-size: 11px;
+            }
+          }
+        }
+      }
+      
+      .recommendations-section {
+        .section-header {
+          .section-title {
+            font-size: 15px;
+          }
+          
+          .filter-tabs {
+            width: 100%;
+            overflow-x: auto;
+            
+            .el-radio-group {
+              flex-wrap: nowrap;
+              
+              :deep(.el-radio-button__inner) {
+                padding: 6px 12px;
+                font-size: 12px;
+              }
+            }
+          }
+        }
+        
+        .course-grid {
+          gap: 14px;
+          
+          .smart-course-card {
+            padding: 14px;
+            border-radius: 12px;
+            
+            .card-content {
+              .course-header {
+                .course-name {
+                  font-size: 15px;
+                }
+              }
+              
+              .course-reason {
+                font-size: 12px;
+              }
+              
+              .course-meta {
+                gap: 6px;
+                
+                .meta-tag {
+                  font-size: 11px;
+                  padding: 3px 8px;
+                }
+              }
+              
+              .action-row {
+                flex-direction: column;
+                gap: 10px;
+                
+                .improvement-badge,
+                .el-button {
+                  width: 100%;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>