/* roulang page: index */
:root {
            --color-primary: #0F52BA;
            --color-primary-dark: #0B3C8A;
            --color-accent: #FF5722;
            --color-dark: #111827;
            --color-pagebg: #F8FAFC;
        }
        body {
            background-color: var(--color-pagebg);
            color: #334155;
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Inter, system-ui, -apple-system, sans-serif;
            overflow-x: hidden;
        }
        .custom-shadow {
            box-shadow: 0 10px 30px -5px rgba(15, 82, 186, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
        }
        .hero-pattern {
            background-image: linear-gradient(135deg, rgba(15, 82, 186, 0.94), rgba(17, 24, 39, 0.96)), url('/assets/images/893cf10f13dfa047.png');
            background-size: cover;
            background-position: center;
        }
        .dark-pattern {
            background-image: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(15, 23, 42, 0.98)), url('/assets/images/6f96fb30bd5f18ee.jpg');
            background-size: cover;
            background-position: center;
        }