/* roulang page: index */
:root {
            --primary: #0EA5E9;
            --electric: #6366F1;
            --text-main: #0F172A;
            --text-muted: #475569;
            --bg-light: #F8FAFC;
            --bg-alt: #F1F5F9;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: var(--bg-light);
            overflow-x: hidden;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(14, 165, 233, 0.4);
        }
        .hero-banner-bg {
            background-image: linear-gradient(to right, rgba(11, 15, 25, 0.95), rgba(11, 15, 25, 0.8)), url('/assets/images/da1026ede93c7b33.webp');
            background-size: cover;
            background-position: center;
        }
        .card-tech-bg {
            background-image: linear-gradient(to bottom, rgba(17, 24, 39, 0.95), rgba(11, 15, 25, 0.98)), url('/assets/images/60613a700137076a.jpg');
            background-size: cover;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }