schema 的职责不是描述视觉，而是描述页面的事实结构

export const myPage = siteDocumentSchema.parse({
  slug: 'my-page',
  path: '/my-page',
  title: 'My Page',
  description: 'Structured content with a switchable skin.',
  privacy: 'private',
  defaultTheme: 'noir',
  themeOptions: ['noir', 'paper', 'frame'],
  hero: {
    eyebrow: 'PRIVATE ROUTE',
    title: 'Title',
    subtitle: 'Role / Signal / Positioning',
    body: 'Keep copy here, not in the renderer.',
    tags: ['Schema First', 'Theme Switchable'],
    actions: [{ label: 'Open Styles', href: '/styles' }],
    stats: [{ label: 'Themes', value: '3' }]
  },
  sections: [],
  footer: { note: 'schema + theme + renderer', links: [] }
});

export default async function Page({
  searchParams,
}: {
  searchParams?: Promise<Record<string, string | string[] | undefined>>;
}) {
  const params = (await Promise.resolve(searchParams)) ?? {};
  const theme = Array.isArray(params.theme) ? params.theme[0] : params.theme;

  return <SiteRenderer document={myPage} themeId={theme} />;
}

export function middleware(request: NextRequest) {
  const host = request.headers.get('host') ?? '';

  if (host.includes('styles.zondev.top')) {
    return rewrite('/styles' + request.nextUrl.pathname);
  }
}