/* 引入Tailwind CSS */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 自定义工具类 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
    }
    .hover-lift {
        transition: all 0.3s ease;
    }
    .hover-lift:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    }
}
  <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#239dda',
                        secondary: '#00396B',
                        accent: '#FFB74D',
                        dark: '#333333',
                        light: '#F5F7FA'
                    },
                    fontFamily: {
                        sans: ['Microsoft YaHei', 'Segoe UI', 'system-ui', 'sans-serif']
                    }
                }
            }
        }
    </script>