You are reconstructing ONE self-contained HTML page (single file: index.html). Output ONLY that file. No frameworks, no libraries, no build step. Inline ALL CSS in and ALL JS in . Match this specification pixel-for-pixel. Do not invent extra sections, copy, or UI. Do not simplify geometry, tokens, or animation. ================================================================================ GOAL ================================================================================ A full-viewport “Constellation” landing page: a ruled specimen sheet — hairline black frame, two 45° hatch divider bands, a hero (headline + subcopy + two CTAs over a looping mountain VIDEO that is the full hero background), a 4-column footer, a copyright bar. Warm off-white paper. Black ink. Figtree only. Design frame: 1440 × 1161. Root type scale so 1rem === 16px at that frame: html { font-size: clamp(9px, min(1.1111vw, 1.42vh), 22px); } The composition always fits between top and bottom edges; the panorama/video absorbs leftover aspect. No letterboxing. On desktop the whole sheet is one screen. ================================================================================ DOCUMENT HEAD ================================================================================ , lang="en" charset UTF-8 viewport: width=device-width, initial-scale=1, viewport-fit=cover meta description: Constellation — your AI-powered code space that catches the obvious, the subtle, and the “how did that even happen?” theme-color:
……（完整源码请在站内查看）