<!DOCTYPE html>
<html>
<head>
  <title>Vercel Demo</title>
  <style>
    body { 
      font-family: sans-serif; 
      background: #f0f9ff;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }
    .container {
      text-align: center;
      padding: 2rem;
      background: white;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    h1 { color: #0070f3; }
  </style>
</head>
<body>
  <div class="container">
    <h1>🎉 Hello cora! 阿嗨嗨</h1>
    <p>Deployed from GitHub in minutes</p>
    <p id="counter">Loading visit count...</p>
  </div>
  <script>
    // 简单的访问计数器
    const counterEl = document.getElementById(
counter);
    const count = localStorage.getItem(visitCount) || 0;
    const newCount = parseInt(count) + 1;
    localStorage.setItem(visitCount, newCount);
    counterEl.textContent = `You visited this page ${newCount} times`;
  </script>
</body>
</html>