/**
 * Onboarding 路由组 loading.tsx（audit-P1-5 新增）
 *
 * 在 onboarding 页面服务端渲染期间（getAuthContext + getOnboardingStatus
 * 数据库查询）展示的骨架屏，匹配 onboarding/page.tsx 的卡片布局与 stepper 结构。
 */
export default function OnboardingRouteLoading() {
  return (
    <main className="flex min-h-screen items-center justify-center bg-muted/30 p-4">
      <div className="w-full max-w-2xl rounded-lg border bg-background p-8 shadow-sm">
        <div className="grid gap-6" aria-busy="true" aria-live="polite">
          {/* 标题与描述 */}
          <div className="grid gap-1.5">
            <div className="h-7 w-40 animate-pulse rounded bg-muted" />
            <div className="h-4 w-64 animate-pulse rounded bg-muted" />
          </div>

          {/* 进度条 */}
          <div className="flex items-center gap-2">
            <div className="h-1 flex-1 rounded bg-muted" />
            <div className="h-1 flex-1 rounded bg-muted" />
            <div className="h-1 flex-1 rounded bg-muted" />
            <div className="h-1 flex-1 rounded bg-muted" />
          </div>

          {/* 表单字段骨架 */}
          <div className="grid gap-4">
            <div className="h-10 animate-pulse rounded bg-muted" />
            <div className="h-10 animate-pulse rounded bg-muted" />
            <div className="h-10 animate-pulse rounded bg-muted" />
          </div>

          {/* 按钮骨架 */}
          <div className="flex justify-between">
            <div className="h-10 w-24 animate-pulse rounded bg-muted" />
            <div className="h-10 w-24 animate-pulse rounded bg-muted" />
          </div>
        </div>
      </div>
    </main>
  )
}
