/* roulang page: index */
:root {
            --primary: #00E599;
            --primary-glow: rgba(0, 229, 153, 0.22);
            --secondary: #FF5C00;
            --bg-dark: #0B0E11;
            --bg-card: #14181D;
            --border-line: rgba(255, 255, 255, 0.08);
        }
        body {
            background-color: var(--bg-dark);
            color: #E5E7EB;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .glow-hover {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .glow-hover:hover {
            border-color: rgba(0, 229, 153, 0.5);
            box-shadow: 0 0 25px var(--primary-glow);
            transform: translateY(-4px);
        }
        .nav-scrolled {
            background-color: rgba(11, 14, 17, 0.92);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .badge-chip {
            background: linear-gradient(135deg, rgba(0, 229, 153, 0.1) 0%, rgba(0, 229, 153, 0.02) 100%);
            border: 1px solid rgba(0, 229, 153, 0.3);
        }
        .radar-mesh {
            background-image: radial-gradient(rgba(0, 229, 153, 0.12) 1px, transparent 1px);
            background-size: 28px 28px;
        }
        .hero-slide {
            transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
        }
        .accordion-content {
            transition: max-height 0.35s ease-out, opacity 0.3s ease-out;
        }