app/layout.tsx

@@ -1,29 +1,49 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import type { Metadata, Viewport } from "next";
+import { fontVariables } from "@/lib/fonts";
+import { siteConfig } from "@/lib/site-config";
 import "./globals.css";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
+/**
+ * 根布局。
+ *
+ * App Router 要求根布局渲染 <html> 与 <body>。由于所有页面都位于
+ * `app/[locale]/` 下，这里只负责最外层的文档骨架与全局字体变量，
+ * 具体语言、Provider 与导航壳由 `app/[locale]/layout.tsx` 承担。
+ */
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+	metadataBase: new URL(siteConfig.url),
+	title: {
+		default: siteConfig.name,
+		template: `%s · ${siteConfig.name}`,
+	},
+	description: siteConfig.description,
+	applicationName: siteConfig.name,
+	authors: [{ name: siteConfig.author.name }],
+	creator: siteConfig.author.name,
+	formatDetection: {
+		email: false,
+		address: false,
+		telephone: false,
+	},
 };
 
-export default function RootLayout({ children }: LayoutProps<"/">) {
-  return (
-    <html
-      lang="en"
-      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
-    >
-      <body className="min-h-full flex flex-col">{children}</body>
-    </html>
-  );
+export const viewport: Viewport = {
+	width: "device-width",
+	initialScale: 1,
+	themeColor: "#ffffff",
+};
+
+export default function RootLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<html lang="zh-CN" className={fontVariables} suppressHydrationWarning>
+			<body className="min-h-dvh bg-canvas text-ink antialiased">
+				{children}
+			</body>
+		</html>
+	);
 }