/* roulang page: index */
:root {
            --primary: #10B981;
            --primary-hover: #059669;
            --dark: #0B0E14;
            --card-bg: #111827;
            --text-light: #F8FAFC;
            --text-dim: #94A3B8;
        }
        body { background-color: var(--dark); color: var(--text-light); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
        .gradient-text { background: linear-gradient(90deg, #10B981, #34D399); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .nav-link { transition: all 0.3s; }
        .nav-link:hover { color: var(--primary); }
        .glass-card { background: rgba(17, 24, 39, 0.7); border: 1px solid rgba(30, 41, 59, 1); backdrop-filter: blur(10px); }
        .btn-primary { background-color: var(--primary); transition: all 0.3s; }
        .btn-primary:hover { background-color: var(--primary-hover); transform: translateY(-2px); }