```json
{
"summary

```json
{
"summary": "为昆虫学习APP添加AR识别功能组件，包含相机界面、识别结果展示和知识关联模块。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"relative h-screen bg-gray-900 overflow-hidden\">\n <!-- AR相机界面 -->\n <div class=\"absolute inset-0 bg-black\">\n <div class=\"h-full w-full flex items-center justify-center\">\n <div class=\"text-white text-center\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-16 w-16 mx-auto mb-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\" />\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\" />\n </svg>\n <p class=\"text-lg font-medium\">对准昆虫保持稳定</p>\n <p class=\"text-sm opacity-75 mt-1\">尝试在光线充足的环境下扫描</p>\n </div>\n </div>\n \n <!-- 扫描框 -->\n <div class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2\">\n <div class=\"w-64 h-64 border-2 border-green-400 rounded-lg animate-pulse\"></div>\n </div>\n </div>\n \n <!-- 底部控制栏 -->\n <div class=\"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent pb-10 pt-20 px-4\">\n <div class=\"flex justify-center\">\n <button class=\"w-16 h-16 bg-white rounded-full flex items-center justify-center shadow-lg\">\n <div class=\"w-14 h-14 bg-red-500 rounded-full\"></div>\n </button>\n </div>\n </div>\n \n <!-- 识别结果浮层 -->\n <div class=\"absolute inset-0 bg-black bg-opacity-80 hidden\">\n <div class=\"absolute top-4 right-4\">\n <button class=\"w-10 h-10 bg-gray-700 rounded-full flex items-center justify-center\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </div>\n \n <div class=\"container mx-auto mt-20\">\n <div class=\"bg-white rounded-xl overflow-hidden\">\n <div class=\"h-48 bg-blue-50 flex items-center justify-center\">\n <img src=\"/assets/images/illustration/22.png\" class=\"h-full object-contain\" alt=\"识别结果\">\n </div>\n <div class=\"p-5\">\n <div class=\"flex items-start\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-bold\">七星瓢虫</h3>\n <p class=\"text-gray-500 text-sm\">Coccinella septempunctata</p>\n </div>\n <span class=\"bg-green-100 text-green-800 text-xs px-2 py-1 rounded\">匹配度92%</span>\n </div>\n \n <div class=\"mt-4 text-sm text-gray-700\">\n <p>特征：体长5-8mm，橙红色前翅带有7个黑斑</p>\n <p class=\"mt-2\">益虫，成虫每天可捕食上百只蚜虫</p>\n </div>\n \n <button class=\"mt-6 w-full bg-blue-500 hover:bg-blue-600 text-white py-3 rounded-lg font-medium transition-colors\">\n 查看完整档案\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>"
},
"next": [
"添加3D模型展示",
"集成振动反馈",
"设计错误提示",
"添加标本对比",
"优化扫描动画"
]
}
```