```json

```json
{
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"dean-profile\">\n <div class=\"header\">\n <h1>院长简介</h1>\n <div class=\"divider\"></div>\n </div>\n \n <div class=\"content\">\n <div class=\"avatar-section\">\n <img src=\"/assets/images/avatar/02.jpeg\" alt=\"郑永年教授肖像照\" class=\"avatar\">\n <div class=\"info\">\n <h2>郑永年</h2>\n <p>香港中文大学（深圳）教授<br>前海国际事务研究院院长</p>\n </div>\n </div>\n \n <div class=\"bio-section\">\n <div class=\"bio-paragraphs\">\n <p>施普林格-自然出版社(Springer-Nature) ARPE学术期刊(The Asian Review of Political Economy)主编和罗特里奇出版社(Routledge)《中国政策丛书》(China Policy Series)主编。</p>\n <p>获中国北京大学法学学士(1985)、法学硕士(1988)、美国普林斯顿大学政治学硕士(1992)、博士(1995)。历任中国北京大学政治与行政管理系讲师；新加坡国立大学东亚研究所研究员、资深研究员；英国诺丁汉大学中国政策研究所教授和研究主任；新加坡国立大学东亚研究所教授、所长。曾任美国社会科学研究会(Social Science Research Council)和美国麦克阿瑟基金会(John D. and Catherine T. MacArthur Foundation)研究员。</p>\n </div>\n \n <div class=\"bio-paragraphs\">\n <p>主要从事国际关系、外交政策、中国内部转型及其外部影响研究。近年来，先后出版和主编著作近百部，其中英文专著10余部。在国际学术刊物上发表学术论文数十篇。</p>\n <p>2024年被美国斯坦福大学和爱思唯尔数据库评为\"全球前2%顶尖科学家\"。</p>\n </div>\n </div>\n </div>\n</div>\n\n<style lang=\"scss\">\n.dean-profile {\n @apply max-w-7xl mx-auto p-8 md:p-12 lg:p-16;\n \n .header {\n @apply text-center mb-12;\n \n h1 {\n @apply text-4xl font-bold text-gray-900 mb-4;\n }\n \n .divider {\n @apply flex justify-center;\n \n div {\n @apply w-16 h-1 bg-orange-500;\n }\n }\n }\n \n .content {\n @apply flex flex-col gap-y-8 md:grid md:grid-cols-12 md:gap-x-8 lg:gap-x-16;\n \n .avatar-section {\n @apply col-span-12 md:col-span-4 flex flex-col items-center;\n \n .avatar {\n @apply w-64 h-64 object-cover rounded-full shadow-lg mb-6;\n }\n \n .info {\n @apply text-center;\n \n h2 {\n @apply text-2xl font-semibold text-gray-900 mb-1;\n }\n \n p {\n @apply text-base leading-normal text-gray-700;\n }\n }\n }\n \n .bio-section {\n @apply col-span-12 md:col-span-8 flex flex-col;\n \n .bio-paragraphs {\n @apply flex flex-col gap-y-5 mb-8;\n \n p {\n @apply text-base leading-relaxed text-gray-800;\n }\n }\n }\n }\n}\n</style>",
"next": ["添加社交链接","优化响应式间距","增加学术成就卡片","添加动画效果","优化头像边框"]
},
"summary": "已将Tailwind CSS类提取到SCSS样式块中，使用@apply语法并按组件层级进行了嵌套组织。现在组件结构更清晰，样式更易于维护。建议下一步可以添加社交链接图标或优化响应式布局细节。"
}
```