创建一个网页，其中包含一个谜题，要求用户在不松开鼠标的情况下用4条直线连接9个点。 这些直线可以延伸到点阵以外。包含解谜规则，并提供基于鼠标点击和拖动的交互式解决方案。当答案正确时显示 'Поздравляем, вы решили головоломку!'，或解释为何解答不正确。提供足够空间以便用户可以让直线延伸出网格范围。

项目概述
设计一个谜题页面，展示“用4条直线连9个点”挑战。

UI/UX设计与流程
- 显示以3x3网格排列的9个点。
- 允许用户通过鼠标点击和拖动来绘制直线。
- 确保绘制的直线可以延伸到网格区域之外。

核心功能与逻辑
- 实现点击并拖动绘制直线的功能。
- 在线条绘制完毕后自动检查答案是否正确。
- 提供即时反馈：正确时显示 'Поздравляем, вы решили головоломку!'，错误时给出明确说明。

最佳实践
- 确保界面响应迅速且用户友好。
- 动态验证答案，无需刷新页面。
- 使用清晰的错误提示引导用户找到正确解法。

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

Оставь достаточно места, для того чтобы решить задачу и выйти за пределы как в классическом решении

Q: Как должны выглядеть 9 точек на странице?
A: Например, сетка 3x3.

Q: Какое сообщение вывести при правильном решении?
A: Например, 'Поздравляем, вы решили головоломку!'.