/* roulang page: index */
:root {
            --primary: #0F52BA;
            --primary-glow: rgba(15, 82, 186, 0.35);
            --quant-emerald: #10B981;
            --dark-bg: #0B0E14;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #1F2937;
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .hero-mesh {
            background-image: linear-gradient(to bottom, rgba(11, 14, 20, 0.82), rgba(11, 14, 20, 0.95)), url('/assets/images/319bc37d32e17c59.jpg');
            background-size: cover;
            background-position: center;
        }
        .banner-deep {
            background-image: linear-gradient(to right, rgba(11, 14, 20, 0.96), rgba(18, 23, 34, 0.9)), url('/assets/images/ad5f027e383bbe16.jpg');
            background-size: cover;
            background-position: center;
        }
        .card-glow:hover {
            box-shadow: 0 10px 25px -5px rgba(15, 82, 186, 0.15), 0 8px 10px -6px rgba(15, 82, 186, 0.1);
            border-color: #93C5FD;
        }
        .dark-card-glow:hover {
            box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.15);
            border-color: rgba(16, 185, 129, 0.4);
        }
        .text-glow {
            text-shadow: 0 0 12px var(--primary-glow);
        }
        .custom-scroll::-webkit-scrollbar {
            height: 4px;
        }
        .custom-scroll::-webkit-scrollbar-thumb {
            background: #CBD5E1;
            border-radius: 4px;
        }