feat(characters): use local character catalog

src/app/splash/splash-screen.tsx

@@ -3,8 +3,11 @@
 import { useEffect } from "react";
 
 import { AppBottomNav, MobileShell } from "@/app/_components/core";
-import { ROUTES } from "@/router/routes";
 import { useAppNavigator } from "@/router/use-app-navigator";
+import {
+  useActiveCharacter,
+  useActiveCharacterRoutes,
+} from "@/providers/character-provider";
 import { useAuthState } from "@/stores/auth/auth-context";
 import { pwaUtil } from "@/utils/pwa";
 
@@ -20,8 +23,11 @@ import styles from "./components/splash-screen.module.css";
 
 export function SplashScreen() {
   const navigator = useAppNavigator();
+  const character = useActiveCharacter();
+  const characterRoutes = useActiveCharacterRoutes();
   const authState = useAuthState();
   const latestMessage = useSplashLatestMessage({
+    characterId: character.id,
     hasInitialized: authState.hasInitialized,
     isAuthLoading: authState.isLoading,
     loginStatus: authState.loginStatus,
@@ -32,11 +38,11 @@ export function SplashScreen() {
   };
 
   const handleOpenPrivateRoom = () => {
-    navigator.push(ROUTES.privateRoom, { scroll: false });
+    navigator.push(characterRoutes.privateRoom, { scroll: false });
   };
 
   const handleOpenSplash = () => {
-    navigator.push(ROUTES.splash, { scroll: false });
+    navigator.push(characterRoutes.splash, { scroll: false });
   };
 
   useEffect(() => {
@@ -46,7 +52,7 @@ export function SplashScreen() {
   return (
     <MobileShell background="var(--color-sidebar-background)">
       <div className={styles.wrapper}>
-        <SplashBackground />
+        <SplashBackground src={character.assets.cover} />
         {/* 渐变叠加层：accent → transparent (bottom-left → center-right) */}
         <div className={styles.gradientOverlay} aria-hidden="true" />
         <div className={styles.content}>
@@ -54,6 +60,8 @@ export function SplashScreen() {
           <div className={styles.spacer} />
           <SplashLatestMessage
             message={latestMessage.message}
+            characterName={character.shortName}
+            avatarUrl={character.assets.avatar}
             isLoading={latestMessage.isLoading}
             onOpenChat={handleStartChat}
           />
@@ -62,7 +70,7 @@ export function SplashScreen() {
             <SplashButton onStartChat={handleStartChat} />
           </div>
           <p className={styles.bottom}>
-            Elio Silvestri, Your exclusive AI boyfriend
+            {character.displayName}, {character.copy.splashRelationship}
             <br />
             24/7 online | Chat | Companion | Heal | Sweet moments
           </p>
@@ -70,6 +78,7 @@ export function SplashScreen() {
         <AppBottomNav
           activeItem="chat"
           variant="dark"
+          privateRoomLabel={character.copy.privateRoomTitle}
           onChatClick={handleOpenSplash}
           onPrivateRoomClick={handleOpenPrivateRoom}
         />