我需要创建xxx，请帮我生成美观且响应式的HTML+CSS代码。
设计参考
我希望设计风格类似于以下参考：
xxx
技术要求
请使用HTML、TailwindCSS和少量必要的JavaScript
引用Tailwind CSS（v3.0+）通过CDN
页面需完全响应式，在移动设备和桌面端都能良好显示
图片资源
请使用Unsplash API提供的图片作为内容图片
根据内容主题选择合适的关键词
图标要求
使用Font Awesome或Material Icons等专业图标库 (通过CDN引用)
避免使用emoji作为图标替代品
交互细节
按钮悬停时有轻微放大效果
表单输入框聚焦时显示渐变边框
卡片在悬停时有阴影加深效果
特别注意
确保代码干净且有适当注释
提供完整可运行的HTML文件，包含所有必要引用
优化视觉层次和间距，确保设计美观专业