系统管理面板
API 密钥管理、模型状态监控、系统概览
/* Global improvements */ :root { --primary: #7c3aed; --primary-light: #8b5cf6; --secondary: #3b82f6; --accent: #ec4899; --gold: #c9a227; --gold-light: #d4a843; --bg-dark: #0a0a0f; --bg-darker: #060608; --bg-card: rgba(255,255,255,0.03); --bg-card-hover: rgba(255,255,255,0.06); --text-white: #ffffff; --text-gray: #9aa6bf; --text-muted: #6b768f; --border-subtle: rgba(139,92,246,0.12); --border-hover: rgba(139,92,246,0.3); --glow-primary: rgba(124,58,237,0.4); --glow-gold: rgba(201,162,39,0.3); --success: #10b981; --warning: #f59e0b; --radius: 16px; --radius-sm: 8px; --radius-lg: 24px; --shadow: 0 8px 32px rgba(0,0,0,0.4); --shadow-lg: 0 20px 60px rgba(0,0,0,0.5); --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', 'Noto Sans SC', sans-serif; background: var(--bg-dark); color: var(--text-white); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; } .container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; } /* Scroll animations */ .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } .fade-in.visible { opacity: 1; transform: translateY(0); } /* Card hover effects */ .card-hover { transition: var(--transition); } .card-hover:hover { transform: translateY(-4px); box-shadow: var(--shadow); } /* Button focus styles */ .btn:focus-visible, a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; } /* Print styles */ @media print { body { background: #fff; color: #000; } .navbar, .footer, .mobile-toggle { display: none; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
API 密钥管理、模型状态监控、系统概览