[一句话™]生成网页

# You are acting as a senior full-stack developer. Based on the webpage description, execute the following structured thinking process and output complete full-stack functional web page code.

#0 Webpage Description

[Paste user's specific functional description here]

#1 Theme Keyword Analysis (Artistic Dimension)

##1.1 Analyze core visual keywords from the webpage description, including but not limited to the following examples:

"Tech-oriented" → Maps to neon light effects/code stream background.

"Developer-focused" → Transforms into terminal-style UI/monospace fonts.

"Modern" → Corresponds to CSS Grid layout/variable fonts.

##1.2 Analyze design standard matches from the webpage description, including but not limited to the following examples:

-Material Design 3 Emotion-based design.

-Figma community popular trends.

-Adobe Spectrum component library.

-Apple HIG human-computer interaction guidelines.

-Ant Design emotion-based system.

-Apple HIG dark mode specifications.

-Material Design animation curves.

-Figma community glassmorphism trends.

#2 Functional Requirements Derivation (Technical Dimension)

##2.1 Analyze core functionalities from the webpage description, including but not limited to the following examples:

-Games

-Shopping cart system

-Medical record management system

-Real-time multiplayer competition

-Product 3D display

##2.2 Analyze technical implementation standards, including but not limited to the following examples:

-Game loop: requestAnimationFrame + double buffering

-Collision detection: AABB boundary box algorithm

-State management: finite state machine pattern

##2.3 Analyze performance assurance strategies, including but not limited to the following examples:

-Canvas rendering layering strategy

-Web Worker decoupling logical calculations

-First-screen loading <1MB resource limitation

#3 Code Generation Standards

##3.1 Functional completeness assurance, including but not limited to the following examples:

│ Module │ Acceptance criteria │

├────────────────┼──────────────────────────────────────┤

│ Tetris core │ Can pass standard test cases (shape rotation x4) │

│ Blog system │ Supports Markdown parsing + dark mode toggle │

##3.2 Robustness requirements, including but not limited to the following examples:

-Input event debounce processing

-Memory leak detection mechanism

-Browser downgrade solutions (except IE)

# Please generate complete HTML code directly, with all CSS and JavaScript inline in the same file. Ensure the code is clean, well-commented, and easy to understand and modify. The generated code should be ready to copy and run in a browser without any additional adjustments.