<template>
  <section class="flex min-h-[60vh] flex-col items-center justify-center text-center">
    <div class="mos-card max-w-md space-y-4 p-8">
      <div class="text-3xl font-semibold text-mosquito-ink">403</div>
      <div class="text-sm text-mosquito-muted">当前账号无权限访问该页面</div>
      <div class="text-xs text-mosquito-muted">可在演示模式切换角色后再尝试</div>
      <RouterLink
        to="/"
        class="mt-2 inline-flex items-center justify-center rounded-xl bg-mosquito-accent px-4 py-2 text-sm font-semibold text-white shadow-soft"
      >
        返回首页
      </RouterLink>
    </div>
  </section>
</template>
