创建 Sakura 二次元个人主页

[Copilot]

Repository was empty (README only). Builds a complete anime-themed single-page personal website deployable via GitHub Pages.

Structure

• index.html — Seven sections: Hero, About, Interests (6 cards), Skills, Works (4 projects), Contact form, Footer
• css/style.css — Pastel/sakura design system via CSS custom properties (pink/lavender/mint palette); glassmorphism navbar; responsive grid layouts (desktop → mobile); scroll-triggered reveal transitions; custom animated scrollbar
• js/main.js — All interactivity with no dependencies:
  • Falling sakura petals (DOM-based, self-replenishing)
  • Typewriter effect cycling through persona phrases
  • IntersectionObserver for reveal animations and skill-bar fill
  • requestAnimationFrame timestamp-driven number counters (avoids setInterval drift)
  • Custom cursor + smooth trail, gated behind (hover: hover) and (pointer: fine) media query for accessibility
  • Hero parallax on mouse move; avatar click particle burst

Key decisions

• Custom cursor hidden on touch/non-hover devices via both CSS @media and JS matchMedia guard — avoids stranding keyboard/touch users with invisible cursor
• Counter animation uses rAF with elapsed-time ratio rather than fixed-step setInterval for frame-rate-independent accuracy
• Zero external JS dependencies; Google Fonts is the only external resource

Original prompt

一个好的二次元个人网站