/* roulang page: index */
:root {
            --primary: #00E599;
            --primary-dark: #0B132B;
            --accent: #FF6B35;
            --bg-light: #F8FAFC;
            --bg-slate: #0F172A;
            --text-main: #0F172A;
            --text-muted: #64748B;
            --radius-card: 1.5rem;
            --shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
        }
        html { scroll-behavior: smooth; }
        body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background-color: var(--bg-light); color: #334155; }
        .hero-pattern {
            background-color: #0B132B;
            background-image: radial-gradient(rgba(0, 229, 153, 0.12) 1px, transparent 0);
            background-size: 28px 28px;
        }
        .glow-card {
            box-shadow: 0 0 25px -5px rgba(0, 229, 153, 0.25);
        }
        .code-container {
            background: #090D16;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }