```json
{
"summary

```json
{
"summary": "已根据您提供的JSON结构创建了一个现代化的联系卡片列表组件，包含标题、联系卡片、链接行、联系信息和备注文本，采用响应式设计并遵循TailwindCSS最佳实践。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"bg-gray-50 py-8\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl font-bold text-gray-900 mb-6\">联系我们</h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <!-- 联系卡片 1 -->\n <div class=\"bg-white rounded-xl p-6 border border-gray-200 shadow-sm\">\n <div class=\"flex items-center gap-2 mb-4\">\n <a href=\"#\" class=\"text-blue-600 font-semibold text-base hover:underline\">客户服务</a>\n <svg class=\"w-4 h-4 text-blue-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z\" clip-rule=\"evenodd\" />\n <path fill-rule=\"evenodd\" d=\"M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z\" clip-rule=\"evenodd\" />\n </svg>\n </div>\n \n <div class=\"flex items-center gap-3 mt-4\">\n <svg class=\"w-5 h-5 text-gray-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2 3.5A1.5 1.5 0 013.5 2h1A1.5 1.5 0 016 3.5v1A1.5 1.5 0 014.5 6h-1A1.5 1.5 0 012 4.5v-1zM3.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 013.5 6h1A1.5 1.5 0 016 7.5v1A1.5 1.5 0 014.5 10h-1zM8 3.5A1.5 1.5 0 019.5 2h1A1.5 1.5 0 0112 3.5v1A1.5 1.5 0 0110.5 6h-1A1.5 1.5 0 018 4.5v-1zM9.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 019.5 6h1a1.5 1.5 0 011.5 1.5v1A1.5 1.5 0 0110.5 10h-1zM16 3.5A1.5 1.5 0 0117.5 2h1A1.5 1.5 0 0120 3.5v1A1.5 1.5 0 0118.5 6h-1A1.5 1.5 0 0116 4.5v-1zM17.5 10a1.5 1.5 0 01-1.5-1.5v-1a1.5 1.5 0 011.5-1.5h1a1.5 1.5 0 011.5 1.5v1a1.5 1.5 0 01-1.5 1.5h-1z\" clip-rule=\"evenodd\" />\n </svg>\n <div class=\"w-px h-5 bg-gray-300\"></div>\n <div class=\"flex items-baseline gap-1\">\n <a href=\"tel:000-000-0000\" class=\"text-blue-600 font-medium text-base underline\">000-000-0000</a>\n <span class=\"text-gray-600 text-base\">(客户咨询)</span>\n </div>\n </div>\n <p class=\"text-sm text-gray-500 mt-1\">※工作时间：周一至周五 9:00-18:00</p>\n \n <div class=\"flex items-center gap-3 mt-3\">\n <svg class=\"w-5 h-5 text-gray-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2 3.5A1.5 1.5 0 013.5 2h1A1.5 1.5 0 016 3.5v1A1.5 1.5 0 014.5 6h-1A1.5 1.5 0 012 4.5v-1zM3.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 013.5 6h1A1.5 1.5 0 016 7.5v1A1.5 1.5 0 014.5 10h-1zM8 3.5A1.5 1.5 0 019.5 2h1A1.5 1.5 0 0112 3.5v1A1.5 1.5 0 0110.5 6h-1A1.5 1.5 0 018 4.5v-1zM9.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 019.5 6h1a1.5 1.5 0 011.5 1.5v1A1.5 1.5 0 0110.5 10h-1zM16 3.5A1.5 1.5 0 0117.5 2h1A1.5 1.5 0 0120 3.5v1A1.5 1.5 0 0118.5 6h-1A1.5 1.5 0 0116 4.5v-1zM17.5 10a1.5 1.5 0 01-1.5-1.5v-1a1.5 1.5 0 011.5-1.5h1a1.5 1.5 0 011.5 1.5v1a1.5 1.5 0 01-1.5 1.5h-1z\" clip-rule=\"evenodd\" />\n </svg>\n <div class=\"w-px h-5 bg-gray-300\"></div>\n <div class=\"flex items-baseline gap-1\">\n <a href=\"tel:000-000-0000\" class=\"text-blue-600 font-medium text-base underline\">000-000-0000</a>\n <span class=\"text-gray-600 text-base\">(技术支持)</span>\n </div>\n </div>\n <p class=\"text-sm text-gray-500 mt-1\">※紧急问题请直接拨打此号码</p>\n </div>\n \n <!-- 联系卡片 2 -->\n <div class=\"bg-white rounded-xl p-6 border border-gray-200 shadow-sm\">\n <div class=\"flex items-center gap-2 mb-4\">\n <a href=\"#\" class=\"text-blue-600 font-semibold text-base hover:underline\">商务合作</a>\n <svg class=\"w-4 h-4 text-blue-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z\" clip-rule=\"evenodd\" />\n <path fill-rule=\"evenodd\" d=\"M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z\" clip-rule=\"evenodd\" />\n </svg>\n </div>\n \n <div class=\"flex items-center gap-3 mt-4\">\n <svg class=\"w-5 h-5 text-gray-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2 3.5A1.5 1.5 0 013.5 2h1A1.5 1.5 0 016 3.5v1A1.5 1.5 0 014.5 6h-1A1.5 1.5 0 012 4.5v-1zM3.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 013.5 6h1A1.5 1.5 0 016 7.5v1A1.5 1.5 0 014.5 10h-1zM8 3.5A1.5 1.5 0 019.5 2h1A1.5 1.5 0 0112 3.5v1A1.5 1.5 0 0110.5 6h-1A1.5 1.5 0 018 4.5v-1zM9.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 019.5 6h1a1.5 1.5 0 011.5 1.5v1A1.5 1.5 0 0110.5 10h-1zM16 3.5A1.5 1.5 0 0117.5 2h1A1.5 1.5 0 0120 3.5v1A1.5 1.5 0 0118.5 6h-1A1.5 1.5 0 0116 4.5v-1zM17.5 10a1.5 1.5 0 01-1.5-1.5v-1a1.5 1.5 0 011.5-1.5h1a1.5 1.5 0 011.5 1.5v1a1.5 1.5 0 01-1.5 1.5h-1z\" clip-rule=\"evenodd\" />\n </svg>\n <div class=\"w-px h-5 bg-gray-300\"></div>\n <div class=\"flex items-baseline gap-1\">\n <a href=\"tel:000-000-0000\" class=\"text-blue-600 font-medium text-base underline\">000-000-0000</a>\n <span class=\"text-gray-600 text-base\">(业务洽谈)</span>\n </div>\n </div>\n <p class=\"text-sm text-gray-500 mt-1\">※请提前预约会议时间</p>\n \n <div class=\"flex items-center gap-3 mt-3\">\n <svg class=\"w-5 h-5 text-gray-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2 3.5A1.5 1.5 0 013.5 2h1A1.5 1.5 0 016 3.5v1A1.5 1.5 0 014.5 6h-1A1.5 1.5 0 012 4.5v-1zM3.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 013.5 6h1A1.5 1.5 0 016 7.5v1A1.5 1.5 0 014.5 10h-1zM8 3.5A1.5 1.5 0 019.5 2h1A1.5 1.5 0 0112 3.5v1A1.5 1.5 0 0110.5 6h-1A1.5 1.5 0 018 4.5v-1zM9.5 10a1.5 1.5 0 01-1.5-1.5v-1A1.5 1.5 0 019.5 6h1a1.5 1.5 0 011.5 1.5v1A1.5 1.5 0 0110.5 10h-1zM16 3.5A1.5 1.5 0 0117.5 2h1A1.5 1.5 0 0120 3.5v1A1.5 1.5 0 0118.5 6h-1A1.5 1.5 0 0116 4.5v-1zM17.5 10a1.5 1.5 0 01-1.5-1.5v-1a1.5 1.5 0 011.5-1.5h1a1.5 1.5 0 011.5 1.5v1a1.5 1.5 0 01-1.5 1.5h-1z\" clip-rule=\"evenodd\" />\n </svg>\n <div class=\"w-px h-5 bg-gray-300\"></div>\n <div class=\"flex items-baseline gap-1\">\n <a href=\"tel:000-000-0000\" class=\"text-blue-600 font-medium text-base underline\">000-000-0000</a>\n <span class=\"text-gray-600 text-base\">(项目咨询)</span>\n </div>\n </div>\n <p class=\"text-sm text-gray-500 mt-1\">※大型项目请直接联系此号码</p>\n </div>\n </div>\n </div>\n</div>"
},
"next": ["添加悬停效果","增加点击动画","添加更多联系方式","优化移动端布局","添加表单链接"]
}
```