/* roulang page: index */
:root {
            --color-bg-dark: #0D1117;
            --color-bg-card: #161B22;
            --color-primary: #10B981;
            --color-neon: #00F59B;
            --color-cyan: #06B6D4;
            --color-orange: #F97316;
            --color-text-main: #FFFFFF;
            --color-text-muted: #94A3B8;
            --color-border: #30363D;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
            background-color: var(--color-bg-dark);
            color: var(--color-text-main);
            overflow-x: hidden;
            -webkit-tap-highlight-color: transparent;
        }

        .hero-pattern {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .glass-nav {
            background: rgba(13, 17, 23, 0.88);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .pulse-dot {
            box-shadow: 0 0 0 0 rgba(0, 245, 155, 0.7);
            animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
        }

        @keyframes pulse-ring {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 245, 155, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(0, 245, 155, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 245, 155, 0); }
        }

        .accordion-content {
            transition: max-height 0.35s ease, opacity 0.3s ease;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }

        .accordion-item.active .accordion-content {
            max-height: 400px;
            opacity: 1;
        }

        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }

        .data-gradient-border {
            border: 1px solid rgba(16, 185, 129, 0.3);
            background: linear-gradient(180deg, rgba(22, 27, 34, 0.8) 0%, rgba(13, 17, 23, 0.9) 100%);
        }

        .text-glow-green {
            text-shadow: 0 0 16px rgba(0, 245, 155, 0.45);
        }