太阳系模拟器

请生成一个独立的HTML文件，其中包含一个可交互的太阳系模拟器。

所有代码应包含在 <html> 文件内，不要引用外部库或文件。

该模拟器应具备以下功能：

视觉与场景

• 背景：深色背景，模拟宇宙空间。
• 恒星：中心应有一个发光的大型黄色球体代表太阳。
• 行星：围绕太阳绘制八颗主要的行星（水星、金星、地球、火星、木星、土星、天王星、海王星），每颗行星的颜色和相对大小应有视觉区分度。土星应有环。
• 轨道：为每颗行星绘制椭圆（或圆形）轨道，以同心圆或接近同心圆的形式环绕太阳，清晰地显示它们的运动路径。
• 标题：页面顶部中央显示“Solar System Simulation”标题。

模拟功能

• 行星运动：
  • 所有行星应以各自的速度沿其轨道围绕太阳公转。
  • 行星的公转速度应与其实际太阳系中的相对速度成比例，越靠近太阳的行星移动越快。
• 初始状态：加载时，行星应处于其预设的初始位置，并可能处于暂停状态或以默认速度开始运行。

交互与控制面板

• 控制面板：在模拟区域下方有一个水平布局的控制面板，包含以下交互元素：
  • “Start”按钮：点击后开始或恢复模拟。
  • “Pause”按钮：点击后暂停模拟。
  • “Reset”按钮：点击后将所有行星重置到其初始位置和默认速度。
  • “Speed”滑块：一个滑块控件，允许用户调整模拟的速度，范围从慢速到快速（例如，从1倍速到5倍速，并显示当前的倍数）。

技术考量

• 使用HTML作为基本结构。
• 使用CSS进行基本布局、背景、按钮和行星的样式设置。
• 核心模拟功能必须使用JavaScript实现，包括：
  • 绘制太阳、行星和轨道（推荐使用 <canvas> 元素进行绘制）。
  • 计算行星的实时位置以模拟公转。
  • 处理“Start”、“Pause”、“Reset”按钮的点击事件。
  • 根据“Speed”滑块的值调整模拟的帧率或步长。
• 确保动画流畅，行星运动轨迹平滑。