```json
{
"summary

```json
{
"summary": "正在为您设计校园生活页面的左右布局section，左侧为带渐变的背景卡片，右侧为双列信息卡片，包含封面图片、标题和内容摘要",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"container mx-auto px-4 py-12\">\n <div class=\"flex flex-col lg:flex-row gap-8\">\n <!-- 左侧卡片 -->\n <div class=\"lg:w-1/2\">\n <div class=\"relative h-full rounded-xl overflow-hidden\">\n <img src=\"/assets/images/16-9/business-01.jpg\" alt=\"校园生活\" class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-black/70 to-transparent\"></div>\n <div class=\"absolute bottom-0 left-0 p-6 text-white\">\n <h3 class=\"text-2xl font-bold mb-2\">校园活动精彩瞬间</h3>\n <p class=\"mb-4 line-clamp-2\">记录校园生活中的美好时刻，从学术讲座到体育赛事，每一刻都值得珍藏...</p>\n <a href=\"#\" class=\"inline-block px-4 py-2 bg-blue-500 hover:bg-blue-600 rounded-md transition-colors\">阅读更多</a>\n </div>\n </div>\n </div>\n \n <!-- 右侧双列卡片 -->\n <div class=\"lg:w-1/2 flex flex-col gap-6\">\n <div class=\"flex flex-col border border-solid border-gray-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n <div class=\"aspect-w-4 aspect-h-3 bg-gray-100 overflow-hidden\">\n <img src=\"/assets/images/showcase/1.jpg\" alt=\"学术讲座\" class=\"w-full h-full object-cover\">\n </div>\n <div class=\"p-4\">\n <h3 class=\"text-xl font-bold mb-2\">学术讲座系列</h3>\n <p class=\"text-gray-600 line-clamp-3 mb-4\">邀请各领域专家分享前沿知识，拓展学生视野，激发学术兴趣...</p>\n <a href=\"#\" class=\"text-blue-500 hover:text-blue-600 font-medium\">阅读更多 →</a>\n </div>\n </div>\n \n <div class=\"flex flex-col border border-solid border-gray-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n <div class=\"aspect-w-4 aspect-h-3 bg-gray-100 overflow-hidden\">\n <img src=\"/assets/images/showcase/2.jpg\" alt=\"体育赛事\" class=\"w-full h-full object-cover\">\n </div>\n <div class=\"p-4\">\n <h3 class=\"text-xl font-bold mb-2\">年度体育节</h3>\n <p class=\"text-gray-600 line-clamp-3 mb-4\">全校师生共同参与的体育盛事，展现青春活力，促进团队协作精神...</p>\n <a href=\"#\" class=\"text-blue-500 hover:text-blue-600 font-medium\">阅读更多 →</a>\n </div>\n </div>\n </div>\n </div>\n</div>"
},
"next": [
"添加悬停动画",
"优化渐变效果",
"增加卡片间距",
"调整字体层次",
"优化移动布局"
]
}
```