<template>
  <div class="min-h-screen flex flex-col items-center justify-center bg-apple-grey px-6">
    <div class="text-center">
      <h1 class="text-9xl font-bold text-apple-dark mb-4">404</h1>
      <h2 class="text-2xl font-semibold text-apple-dark mb-4">页面未找到</h2>
      <p class="text-apple-text-gray mb-8 max-w-md">
        抱歉，您访问的页面不存在。可能已被移动或删除。
      </p>
      <a
        href="/"
        class="inline-flex items-center px-6 py-3 bg-apple-blue text-white rounded-full font-medium hover:bg-apple-blue-hover transition-colors"
      >
        返回首页
      </a>
    </div>
  </div>
</template>
