创建一个网页，展示一个谜题，要求用户在不松开鼠标的情况下，用4条直线连接9个点。

指令：
- 谜题布局：在网页上以3x3网格排列9个点。
- 用户交互：允许用户通过点击并拖动在点与点之间绘制直线，确保绘制过程中直线连续不断。
- 谜题规则：明确说明目标——仅用4条直线连接所有9个点，强调直线必须连续。

反馈：
- 成功信息：当所有点用4条直线正确连接时，显示一个友好、非正式的祝贺信息。
- 错误说明：如果解决方案不正确，提供友好且非正式的解释，指出不符合条件的原因，并给出提示或鼓励。

用户体验：
- 设计一个引人入胜的用户体验，提供清晰的指令和交互反馈，让用户在尝试不同方法时不感到沮丧。

注意事项：
- 创建直观的布局，让用户能够轻松理解谜题规则并顺畅互动。实现检查用户解答正确性的逻辑，并根据操作显示相应反馈。采用最佳网页设计实践，确保网页的无障碍性和响应性。

Создай страницу с головоломкой соедини 9 точек 4-мя линиями не отрывая руки.
опиши правила и сделай чтобы можно было ее решить мышкой.
Обязательно выводи поздравление если задача решена,  или обьяснение почему задача решена не верно.

Q: Как именно должна выглядеть головоломка?
A: Точки в квадрате 3x3.

Q: Какой стиль поздравления или объяснения вас интересует?
A: Неофициальный и дружелюбный.