```json{
"summary"

```json{
"summary": "已为您创建校园生活页面的左右布局Section，左侧为带渐变背景的图片卡片，右侧为两个并排的图文卡片。组件已实现响应式设计，在移动端自动调整为单列布局。",
"widget": {"type":"custom-template","isAPI":false,"fullWidth":true,"html":"<div class=\"relative\">\n <div class=\"container relative z-10\">\n <div class=\"flex flex-col lg:flex-row gap-8 py-12\">\n <!-- 左侧大卡片 -->\n <div class=\"w-full lg:w-1/2 relative h-[500px] rounded-2xl overflow-hidden\">\n <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https://placehold.co/1000x700&#039;)\"></div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-black/80 to-transparent\"></div>\n <div class=\"absolute bottom-0 left-0 right-0 p-8 text-white\">\n <h2 class=\"text-3xl font-bold mb-3\">校园活动丰富多彩</h2>\n <p class=\"mb-4 opacity-90\">体验多样化的校园文化活动，参与各类社团组织，让大学生活更加精彩纷呈</p>\n <a href=\"#\" class=\"inline-flex items-center font-medium hover:opacity-80 transition-opacity\">\n 阅读更多\n <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"></path>\n </svg>\n </a>\n </div>\n </div>\n \n <!-- 右侧双卡片 -->\n <div class=\"w-full lg:w-1/2\">\n <div class=\"flex flex-col md:flex-row gap-6 h-full\">\n <!-- 卡片1 -->\n <div class=\"w-full md:w-1/2 flex flex-col bg-white rounded-xl overflow-hidden border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\n <div class=\"aspect-[4/3] overflow-hidden\">\n <img src=\"https://placehold.co/600x450\" alt=\"社团活动\" class=\"w-full h-full object-cover\">\n </div>\n <div class=\"p-5 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-gray-900 mb-2 line-clamp-2\">学生社团招新季</h3>\n <p class=\"text-gray-600 mb-4 flex-grow line-clamp-3\">加入心仪的社团，结识志同道合的朋友，发展个人兴趣爱好，提升综合能力。各类学术、文艺、体育社团等你来加入。</p>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800 transition-colors inline-flex items-center mt-auto\">\n 阅读更多\n <svg class=\"w-4 h-4 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"></path>\n </svg>\n </a>\n </div>\n </div>\n \n <!-- 卡片2 -->\n <div class=\"w-full md:w-1/2 flex flex-col bg-white rounded-xl overflow-hidden border border-gray-200 shadow-sm hover:shadow-md transition-shadow\">\n <div class=\"aspect-[4/3] overflow-hidden\">\n <img src=\"https://placehold.co/600x450\" alt=\"学术讲座\" class=\"w-full h-full object-cover\">\n </div>\n <div class=\"p-5 flex flex-col flex-grow\">\n <h3 class=\"text-xl font-bold text-gray-900 mb-2 line-clamp-2\">学术讲座系列</h3>\n <p class=\"text-gray-600 mb-4 flex-grow line-clamp-3\">邀请知名学者专家分享前沿知识，拓宽学术视野，激发创新思维。涵盖科技、文化、经济等多个领域。</p>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800 transition-colors inline-flex items-center mt-auto\">\n 阅读更多\n <svg class=\"w-4 h-4 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"></path>\n </svg>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>"},
"next":["添加更多卡片样式","增加卡片交互效果","调整渐变色方案","优化移动端间距","添加卡片动画效果"]
}
```