```json
{
"widget"

```json
{
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<style lang=\"scss\">\n.research-institute {\n @apply bg-green-50 py-16;\n \n .container {\n @apply mx-auto px-4 md:px-6;\n \n .content-wrapper {\n @apply flex flex-col md:flex-row items-center gap-8;\n \n .image-container {\n @apply md:w-1/2;\n \n img {\n @apply w-full h-auto;\n }\n }\n \n .text-container {\n @apply md:w-1/2;\n \n p {\n @apply text-gray-700 text-lg leading-relaxed;\n }\n }\n }\n }\n}\n</style>\n\n<div class=\"research-institute\">\n <div class=\"container\">\n <div class=\"content-wrapper\">\n <div class=\"image-container\">\n <img src=\"https://placehold.co/600x400\" alt=\"研究院展示图\">\n </div>\n <div class=\"text-container\">\n <p>\n 前海国际事务研究院（以下简称\"研究院\"）是一所由香港中文大学（深圳）举办的民办非营利社会科学研究机构。研究院以\"研究世界、探索前路、体认天理、经世治平\"为理念，致力于打造一个立足深圳、放眼全球的具有国际影响力的学术思想重镇与政策研究型智库，培养具有国家情怀和国际视野的优秀人才，为区域及国家的战略发展提供及时的、富有预见性的政策分析。\n </p>\n </div>\n </div>\n </div>\n</div>"
},
"next": [
"优化图片尺寸",
"添加响应式断点",
"增加悬停效果",
"优化文字排版",
"添加动画效果"
],
"summary": "已将Tailwind CSS类通过@apply语法重构为SCSS嵌套结构，并更新了图片资源链接。下一步可以考虑优化组件的交互效果和视觉表现。"
}
```