```json
{
"summary

```json
{
"summary": "已为卡片组件添加平滑的悬停放大效果，图片将在鼠标悬停时轻微放大并缓慢过渡，提升交互体验和视觉吸引力。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"group bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl border-solid border border-gray-100\">\n <div class=\"relative h-48 overflow-hidden\">\n <img src=\"/assets/images/illustration/01.png\" alt=\"高端网站制作\" class=\"w-full h-full object-cover transform transition-all duration-500 ease-in-out group-hover:scale-110\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900/30 to-transparent\"></div>\n </div>\n <div class=\"p-6\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-2 group-hover:text-blue-600 transition-colors duration-300\">高端网站定制服务</h3>\n <p class=\"text-gray-600 mb-4\">专业打造WordPress、Drupal外贸网站，响应式设计，助力企业全球展示</p>\n <div class=\"flex flex-wrap gap-2 mb-4\">\n <span class=\"px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm\">WordPress</span>\n <span class=\"px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm\">Drupal</span>\n <span class=\"px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm\">外贸站</span>\n </div>\n <a href=\"#\" class=\"inline-block px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2\">咨询方案</a>\n </div>\n</div>"
},
"next": ["添加点击涟漪效果","增加评级组件","优化移动端显示","添加产品对比","集成分享功能"]
}
```