```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 group\">\n <img src=\"/assets/images/16-9/business-01.jpg\" alt=\"校园生活\" class=\"w-full h-full object-cover aspect-video lg:aspect-auto\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-gray-900/80 via-gray-800/30 to-transparent flex flex-col justify-end p-6\">\n <h3 class=\"text-2xl font-bold text-white mb-2\">校园生活精彩瞬间</h3>\n <p class=\"text-gray-200 mb-4 line-clamp-2\">探索校园丰富多彩的活动和日常，感受青春活力的校园氛围</p>\n <a href=\"#\" class=\"text-gray-300 font-medium hover:text-gray-100 transition-colors inline-flex items-center\">\n 阅读更多\n <svg class=\"w-4 h-4 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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=\"lg:w-1/2 flex flex-col md:flex-row gap-6\">\n <!-- 卡片1 -->\n <div class=\"md:w-1/2 flex flex-col rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow\">\n <div class=\"aspect-w-4 aspect-h-3 bg-gray-200 overflow-hidden\">\n <img src=\"/assets/images/showcase/1.jpg\" alt=\"校园活动\" class=\"w-full h-48 object-cover\">\n </div>\n <div class=\"p-4 flex-1 flex flex-col\">\n <h4 class=\"font-bold text-lg mb-2\">学生社团活动</h4>\n <p class=\"text-gray-600 mb-4 line-clamp-3\">丰富多彩的学生社团活动，涵盖艺术、体育、科技等多个领域，为学生提供全面发展的平台</p>\n <a href=\"#\" class=\"text-gray-700 font-medium hover:text-gray-900 transition-colors mt-auto inline-flex items-center\">\n 了解更多\n <svg class=\"w-4 h-4 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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=\"md:w-1/2 flex flex-col rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow\">\n <div class=\"aspect-w-4 aspect-h-3 bg-gray-200 overflow-hidden\">\n <img src=\"/assets/images/showcase/2.jpg\" alt=\"学术讲座\" class=\"w-full h-48 object-cover\">\n </div>\n <div class=\"p-4 flex-1 flex flex-col\">\n <h4 class=\"font-bold text-lg mb-2\">学术讲座与研讨</h4>\n <p class=\"text-gray-600 mb-4 line-clamp-3\">定期举办的学术讲座和研讨会，邀请知名学者分享最新研究成果，拓展学生学术视野</p>\n <a href=\"#\" class=\"text-gray-700 font-medium hover:text-gray-900 transition-colors mt-auto inline-flex items-center\">\n 了解更多\n <svg class=\"w-4 h-4 ml-1\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\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>"
},
"next": ["添加卡片悬停缩放效果", "优化灰色渐变层次", "添加加载动画", "增加更多交互状态", "优化响应式断点"]
}
```