/* roulang page: index */
:root {
            --bg-deep: #0B0F19;
            --cyan-accent: #00D4B2;
            --orange-accent: #FF6B00;
            --border-dark: rgba(255, 255, 255, 0.08);
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: #FAFCFE;
            color: #1E293B;
            overflow-x: hidden;
        }
        .tech-grid-pattern {
            background-size: 32px 32px;
            background-image: 
                linear-gradient(to right, rgba(0, 212, 178, 0.04) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0, 212, 178, 0.04) 1px, transparent 1px);
        }
        .dark-tech-pattern {
            background-size: 28px 28px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }
        .glow-hover:hover {
            box-shadow: 0 0 25px rgba(0, 212, 178, 0.25);
        }
        .btn-touch {
            min-height: 44px;
            min-width: 44px;
        }