咨询接单与意见反馈

💬 咨询接单 · 商务合作 · 意见反馈

承接 海外 VPS 架构部署、独立出海多语言网站搭建、网络性能与路由调优、自动化运维与定制脚本开发。
如果您有商业合作意向，或对本站文章有任何意见和建言，请随时在此留言。

  <!-- 事项类型选择 -->
  <div style="margin-bottom: 22px;">
    <label style="display: block; font-size: 13px; font-weight: 700; color: #e2e8f0; margin-bottom: 10px;">
      📌 请选择事项分类 <span style="color: #f6d365;">*</span>
    </label>
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px;">
      <label style="display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: rgba(7, 8, 12, 0.7); border: 1px solid rgba(229, 184, 90, 0.2); border-radius: 10px; cursor: pointer; font-size: 13px; color: #cbd5e1; transition: all 0.2s;">
        <input type="radio" name="category" value="consulting" checked style="accent-color: #f6d365;">
        <span>🛠️ 商业咨询/接单</span>
      </label>
      <label style="display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: rgba(7, 8, 12, 0.7); border: 1px solid rgba(229, 184, 90, 0.2); border-radius: 10px; cursor: pointer; font-size: 13px; color: #cbd5e1; transition: all 0.2s;">
        <input type="radio" name="category" value="feedback" style="accent-color: #f6d365;">
        <span>💡 意见建议/纠错</span>
      </label>
      <label style="display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: rgba(7, 8, 12, 0.7); border: 1px solid rgba(229, 184, 90, 0.2); border-radius: 10px; cursor: pointer; font-size: 13px; color: #cbd5e1; transition: all 0.2s;">
        <input type="radio" name="category" value="partnership" style="accent-color: #f6d365;">
        <span>🤝 商务合作/赞助</span>
      </label>
      <label style="display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: rgba(7, 8, 12, 0.7); border: 1px solid rgba(229, 184, 90, 0.2); border-radius: 10px; cursor: pointer; font-size: 13px; color: #cbd5e1; transition: all 0.2s;">
        <input type="radio" name="category" value="newsletter" style="accent-color: #f6d365;">
        <span>📬 仅订阅技术周刊</span>
      </label>
    </div>
  </div>

  <!-- 称呼与联系方式 -->
  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-bottom: 20px;">
    <div>
      <label for="lead-name" style="display: block; font-size: 13px; font-weight: 700; color: #e2e8f0; margin-bottom: 8px;">
        👤 您的称呼 / 团队名 <span style="color: #f6d365;">*</span>
      </label>
      <input type="text" id="lead-name" required placeholder="如：李先生 / 张工 / Alex" style="width: 100%; box-sizing: border-box; padding: 12px 16px; border-radius: 10px; background: rgba(7, 8, 12, 0.85); border: 1px solid rgba(229, 184, 90, 0.25); color: #fff; font-size: 13px; outline: none; transition: border 0.2s;">
    </div>

    <div>
      <label for="lead-contact" style="display: block; font-size: 13px; font-weight: 700; color: #e2e8f0; margin-bottom: 8px;">
        📱 联系方式 (微信 / 邮箱 / Telegram) <span style="color: #f6d365;">*</span>
      </label>
      <input type="text" id="lead-contact" required placeholder="如：your_email@domain.com 或 wx_id" style="width: 100%; box-sizing: border-box; padding: 12px 16px; border-radius: 10px; background: rgba(7, 8, 12, 0.85); border: 1px solid rgba(229, 184, 90, 0.25); color: #fff; font-size: 13px; outline: none; transition: border 0.2s;">
    </div>
  </div>

  <!-- 需求详情/留言 -->
  <div style="margin-bottom: 20px;">
    <label for="lead-message" style="display: block; font-size: 13px; font-weight: 700; color: #e2e8f0; margin-bottom: 8px;">
      📝 需求详情或建言内容
    </label>
    <textarea id="lead-message" rows="4" placeholder="请简要说明您的项目诉求、期望交付周期、或对博客文章的修改意见..." style="width: 100%; box-sizing: border-box; padding: 12px 16px; border-radius: 10px; background: rgba(7, 8, 12, 0.85); border: 1px solid rgba(229, 184, 90, 0.25); color: #fff; font-size: 13px; line-height: 1.6; outline: none; resize: vertical; transition: border 0.2s;"></textarea>
  </div>

  <!-- 同时订阅 Newsletter 选项 -->
  <div style="margin-bottom: 24px; padding: 12px 16px; background: rgba(246, 211, 101, 0.05); border: 1px dashed rgba(229, 184, 90, 0.25); border-radius: 10px;">
    <label style="display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 13px; color: #f1f5f9;">
      <input type="checkbox" id="lead-subscribe-nl" checked style="width: 16px; height: 16px; accent-color: #f6d365;">
      <span>同时免费订阅 <strong>ITTinker 技术周刊</strong>（每月精选 VPS 实测、路由深度剖析与独立出海工具链，不发任何垃圾邮件）</span>
    </label>
  </div>

  <!-- 提交按钮 -->
  <button type="submit" id="lead-submit-btn" style="width: 100%; padding: 14px 28px; border-radius: 12px; border: none; background: linear-gradient(135deg, #fce088 0%, #e5b85a 50%, #b88628 100%); color: #07080c; font-size: 15px; font-weight: 800; cursor: pointer; box-shadow: 0 6px 20px rgba(229, 184, 90, 0.35); transition: all 0.25s;">
    🚀 立即提交
  </button>
</form>

<!-- 提交结果提示 -->
<div id="lead-result-box" style="display: none; text-align: center; padding: 24px 16px;">
  <div style="font-size: 42px; margin-bottom: 12px;">🎉</div>
  <h3 style="font-size: 18px; font-weight: 700; color: #f6d365; margin: 0 0 8px;">提交成功！</h3>
  <p id="lead-result-msg" style="font-size: 14px; color: #cbd5e1; margin: 0 0 20px; line-height: 1.6;">
    感谢您的留言！我们已收到并会以最快速度通过您填写的联系方式与您取得沟通。
  </p>
  <button onclick="resetLeadForm()" style="padding: 8px 20px; border-radius: 8px; border: 1px solid rgba(229, 184, 90, 0.4); background: transparent; color: #f6d365; font-size: 13px; cursor: pointer;">
    再次提交新留言
  </button>
</div>

🔒 您的所有信息均通过 Cloudflare 边缘加密传输，仅站长本人可见，绝不泄露给任何第三方。