-
-
-
-
+
+
setOpen(false)} />
+
+
+ {/* 移动端顶部条 */}
+
+
+
+ sundynix{' '}
+ admin
+
+
+
+
+
+
+
)
}
diff --git a/admin/src/components/admin-sidebar.tsx b/admin/src/components/admin-sidebar.tsx
new file mode 100644
index 0000000..e925725
--- /dev/null
+++ b/admin/src/components/admin-sidebar.tsx
@@ -0,0 +1,123 @@
+import { Link, NavLink, useNavigate } from 'react-router-dom'
+import {
+ BarChart3,
+ FileText,
+ Home,
+ LayoutDashboard,
+ LogOut,
+ Moon,
+ Sun,
+ X,
+} from 'lucide-react'
+import { logout } from '@/api/auth'
+import { useTheme } from '@/components/theme-provider'
+import { LogoMark } from '@/components/logo'
+import { cn } from '@/lib/utils'
+
+const NAV = [
+ { to: '/', label: '仪表盘', icon: LayoutDashboard, end: true },
+ { to: '/posts', label: '文章', icon: FileText, end: false },
+ { to: '/visits', label: '访问统计', icon: BarChart3, end: false },
+]
+
+interface Props {
+ open: boolean
+ onClose: () => void
+}
+
+export function AdminSidebar({ open, onClose }: Props) {
+ const navigate = useNavigate()
+ const { resolved, setTheme } = useTheme()
+
+ const itemCls = ({ isActive }: { isActive: boolean }) =>
+ cn(
+ 'flex items-center gap-3 rounded-lg px-3 py-2.5 text-[14px] transition-colors',
+ isActive
+ ? 'bg-accent-soft font-medium text-accent-ink'
+ : 'text-ink-2 hover:bg-ground hover:text-ink',
+ )
+
+ const bottomBtnCls =
+ 'flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-[14px] text-ink-2 transition-colors hover:bg-ground hover:text-ink'
+
+ return (
+ <>
+ {open && (
+
+ )}
+
+
+ )
+}
diff --git a/admin/src/components/confirm-dialog.tsx b/admin/src/components/confirm-dialog.tsx
new file mode 100644
index 0000000..a278c98
--- /dev/null
+++ b/admin/src/components/confirm-dialog.tsx
@@ -0,0 +1,63 @@
+import { cn } from '@/lib/utils'
+
+interface Props {
+ open: boolean
+ title: string
+ description?: string
+ confirmText?: string
+ danger?: boolean
+ loading?: boolean
+ onConfirm: () => void
+ onCancel: () => void
+}
+
+export function ConfirmDialog({
+ open,
+ title,
+ description,
+ confirmText = '确认',
+ danger,
+ loading,
+ onConfirm,
+ onCancel,
+}: Props) {
+ if (!open) return null
+ return (
+
+
e.stopPropagation()}
+ >
+
{title}
+ {description && (
+
+ {description}
+
+ )}
+
+
+
+
+
+
+ )
+}
diff --git a/admin/src/components/login/ai-banner.tsx b/admin/src/components/login/ai-banner.tsx
new file mode 100644
index 0000000..ee0f73d
--- /dev/null
+++ b/admin/src/components/login/ai-banner.tsx
@@ -0,0 +1,168 @@
+import { motion } from 'framer-motion'
+
+/** 登录背景：左青色数据流 + 右紫色神经网络 + 中央连线（呼应 logo）。搬自参考项目。 */
+export default function AIBanner() {
+ const dataParticles = Array.from({ length: 100 }).map((_, i) => ({
+ id: `dp-${i}`,
+ y: 10 + Math.random() * 80,
+ size: Math.random() > 0.8 ? 6 : Math.random() * 3 + 1.5,
+ isSquare: Math.random() > 0.6,
+ duration: Math.random() * 2 + 1.5,
+ delay: Math.random() * 3,
+ opacity: Math.random() * 0.7 + 0.3,
+ }))
+
+ const neuralNodes = [
+ { x: 10, y: 50 }, { x: 30, y: 25 }, { x: 35, y: 75 },
+ { x: 55, y: 45 }, { x: 75, y: 15 }, { x: 70, y: 85 },
+ { x: 90, y: 55 }, { x: 80, y: 40 }, { x: 50, y: 90 },
+ { x: 20, y: 95 }, { x: 95, y: 20 }, { x: 45, y: 10 },
+ { x: 85, y: 75 }, { x: 15, y: 20 },
+ ]
+ const neuralLines = [
+ [0, 1], [0, 2], [1, 3], [2, 3], [1, 4], [3, 4],
+ [3, 6], [2, 5], [3, 5], [5, 6], [4, 7], [6, 7],
+ [2, 8], [5, 8], [0, 9], [2, 9], [4, 10], [7, 10],
+ [1, 11], [4, 11], [6, 12], [5, 12], [0, 13], [1, 13],
+ ]
+
+ return (
+
+
+
+
+
+ {dataParticles.map((p) => (
+
+ ))}
+
+ {Array.from({ length: 20 }).map((_, i) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/admin/src/components/login/ai-core-effect.tsx b/admin/src/components/login/ai-core-effect.tsx
new file mode 100644
index 0000000..03f2efd
--- /dev/null
+++ b/admin/src/components/login/ai-core-effect.tsx
@@ -0,0 +1,305 @@
+import { useState } from 'react'
+import { motion, AnimatePresence } from 'framer-motion'
+import { Cpu, ArrowRight } from 'lucide-react'
+import AIBanner from './ai-banner'
+
+/** 登录前的 boot 过渡：点击芯片 → 神经链接进度 → 解锁。搬自参考项目。 */
+export default function AICoreEffect({ onUnlock }: { onUnlock: () => void }) {
+ const [synced, setSynced] = useState(false)
+ const [progress, setProgress] = useState(0)
+
+ const handleSync = () => {
+ if (synced || progress > 0) return
+ let p = 0
+ const interval = setInterval(() => {
+ p += 1
+ setProgress(p)
+ if (p >= 100) {
+ clearInterval(interval)
+ setSynced(true)
+ setTimeout(() => onUnlock(), 800)
+ }
+ }, 25)
+ }
+
+ return (
+
+ {!synced && (
+
+
+
+
+ 0 ? 'scale-[1.05] opacity-100' : 'scale-100 opacity-90'}`}
+ >
+
+
+
+
+
+
0 ? 'text-fuchsia-500' : 'text-cyan-500/30'}`}
+ animate={{ rotate: progress > 0 ? 360 : 0 }}
+ transition={{ duration: 10, repeat: Infinity, ease: 'linear' }}
+ >
+
+
+
+
+
+
+
+
+ {progress === 0
+ ? 'Core Synchronization Required'
+ : progress < 100
+ ? 'Establishing Neural Link...'
+ : 'Link Established'}
+
+
+ {progress === 0 && (
+
+ INITIATE BOOT
+ SEQUENCE
+
+ )}
+
+ {progress > 0 && (
+
+ {progress}%
+
+ )}
+
+
+ )
+}
diff --git a/admin/src/components/login/login-characters.tsx b/admin/src/components/login/login-characters.tsx
new file mode 100644
index 0000000..1b0387c
--- /dev/null
+++ b/admin/src/components/login/login-characters.tsx
@@ -0,0 +1,424 @@
+import { useState, useEffect, useRef } from 'react'
+
+interface PupilProps {
+ size?: number
+ maxDistance?: number
+ pupilColor?: string
+ forceLookX?: number
+ forceLookY?: number
+}
+
+const Pupil = ({
+ size = 12,
+ maxDistance = 5,
+ pupilColor = 'black',
+ forceLookX,
+ forceLookY,
+}: PupilProps) => {
+ const [mouseX, setMouseX] = useState(0)
+ const [mouseY, setMouseY] = useState(0)
+ const ref = useRef
(null)
+
+ useEffect(() => {
+ const h = (e: MouseEvent) => {
+ setMouseX(e.clientX)
+ setMouseY(e.clientY)
+ }
+ window.addEventListener('mousemove', h)
+ return () => window.removeEventListener('mousemove', h)
+ }, [])
+
+ const calc = () => {
+ if (!ref.current) return { x: 0, y: 0 }
+ if (forceLookX !== undefined && forceLookY !== undefined)
+ return { x: forceLookX, y: forceLookY }
+ const r = ref.current.getBoundingClientRect()
+ const cx = r.left + r.width / 2
+ const cy = r.top + r.height / 2
+ const dx = mouseX - cx
+ const dy = mouseY - cy
+ const dist = Math.min(Math.sqrt(dx * dx + dy * dy), maxDistance)
+ const a = Math.atan2(dy, dx)
+ return { x: Math.cos(a) * dist, y: Math.sin(a) * dist }
+ }
+ const p = calc()
+ return (
+
+ )
+}
+
+interface EyeBallProps {
+ size?: number
+ pupilSize?: number
+ maxDistance?: number
+ eyeColor?: string
+ pupilColor?: string
+ isBlinking?: boolean
+ forceLookX?: number
+ forceLookY?: number
+}
+
+const EyeBall = ({
+ size = 48,
+ pupilSize = 16,
+ maxDistance = 10,
+ eyeColor = 'white',
+ pupilColor = 'black',
+ isBlinking = false,
+ forceLookX,
+ forceLookY,
+}: EyeBallProps) => {
+ const [mouseX, setMouseX] = useState(0)
+ const [mouseY, setMouseY] = useState(0)
+ const ref = useRef(null)
+
+ useEffect(() => {
+ const h = (e: MouseEvent) => {
+ setMouseX(e.clientX)
+ setMouseY(e.clientY)
+ }
+ window.addEventListener('mousemove', h)
+ return () => window.removeEventListener('mousemove', h)
+ }, [])
+
+ const calc = () => {
+ if (!ref.current) return { x: 0, y: 0 }
+ if (forceLookX !== undefined && forceLookY !== undefined)
+ return { x: forceLookX, y: forceLookY }
+ const r = ref.current.getBoundingClientRect()
+ const cx = r.left + r.width / 2
+ const cy = r.top + r.height / 2
+ const dx = mouseX - cx
+ const dy = mouseY - cy
+ const dist = Math.min(Math.sqrt(dx * dx + dy * dy), maxDistance)
+ const a = Math.atan2(dy, dx)
+ return { x: Math.cos(a) * dist, y: Math.sin(a) * dist }
+ }
+ const p = calc()
+ return (
+
+ {!isBlinking && (
+
+ )}
+
+ {items.map((t) => (
+
+ {t.type === 'success' ? (
+
+ ) : (
+
+ )}
+ {t.message}
+
+ ))}
+
+
+
+ {error && (
+
+ {error}
+
+ )}
+
+
+ {cards.map((c) => (
+
+
+ {c.label}
+
+
+
+ {c.value ?? '—'}
+
+
+ ))}
+
+
+
+
+
最近更新
+
+ 全部文章 →
+
+
+
+ {stats && stats.recent.length > 0 ? (
+ stats.recent.map((post) => (
+
+
+ {post.title}
+
+
+ {post.published_at ? (
+
+ 已发布
+
+ ) : (
+
+ 草稿
+
+ )}
+
+ {post.updated_at.slice(0, 10)}
+
+
+
+ ))
+ ) : (
+
+ {stats ? '还没有文章，点右上角新建' : '加载中…'}
+
+ )}
+
+
+