```json
{
"summar

```json
{
"summary": "已创建一个现代化的校园卡片组件，包含学生信息展示、课程安排和快捷操作功能，采用响应式设计适配移动端",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"max-w-sm mx-auto bg-white rounded-xl shadow-lg overflow-hidden border border-gray-100 border-solid\">\n <div class=\"bg-blue-600 p-4 text-white\">\n <div class=\"flex items-center justify-between\">\n <h2 class=\"text-xl font-bold\">校园一卡通</h2>\n <span class=\"text-sm bg-blue-800 px-2 py-1 rounded-full\">有效期内</span>\n </div>\n <p class=\"text-blue-100 text-sm mt-1\">电子学生证 · 2024届</p>\n </div>\n \n <div class=\"p-4\">\n <div class=\"flex items-center space-x-4\">\n <img src=\"/assets/images/avatar/01.jpeg\" alt=\"学生头像\" class=\"w-16 h-16 rounded-full border-2 border-blue-500 border-solid\">\n <div>\n <h3 class=\"font-semibold text-gray-800\">张三</h3>\n <p class=\"text-sm text-gray-600\">学号: 2024123456</p>\n <p class=\"text-sm text-gray-600\">计算机科学与技术学院</p>\n </div>\n </div>\n \n <div class=\"mt-6 grid grid-cols-2 gap-3\">\n <div class=\"bg-blue-50 p-3 rounded-lg\">\n <p class=\"text-xs text-gray-500\">校园余额</p>\n <p class=\"font-bold text-blue-700\">¥128.50</p>\n </div>\n <div class=\"bg-green-50 p-3 rounded-lg\">\n <p class=\"text-xs text-gray-500\">图书馆借阅</p>\n <p class=\"font-bold text-green-700\">3本</p>\n </div>\n </div>\n \n <div class=\"mt-6\">\n <h4 class=\"text-sm font-medium text-gray-700 mb-2\">今日课程</h4>\n <div class=\"space-y-2\">\n <div class=\"flex justify-between items-center text-sm\">\n <span class=\"text-gray-600\">08:00-09:40</span>\n <span class=\"font-medium\">高等数学</span>\n <span class=\"text-gray-500\">A101</span>\n </div>\n <div class=\"flex justify-between items-center text-sm\">\n <span class=\"text-gray-600\">10:00-11:40</span>\n <span class=\"font-medium\">程序设计</span>\n <span class=\"text-gray-500\">B205</span>\n </div>\n </div>\n </div>\n \n <div class=\"mt-6 pt-4 border-t border-gray-100 border-solid\">\n <div class=\"flex justify-around\">\n <button class=\"flex flex-col items-center text-blue-600 hover:text-blue-800 transition-colors\">\n <svg class=\"w-6 h-6 mb-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"></path>\n </svg>\n <span class=\"text-xs\">充值</span>\n </button>\n <button class=\"flex flex-col items-center text-green-600 hover:text-green-800 transition-colors\">\n <svg class=\"w-6 h-6 mb-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"></path>\n </svg>\n <span class=\"text-xs\">成绩</span>\n </button>\n <button class=\"flex flex-col items-center text-purple-600 hover:text-purple-800 transition-colors\">\n <svg class=\"w-6 h-6 mb-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"></path>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"></path>\n </svg>\n <span class=\"text-xs\">设置</span>\n </button>\n </div>\n </div>\n </div>\n \n <div class=\"bg-gray-50 p-3 text-center border-t border-gray-100 border-solid\">\n <p class=\"text-xs text-gray-500\">最后更新: 2024-03-20 08:30</p>\n </div>\n</div>"
},
"next": ["添加扫码功能", "增加消费记录", "添加宿舍门禁", "集成课表查询", "添加挂失功能"]
}
```