弹窗测试

Posted on

延伸思考

这是一种更内在的理解方式。

真正的学习不是积累，而是忘记后仍然能重新发现。

—— 延伸思考：记忆与顿悟
---
🔐 延伸思考（需要密码）
🔒 延伸思考（模拟人机验证，演示用） 
  <div style="margin-top:.75rem;">
    <label style="font-size:0.95rem;color:#444;">请回答：<strong id="q-text">3 + 4 = ?</strong></label>
    <div style="margin-top:.3rem;display:flex;gap:.5rem;align-items:center;">
      <input id="q-answer" type="text" placeholder="输入答案" style="width:80px;padding:.35rem;border:1px solid #ddd;border-radius:6px;" />
      <button id="fake-unlock" disabled style="padding:.35rem .6rem;border-radius:6px;border:0;background:#ccc;color:#fff;cursor:not-allowed;">解锁并查看</button>
    </div>
    <p id="verify-msg" style="margin-top:.5rem;color:#c33;font-size:0.9rem;display:none;"></p>
  </div>

  <p style="margin-top:.8rem;color:#888;font-size:0.9rem;">（这是模拟验证；真正部署时请换成 Cloudflare Turnstile 或你的后端验证）</p>
</div>