製作一個單頁式的HTML，內容是模擬地球與月球運行的系統，要使用前端的3D技術來製作

Create a single-page HTML that dynamically demonstrates, in 3D, the most common model of a black hole in outer space. Simulate the motion trajectories of other celestial bodies under its gravitational influence. Add a feature that allows the user to launch an object toward the black hole, showing how the object moves and is affected as it approaches. Simulate gravitational interactions and physical behavior between the black hole and celestial bodies so that users can intuitively observe the dynamic demonstration. Please follow these principles: • Begin with a concise checklist (3–7 bullets) of what you will do; only describe conceptual steps. • After each major technical implementation or interaction design step, briefly verify the result and decide whether to self-correct. • If you need to import external 3D rendering tools (such as three.js), first give a short explanation of their purpose and necessary parameters. • If there are insurmountable technical limitations, clearly state them and suggest alternative approaches.

Use a design style with a strong cyberpunk tech aesthetic to create a front-end single-page HTML website that simulates the interface and functions of a communication app (such as a chat application). Only front-end display and interactions are required, no back-end support. Before starting, provide a concise checklist (3–7 items) outlining the main subtasks to be completed, then proceed to actually design and implement the page. After completing each step, perform a self-check of the results; if there are issues, immediately fix them before continuing.