/* roulang page: index */
:root {
            --primary: #0052D9;
            --primary-hover: #003cab;
            --secondary: #00A3C4;
            --text-main: #1A202C;
            --text-muted: #4A5568;
            --border-light: rgba(226, 232, 240, 0.9);
            --bg-light: #F8FAFC;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--text-main); }
        .hero-pattern {
            background-color: #070e1e;
            background-image: radial-gradient(rgba(0, 82, 217, 0.25) 1px, transparent 1px), radial-gradient(rgba(0, 163, 196, 0.15) 1px, #070e1e 1px);
            background-size: 40px 40px;
            background-position: 0 0, 20px 20px;
        }
        .circuit-border {
            border: 1px solid rgba(0, 163, 196, 0.25);
            box-shadow: 0 4px 20px -2px rgba(0, 82, 217, 0.08);
        }