修改图标

app/layout.tsx

@@ -9,26 +9,19 @@ export const metadata: Metadata = {
   description: "随时了解长辈的近况，查看留言、使用动态，给长辈写问候。",
   manifest: "/manifest.webmanifest",
   icons: {
-    icon: [
-      {
-        url: "/pwa/icon-192x192.png",
-        sizes: "192x192",
-        type: "image/png",
-      },
-      {
-        url: "/pwa/icon-512x512.png",
-        sizes: "512x512",
-        type: "image/png",
-      },
-    ],
+    icon: {
+      url: "/app-icon.webp",
+      sizes: "512x512",
+      type: "image/webp",
+    },
     apple: [
       {
-        url: "/pwa/apple-touch-icon.png",
+        url: "/pwa/apple-touch-icon.webp",
         sizes: "180x180",
-        type: "image/png",
+        type: "image/webp",
       },
     ],
-    shortcut: "/pwa/icon-192x192.png",
+    shortcut: "/app-icon.webp",
   },
   appleWebApp: {
     capable: true,

app/login/page.tsx

@@ -1,3 +1,4 @@
+import Image from "next/image";
 import { redirect } from "next/navigation";
 
 import { AccountAuthForm } from "@/components/account-auth-form";
@@ -15,7 +16,14 @@ export default async function LoginPage({ searchParams }: PageProps<"/login">) {
     <main className="app-frame" style={{ display: "flex", alignItems: "center" }}>
       <section style={{ width: "100%", padding: "28px 22px", display: "flex", flexDirection: "column", gap: 22 }}>
         <div>
-          <div style={{ display: "flex", width: 52, height: 52, alignItems: "center", justifyContent: "center", borderRadius: 14, background: "var(--accent)", color: "#fff", fontSize: 22, fontWeight: 700 }}>安</div>
+          <Image
+            src="/app-icon.webp"
+            alt="安智伴"
+            width={52}
+            height={52}
+            priority
+            style={{ display: "block", borderRadius: 14 }}
+          />
           <h1 style={{ margin: "16px 0 0", fontSize: 24, lineHeight: 1.35 }}>安智伴 家属端</h1>
           <p style={{ margin: "8px 0 0", color: "var(--muted)", fontSize: 13.5, lineHeight: 1.7 }}>用同一个账号，在每一台设备上继续守护。长辈的留言、对话与动态都按账号归属。</p>
         </div>

app/manifest.ts

@@ -13,21 +13,21 @@ export default function manifest(): MetadataRoute.Manifest {
     categories: ["utilities", "lifestyle", "health"],
     icons: [
       {
-        src: "/pwa/icon-192x192.png",
+        src: "/pwa/icon-192x192.webp",
         sizes: "192x192",
-        type: "image/png",
+        type: "image/webp",
       },
       {
-        src: "/pwa/icon-512x512.png",
+        src: "/pwa/icon-512x512.webp",
         sizes: "512x512",
-        type: "image/png",
+        type: "image/webp",
       },
       {
-        src: "/pwa/icon-maskable-512x512.png",
+        src: "/pwa/icon-maskable-512x512.webp",
         sizes: "512x512",
-        type: "image/png",
+        type: "image/webp",
         purpose: "maskable",
       },
     ],
   };
-}
+}