赞助我们HTML页面

• 响应式设计，适配手机 / 平板 / 电脑

• 支持自定义收款码（微信 / 支付宝）图片（上传预览 + 直接替换路径两种方式）

• 支持自定义赞助鸣谢墙的 LOGO 图片

• 简洁美观的 UI 风格

关键功能解释

1. 图片自定义方式：

• 前端上传预览：页面上的「上传图片」按钮可以直接选择本地图片，即时预览效果（适合调试 / 临时修改）。

• 部署时永久替换：如果你需要永久替换图片，直接修改 <img> 标签的 src 属性即可，例如：

<!-- 替换为你的微信收款码图片路径 -->
<img id="wechat-qr" src="./images/wechat-qr.png" alt="微信收款码" ...>

1.  

• 图片路径可以是本地路径（如 ./images/xxx.png）或网络图片 URL（如 https://xxx.com/xxx.png）。

2. 响应式设计：

• 使用 Tailwind CSS 的grid-cols-1 md:grid-cols-2等断点类，在手机上显示 1 列，平板 / 电脑上显示 2 列。

• 图片尺寸自适应，保证在小屏幕设备上也能正常显示。

3. 交互效果：

• 卡片 hover 时的上浮和阴影效果，提升页面质感。

• 上传区域 hover 时的边框变色，引导用户操作。