<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>消逝的红叶</title>
<style>
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: "Songti SC", "SimSun", serif; background: #faf6f1; color: #5a4a42; min-height: 100vh; display: flex; flex-direction: column; }
  .wrap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; text-align: center; }
  .leaf { font-size: 56px; color: #b5442f; }
  h1 { margin-top: 18px; font-size: 38px; letter-spacing: 10px; font-weight: normal; color: #8c3a2b; }
  .sub { margin-top: 12px; font-size: 14px; color: #a08a7d; letter-spacing: 3px; }
  .line { width: 60px; height: 1px; background: #c9a99a; margin: 36px auto; }
  .words p { line-height: 2.4; font-size: 17px; color: #7a6458; }
  nav { margin-top: 40px; }
  nav a { color: #8c3a2b; text-decoration: none; margin: 0 14px; font-size: 14px; letter-spacing: 2px; }
  footer { text-align: center; padding: 22px 0; font-size: 13px; color: #b0a096; }
  footer a { color: #b0a096; text-decoration: none; }
  footer a:hover { color: #8c3a2b; }
</style>
</head>
<body>
  <div class="wrap">
    <div class="leaf">🍁</div>
    <h1>消逝的红叶</h1>
    <p class="sub">落叶知秋，往事随风</p>
    <div class="line"></div>
    <div class="words">
      <p>又是一年叶落时，</p>
      <p>说不清是想念，还是只是有点累。</p>
      <p>风吹过，就算了。</p>
    </div>
    <nav><a href="#">首页</a><a href="#">碎碎念</a><a href="#">关于</a></nav>
  </div>
  <footer>
    <p>© 消逝的红叶 · 个人网站</p>
    <p><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">蜀ICP备14031707号-1</a></p>
  </footer>
</body>
</html>
