{
"summary": "已将最后一栏中的相对定位容器设置为图片容器，保持原有的布局和样式。"

{
"summary": "已将最后一栏中的相对定位容器设置为图片容器，保持原有的布局和样式。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"bg-white shadow-lg rounded-xl\">\n <div class=\"grid grid-cols-12 gap-x-8\">\n <!-- 产品列 -->\n <div class=\"col-span-12 md:col-span-3 flex flex-col p-6\">\n <div class=\"text-xs font-semibold text-gray-400 tracking-widest\">产品</div>\n <div class=\"mt-6 flex flex-col gap-y-2\">\n <a href=\"#\" class=\"p-2 rounded-lg flex items-center gap-x-4 hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"text-base font-medium text-gray-900\">社区版</div>\n <div class=\"text-sm text-gray-500\">领先的开源无头CMS</div>\n </div>\n </a>\n <a href=\"#\" class=\"p-2 rounded-lg bg-purple-50 flex items-center gap-x-4 hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"flex items-center gap-x-1\">\n <div class=\"text-base font-medium text-purple-800\">企业版</div>\n <svg class=\"w-4 h-4 text-purple-800\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\" />\n </svg>\n </div>\n <div class=\"text-sm text-gray-600\">自托管且企业就绪的版本</div>\n </div>\n </a>\n <a href=\"#\" class=\"p-2 rounded-lg flex items-center gap-x-4 hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"text-base font-medium text-gray-900\">应用市场</div>\n <div class=\"text-sm text-gray-500\">添加功能或集成的插件市场</div>\n </div>\n </a>\n <a href=\"#\" class=\"p-2 rounded-lg flex items-center gap-x-4 hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"text-base font-medium text-gray-900\">云服务</div>\n <div class=\"text-sm text-gray-500\">为您的Strapi应用提供完全托管的平台</div>\n </div>\n </a>\n </div>\n <div class=\"mt-8 pl-2 flex items-center gap-x-4\">\n <a href=\"#\" class=\"flex items-center gap-x-1 hover:bg-purple-100 p-2 rounded-lg\">\n <div class=\"text-sm font-medium text-gray-900\">插件和提供商</div>\n <svg class=\"w-4 h-4 text-gray-900\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\" />\n </svg>\n </a>\n </div>\n </div>\n \n <!-- 功能列 -->\n <div class=\"col-span-12 md:col-span-3 flex flex-col p-6\">\n <div class=\"text-xs font-semibold text-gray-400 tracking-widest\">功能</div>\n <div class=\"mt-6 flex flex-col gap-y-4\">\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"text-base font-medium text-gray-900\">内容类型构建器</div>\n <div class=\"text-sm text-gray-500\">结构化且灵活的内容</div>\n </div>\n </a>\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"text-base font-medium text-gray-900\">媒体库</div>\n <div class=\"text-sm text-gray-500\">高级媒体管理</div>\n </div>\n </a>\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"text-base font-medium text-gray-900\">角色和权限</div>\n <div class=\"text-sm text-gray-500\">细粒度的访问控制</div>\n </div>\n </a>\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-purple-100\">\n <div class=\"flex flex-col\">\n <div class=\"text-base font-medium text-gray-900\">国际化</div>\n <div class=\"text-sm text-gray-500\">强大的多语言网站支持</div>\n </div>\n </a>\n </div>\n </div>\n \n <!-- 企业版列 -->\n <div class=\"col-span-12 md:col-span-6 flex flex-col p-6 bg-purple-100\">\n <div class=\"text-xs font-semibold text-gray-400 tracking-widest\">企业版</div>\n <div class=\"mt-6 relative bg-purple-100 rounded-xl p-8 overflow-hidden\">\n <img src=\"/assets/images/logo/strapi-logo-white.svg\" class=\"relative z-10 flex flex-col items-center justify-center\" alt=\"企业版\">\n </div>\n <button class=\"w-full mt-4 py-3 bg-indigo-600 text-white text-base font-semibold rounded-lg text-center hover:bg-indigo-700 transition-colors\">\n 试用企业版\n </button>\n </div>\n </div>\n</div>"
},
"next": ["添加图标资源","完善悬停效果","添加过渡动画","优化移动端布局","添加焦点状态"]
}