/* roulang page: index */
:root {
            --bg-main: #020617;
            --card-bg: rgba(15, 23, 42, 0.7);
            --border-color: rgba(51, 65, 85, 0.6);
            --accent-cyan: #06b6d4;
            --accent-teal: #2dd4bf;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-main);
            color: #f1f5f9;
            overflow-x: hidden;
        }
        .radar-grid {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(14, 165, 233, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(14, 165, 233, 0.05) 1px, transparent 1px);
        }
        .glow-cyan {
            box-shadow: 0 0 35px -5px rgba(6, 182, 212, 0.3);
        }
        .hero-banner-bg {
            background-image: linear-gradient(to bottom, rgba(2, 6, 23, 0.85), rgba(2, 6, 23, 0.96)), url('/assets/images/00b2cf03a5187e77.png');
            background-size: cover;
            background-position: center;
        }