高级图片生成工具

<div style="display: flex; justify-content: center; align-items: center; height: 100%; background: linear-gradient(135deg, #6a11cb, #2575fc); border-radius: 20px; padding: 20px;">
  <div style="text-align: center; color: white; max-width: 800px;">
    <h1 style="font-size: 3rem; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.3);">代码生成图片</h1>
    <p style="font-size: 1.5rem; margin-bottom: 30px;">使用此工具将您的代码转换为精美图片</p>
    <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
      <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 15px; backdrop-filter: blur(5px);">
        <i class="fas fa-download" style="font-size: 2.5rem; margin-bottom: 15px;"></i>
        <h3>一键下载</h3>
      </div>
      <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 15px; backdrop-filter: blur(5px);">
        <i class="fas fa-code" style="font-size: 2.5rem; margin-bottom: 15px;"></i>
        <h3>代码编辑</h3>
      </div>
      <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 15px; backdrop-filter: blur(5px);">
        <i class="fas fa-mobile-alt" style="font-size: 2.5rem; margin-bottom: 15px;"></i>
        <h3>响应式</h3>
      </div>
    </div>
  </div>
</div>