initial commit

tailwind.config.mjs

@@ -0,0 +1,68 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+  theme: {
+    extend: {
+      colors: {
+        // 新的蓝绿配色
+        morandi: {
+          cream: '#aecedd',    // 最浅的蓝灰色
+          beige: '#b1d9d4',    // 淡绿蓝色
+          sage: '#b2c5d5',     // 淡蓝色
+          dusty: '#b2c5d5',    // 中等蓝色 (重复使用)
+          mauve: '#7a99b0',    // 中等蓝灰色 (衍生色)
+          clay: '#6a8ca3',     // 较深蓝灰色 (衍生色)
+          mist: '#9bb5c8',     // 雾蓝色 (衍生色)
+          stone: '#698297',    // 石蓝色 (衍生色)
+          deep: '#5b778e'      // 最深的蓝色
+        }
+      },
+      fontFamily: {
+        sans: ['Inter', 'system-ui', 'sans-serif'],
+      },
+      animation: {
+        'fade-in': 'fadeIn 0.6s ease-out',
+        'fade-out': 'fadeOut 0.6s ease-out',
+        'slide-up': 'slideUp 0.5s ease-out',
+        'slide-down': 'slideDown 0.5s ease-out',
+        'scale-in': 'scaleIn 0.4s ease-out',
+        'float': 'float 3s ease-in-out infinite',
+      },
+      keyframes: {
+        fadeIn: {
+          '0%': { opacity: '0', transform: 'translateY(10px)' },
+          '100%': { opacity: '1', transform: 'translateY(0)' }
+        },
+        fadeOut: {
+          '0%': { opacity: '1', transform: 'translateY(0)' },
+          '100%': { opacity: '0', transform: 'translateY(-10px)' }
+        },
+        slideUp: {
+          '0%': { transform: 'translateY(100%)' },
+          '100%': { transform: 'translateY(0)' }
+        },
+        slideDown: {
+          '0%': { transform: 'translateY(-100%)' },
+          '100%': { transform: 'translateY(0)' }
+        },
+        scaleIn: {
+          '0%': { opacity: '0', transform: 'scale(0.9)' },
+          '100%': { opacity: '1', transform: 'scale(1)' }
+        },
+        float: {
+          '0%, 100%': { transform: 'translateY(0px)' },
+          '50%': { transform: 'translateY(-5px)' }
+        }
+      },
+      backdropBlur: {
+        'xs': '2px',
+      },
+      borderRadius: {
+        'xl': '1rem',
+        '2xl': '1.5rem',
+        '3xl': '2rem',
+      }
+    },
+  },
+  plugins: [],
+}