feat: improve app ui and project metadata

apps/web/components/generation/CharacterCardItem.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { TextInput } from "@/components/ui/TextInput";
 import type { CharacterCardView } from "@/lib/api/types";
 
 interface CharacterCardItemProps {
@@ -32,11 +33,12 @@ export function CharacterCardItem({
           className="size-4 accent-cinnabar"
         />
         {onEdit ? (
-          <input
+          <TextInput
             value={card.name}
             onChange={(e) => onEdit({ name: e.target.value })}
             aria-label="角色名"
-            className="flex-1 rounded border border-line bg-bg px-2 py-1 font-serif text-base text-ink"
+            controlSize="sm"
+            className="min-w-0 flex-1 font-serif text-base"
           />
         ) : (
           <span className="flex-1 font-serif text-base text-ink">{card.name}</span>
@@ -61,11 +63,12 @@ export function CharacterCardItem({
       <div className="mb-1 flex items-start gap-1 text-ink-soft">
         <span className="shrink-0 text-ink">弧光：</span>
         {onEdit ? (
-          <input
+          <TextInput
             value={card.arc}
             onChange={(e) => onEdit({ arc: e.target.value })}
             aria-label="人物弧光"
-            className="flex-1 rounded border border-line bg-bg px-2 py-1 text-ink"
+            controlSize="sm"
+            className="min-w-0 flex-1"
           />
         ) : (
           <span>{card.arc}</span>