/* roulang page: index */
:root {
            --bg-main: #0a0c10;
            --bg-titanium: #12151c;
            --neon-green: #00f5a0;
            --laser-purple: #7928ca;
            --electric-blue: #0070f3;
            --border-glow: rgba(255, 255, 255, 0.08);
        }
        body {
            background-color: var(--bg-main);
            color: #f8fafc;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .glow-border {
            border: 1px solid var(--border-glow);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .glow-border:hover {
            border-color: rgba(0, 245, 160, 0.4);
            transform: translateY(-4px);
            box-shadow: 0 10px 25px -5px rgba(0, 245, 160, 0.1);
        }
        .hero-mesh {
            background-image: radial-gradient(circle at 50% 20%, rgba(121, 40, 202, 0.15) 0%, transparent 60%),
                              radial-gradient(circle at 80% 80%, rgba(0, 245, 160, 0.08) 0%, transparent 50%);
        }
        .cta-pulse {
            box-shadow: 0 0 20px rgba(0, 245, 160, 0.4);
            animation: pulse-glow 3s infinite alternate;
        }
        @keyframes pulse-glow {
            0% { box-shadow: 0 0 15px rgba(0, 245, 160, 0.3); }
            100% { box-shadow: 0 0 28px rgba(0, 245, 160, 0.6); }
        }
        /* 移动端排版优化 */
        @media (max-width: 768px) {
            .mobile-hide { display: none !important; }
        }