```json
{
"summary

```json
{
"summary": "已创建一个响应式特征区域组件，包含图片展示和文本内容区域，图片在移动端显示在上面，在桌面端显示在左侧，文本内容包含标题、装饰线、描述和按钮",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"py-16 px-8 bg-white\">\n <div class=\"container grid gap-8 md:grid-cols-12 md:gap-x-12 items-center\">\n <div class=\"md:col-span-5\">\n <img src=\"http://googleusercontent.com/file_content/0\" alt=\"全球每日要情报告封面\" class=\"w-full h-auto rounded-lg shadow-xl\">\n </div>\n <div class=\"md:col-span-7 flex flex-col gap-y-6\">\n <h2 class=\"text-4xl font-bold text-gray-900 tracking-wide\">《全球每日要情》</h2>\n <div class=\"w-32 h-1 flex flex-row\">\n <div class=\"w-1/4 h-full bg-blue-500\"></div>\n <div class=\"w-1/4 h-full bg-green-500\"></div>\n <div class=\"w-1/4 h-full bg-yellow-400\"></div>\n <div class=\"w-1/4 h-full bg-red-500\"></div>\n </div>\n <p class=\"text-lg text-gray-600 leading-relaxed\">信息构筑认知，判断引领方向，时效决定胜负。本产品为政府、企业与社会提供高度凝练的情报式简讯，助力用户把握全球风向的\"首发智识\"。</p>\n <button class=\"border border-solid border-blue-600 rounded-md py-3 px-6 bg-transparent mt-4 w-fit flex items-center gap-x-2 hover:bg-blue-50\">\n <span class=\"text-base font-medium text-blue-600\">查看第一期预览</span>\n <svg class=\"w-5 h-5 text-blue-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\"></path>\n </svg>\n </button>\n </div>\n </div>\n</div>"
},
"next": [
"添加动画效果",
"优化移动端布局",
"增加图片加载过渡",
"添加按钮点击效果",
"调整装饰线样式"
]
}
```