提供基本前后端骨架

2026-01-06 23:49:23 +08:00
parent 84d4ccc226
commit 06f8176e23
89 changed files with 19293 additions and 2 deletions
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -0,0 +1,96 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: [
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // 深色系主题 - 灵感来自 Nord/Tokyo Night
+        background: {
+          DEFAULT: '#0f0f14',
+          secondary: '#16161e',
+          tertiary: '#1e1e28',
+          elevated: '#24242e',
+        },
+        foreground: {
+          DEFAULT: '#e8e8ed',
+          muted: '#9898a6',
+          subtle: '#6b6b7a',
+        },
+        primary: {
+          DEFAULT: '#7aa2f7',
+          hover: '#89b4fa',
+          muted: '#3d5a9e',
+        },
+        accent: {
+          DEFAULT: '#bb9af7',
+          green: '#9ece6a',
+          yellow: '#e0af68',
+          red: '#f7768e',
+          cyan: '#7dcfff',
+        },
+        border: {
+          DEFAULT: '#2a2a36',
+          hover: '#3a3a4a',
+        },
+      },
+      fontFamily: {
+        sans: ['Geist', 'system-ui', 'sans-serif'],
+        mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
+      },
+      animation: {
+        'fade-in': 'fadeIn 0.5s ease-out',
+        'slide-up': 'slideUp 0.5s ease-out',
+        'slide-down': 'slideDown 0.3s ease-out',
+        'scale-in': 'scaleIn 0.2s ease-out',
+        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+        'shimmer': 'shimmer 2s linear infinite',
+      },
+      keyframes: {
+        fadeIn: {
+          '0%': { opacity: '0' },
+          '100%': { opacity: '1' },
+        },
+        slideUp: {
+          '0%': { opacity: '0', transform: 'translateY(20px)' },
+          '100%': { opacity: '1', transform: 'translateY(0)' },
+        },
+        slideDown: {
+          '0%': { opacity: '0', transform: 'translateY(-10px)' },
+          '100%': { opacity: '1', transform: 'translateY(0)' },
+        },
+        scaleIn: {
+          '0%': { opacity: '0', transform: 'scale(0.95)' },
+          '100%': { opacity: '1', transform: 'scale(1)' },
+        },
+        shimmer: {
+          '0%': { backgroundPosition: '-200% 0' },
+          '100%': { backgroundPosition: '200% 0' },
+        },
+      },
+      backgroundImage: {
+        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        'gradient-mesh': `
+          radial-gradient(at 40% 20%, hsla(228,97%,71%,0.15) 0px, transparent 50%),
+          radial-gradient(at 80% 0%, hsla(189,94%,63%,0.1) 0px, transparent 50%),
+          radial-gradient(at 0% 50%, hsla(274,87%,73%,0.1) 0px, transparent 50%),
+          radial-gradient(at 80% 50%, hsla(185,93%,73%,0.08) 0px, transparent 50%),
+          radial-gradient(at 0% 100%, hsla(22,93%,63%,0.08) 0px, transparent 50%)
+        `,
+      },
+      boxShadow: {
+        'glow': '0 0 20px rgba(122, 162, 247, 0.3)',
+        'glow-lg': '0 0 40px rgba(122, 162, 247, 0.4)',
+        'inner-glow': 'inset 0 0 20px rgba(122, 162, 247, 0.1)',
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;
+