/* roulang page: index */
:root {
            --primary-gradient: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);
            --accent-color: #F59E0B;
            --bg-tech: #F8FAFC;
            --text-main: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-tech);
            color: var(--text-body);
            overflow-x: hidden;
        }
        .hero-mesh {
            background-image: radial-gradient(rgba(79, 70, 229, 0.12) 1px, transparent 0), radial-gradient(rgba(6, 182, 212, 0.08) 1px, transparent 0);
            background-position: 0 0, 25px 25px;
            background-size: 50px 50px;
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }
        .glass-dark {
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .code-syntax-keyword { color: #F43F5E; }
        .code-syntax-string { color: #10B981; }
        .code-syntax-func { color: #38BDF8; }
        .code-syntax-comment { color: #64748B; }