/* roulang page: index */
:root {
            --brand-primary: #10B981;
            --brand-secondary: #8B5CF6;
            --brand-bg: #0B0F19;
            --brand-card: #111827;
            --brand-text: #F8FAFC;
            --brand-muted: #94A3B8;
            --brand-border: #1E293B;
        }
        body {
            background-color: var(--brand-bg);
            color: var(--brand-text);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            scroll-behavior: smooth;
        }
        .glow-emerald {
            box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.25);
        }
        .glow-purple {
            box-shadow: 0 0 25px -5px rgba(139, 92, 246, 0.25);
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #111827;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #374151;
            border-radius: 9999px;
        }
        .accordion-content {
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }
        .accordion-content.open {
            max-height: 200px;
            opacity: 1;
        }