/* roulang page: index */
:root {
            --primary: #0F52BA;
            --primary-hover: #0A3C8A;
            --secondary-bg: #F8FAFC;
        }
        /* 自定义微动效与样式系统 */
        .hero-diagonal {
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4vw), 0 100%);
        }
        @media (max-width: 768px) {
            .hero-diagonal {
                clip-path: none;
            }
        }
        .card-hover-effect {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-hover-effect:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(15, 82, 186, 0.08), 0 10px 10px -5px rgba(15, 82, 186, 0.04);
        }
        .accordion-content {
            transition: max-height 0.35s ease-in-out, opacity 0.3s ease-in-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .accordion-content.active {
            max-height: 280px;
            opacity: 1;
        }