创建一个网页，包含一个“连点成线”谜题，要求用四条线连续绘制（鼠标不离开），允许线条超出网格范围。说明规则，并使其能够用鼠标互动解决。若解答正确则给予祝贺，否则解释错误原因。

项目概述
- 构建一个用于“连点成线”谜题的网页。
- 实现规则和指南来解释游戏玩法。

界面/用户体验设计与流程
- 极简设计，确保点周围有足够空间以支持经典解法。
- 提供一个可通过鼠标连线的互动区域。
- 实现一个计时器记录挑战时间。

核心功能与逻辑
- 使用 JavaScript/CSS 实现互动线条绘制。
- 验证谜题解决方案：如果正确则显示祝贺信息，若不正确则给出错误说明。
- 计时器记录解题所用时间。

最佳实践
- 针对桌面和移动浏览器进行优化。
- 客户端逻辑需安全高效。
- 为线条绘制和完成通知提供清晰的视觉反馈。

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

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

Q: Какой стиль или визуальное оформление вы предпочитаете для головоломки?
A: Например, минималистичный, яркий и игривый.

Q: Хотите ли вы добавить таймер или счетчик попыток для решения головоломки?
A: Да, хочу таймер.