<template>
  <UApp>
    <div class="min-h-screen bg-default text-default">
      <header class="sticky top-0 z-40 border-b border-default/80 bg-default/95 backdrop-blur">
        <UContainer class="flex h-14 items-center justify-between gap-4">
          <NuxtLink to="/" class="flex items-center gap-2 font-semibold tracking-tight text-highlighted">
            <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10 text-primary">
              <UIcon name="i-lucide-orbit" class="size-4" />
            </span>
            Person Panel
          </NuxtLink>
          <div class="flex items-center gap-3 text-sm">
            <NuxtLink to="/" class="text-muted hover:text-default">
              站点首页
            </NuxtLink>
            <NuxtLink to="/login" class="text-muted hover:text-default">
              登录
            </NuxtLink>
          </div>
        </UContainer>
      </header>
      <main>
        <slot />
      </main>
    </div>
  </UApp>
</template>
