feat: 更新样式和功能，优化徽章、登录页面和文章页面的布局，增强可访问性和用户体验

admin/src/pages/login-page.tsx

@@ -21,7 +21,10 @@ export function LoginPage({
   const [password, setPassword] = useState('admin123')
 
   return (
-    <div className="flex min-h-screen items-center justify-center px-4 py-10">
+    <main
+      className="flex min-h-screen items-center justify-center px-4 py-10"
+      aria-labelledby="admin-login-title"
+    >
       <div className="grid w-full max-w-5xl gap-6 lg:grid-cols-[1.1fr_0.9fr]">
         <Card className="overflow-hidden border-primary/12 bg-gradient-to-br from-card via-card to-primary/5">
           <CardHeader className="space-y-4">
@@ -57,7 +60,7 @@ export function LoginPage({
 
         <Card>
           <CardHeader>
-            <CardTitle className="flex items-center gap-3">
+            <CardTitle id="admin-login-title" className="flex items-center gap-3">
               <span className="flex h-11 w-11 items-center justify-center rounded-2xl border border-primary/20 bg-primary/10 text-primary">
                 <LockKeyhole className="h-5 w-5" />
               </span>
@@ -119,6 +122,6 @@ export function LoginPage({
           </CardContent>
         </Card>
       </div>
-    </div>
+    </main>
   )
 }