<template>
  <div
    class="flex flex-col items-center justify-center min-h-screen bg-black text-white py-20 px-4"
  >
    <h1 class="text-5xl md:text-6xl font-bold mb-8">404</h1>
    <p class="text-xl md:text-2xl mb-8">抱歉，您访问的页面不存在</p>
    <NuxtLink
      to="/"
      class="bg-[#52AC63] hover:bg-[#3f8a4e] text-white font-bold py-2 px-6 rounded transition-colors"
    >
      返回首页
    </NuxtLink>
  </div>
</template>

<script setup lang="ts">
// 为404页面设置适当的SEO
useSeoMeta({
  title: '页面未找到 - 比特电科',
  description: '抱歉，您请求的页面不存在。请返回比特电科首页浏览其他内容。',
  robots: 'noindex, nofollow',
})
</script>

<style scoped></style>
