```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 relative rounded-xl overflow-hidden min-h-[400px]\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-black/70 to-transparent z-10\"></div>\n <img src=\"/assets/images/16-9/business-01.jpg\" alt=\"校园活动\" class=\"w-full h-full object-cover\">\n <div class=\"absolute bottom-0 left-0 right-0 z-20 p-6 text-white\">\n <h3 class=\"text-2xl font-bold mb-2\">校园精彩活动</h3>\n <p class=\"mb-4 line-clamp-3\">这里展示了校园最新的活动动态和学生风采，记录校园生活的点点滴滴。</p>\n <a href=\"#\" class=\"inline-block px-4 py-2 bg-white text-black rounded-md hover:bg-gray-100 transition\">阅读更多</a>\n </div>\n </div>\n \n <!-- 右侧双卡片 -->\n <div class=\"lg:w-1/2 flex flex-col gap-6\">\n <div class=\"flex flex-col md:flex-row gap-6\">\n <!-- 右侧卡片1 -->\n <div class=\"flex-1 bg-white rounded-xl overflow-hidden shadow-md\">\n <div class=\"aspect-w-4 aspect-h-3 bg-gray-100\">\n <img src=\"/assets/images/16-9/business-02.jpg\" alt=\"校园新闻1\" class=\"w-full h-full object-cover\">\n </div>\n <div class=\"p-4\">\n <h4 class=\"text-xl font-bold mb-2\">校园文化艺术节</h4>\n <p class=\"text-gray-600 mb-4 line-clamp-3\">一年一度的文化艺术节即将开幕，各类精彩表演和展览等你来参与。</p>\n <a href=\"#\" class=\"text-blue-600 hover:text-blue-800 transition\">阅读更多 →</a>\n </div>\n </div>\n \n <!-- 右侧卡片2 -->\n <div class=\"flex-1 bg-white rounded-xl overflow-hidden shadow-md\">\n <div class=\"aspect-w-4 aspect-h-3 bg-gray-100\">\n <img src=\"/assets/images/16-9/business-03.jpg\" alt=\"校园新闻2\" class=\"w-full h-full object-cover\">\n </div>\n <div class=\"p-4\">\n <h4 class=\"text-xl font-bold mb-2\">科技创新大赛</h4>\n <p class=\"text-gray-600 mb-4 line-clamp-3\">最新一届科技创新大赛开始报名，展示你的创意和才能，赢取丰厚奖励。</p>\n <a href=\"#\" class=\"text-blue-600 hover:text-blue-800 transition\">阅读更多 →</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>"
},
"next": [
"添加悬停动画",
"优化移动布局",
"增加卡片间距",
"调整渐变透明度",
"添加更多内容"
]
}
```