```json
{
"summary

```json
{
"summary": "创建高级双栏杂志展示组件，包含400x500比例的封面图片、动态阴影效果、悬浮动画和详细信息按钮",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"container mx-auto px-4 py-12\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n <div class=\"group relative bg-white rounded-2xl overflow-hidden shadow-xl transition-all duration-500 hover:shadow-2xl hover:-translate-y-2\">\n <div class=\"relative h-[500px] w-full overflow-hidden\">\n <img src=\"/assets/images/showcase/1.jpg\" alt=\"杂志封面\" \n class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-black/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"></div>\n </div>\n <div class=\"p-8\">\n <div class=\"flex justify-between items-start mb-4\">\n <h3 class=\"text-2xl font-bold text-gray-900\">时尚生活月刊</h3>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-blue-100 text-blue-800\">最新刊</span>\n </div>\n <p class=\"text-gray-600 mb-6 line-clamp-2\">这本杂志专注于现代生活方式，涵盖时尚、家居、旅行等多个领域，为读者提供最新潮的生活指南和实用建议。</p>\n <div class=\"flex justify-between items-center\">\n <span class=\"text-sm font-medium text-gray-500\">2023年12月号</span>\n <button class=\"px-4 py-2 rounded-lg bg-blue-600 text-white font-medium hover:bg-blue-700 transition-colors\">\n 查看详情\n </button>\n </div>\n </div>\n </div>\n\n <div class=\"group relative bg-white rounded-2xl overflow-hidden shadow-xl transition-all duration-500 hover:shadow-2xl hover:-translate-y-2\">\n <div class=\"relative h-[500px] w-full overflow-hidden\">\n <img src=\"/assets/images/showcase/2.jpg\" alt=\"杂志封面\" \n class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-black/30 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"></div>\n </div>\n <div class=\"p-8\">\n <div class=\"flex justify-between items-start mb-4\">\n <h3 class=\"text-2xl font-bold text-gray-900\">科技前沿周刊</h3>\n <span class=\"inline-block px-3 py-1 rounded-full text-xs font-semibold bg-purple-100 text-purple-800\">专题刊</span>\n </div>\n <p class=\"text-gray-600 mb-6 line-clamp-2\">报道全球最新科技动态和创新产品，深入分析技术发展趋势，帮助读者把握数字时代的机遇。</p>\n <div class=\"flex justify-between items-center\">\n <span class=\"text-sm font-medium text-gray-500\">2023年11月号</span>\n <button class=\"px-4 py-2 rounded-lg bg-purple-600 text-white font-medium hover:bg-purple-700 transition-colors\">\n 订阅期刊\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>"
},
"next": [
"添加星级评分",
"增加购买数量",
"实现懒加载",
"添加分享功能",
"优化移动端体验"
]
}
```