/* roulang page: index */
:root {
            --brand-gradient: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
            --accent-gradient: linear-gradient(135deg, #EC4899 0%, #F59E0B 100%);
        }
        html {
            scroll-behavior: smooth;
        }
        .bg-brand-grad {
            background: var(--brand-gradient);
        }
        .bg-accent-grad {
            background: var(--accent-gradient);
        }
        .text-brand-grad {
            background: var(--brand-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .card-hover-fx {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-hover-fx:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(79, 70, 229, 0.12), 0 10px 10px -5px rgba(79, 70, 229, 0.04);
            border-color: #6366F1;
        }
        /* 斜向错位剪裁 */
        .skew-hero-img {
            clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
        }
        @media (max-width: 1024px) {
            .skew-hero-img {
                clip-path: none;
            }
        }