/* roulang page: index */
:root {
            --bg-canvas: #0B0F12;
            --bg-card: #131B20;
            --color-primary: #00E599;
            --color-blue: #0088FF;
            --color-orange: #FF7A00;
            --color-text-main: #FFFFFF;
            --color-text-muted: #94A3B8;
            --border-dim: rgba(51, 65, 85, 0.45);
        }
        body {
            background-color: var(--bg-canvas);
            color: var(--color-text-muted);
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            line-height: 1.8;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6 {
            color: var(--color-text-main);
            line-height: 1.35;
        }
        .glow-neon {
            box-shadow: 0 0 25px rgba(0, 229, 153, 0.18);
        }
        .glow-border {
            border: 1px solid rgba(0, 229, 153, 0.35);
        }
        .data-grid-bg {
            background-size: 32px 32px;
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }
        .badge-live {
            position: relative;
        }
        .badge-live::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #00E599;
            animation: pulse-ring 1.8s infinite;
        }
        @keyframes pulse-ring {
            0% { transform: translateY(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(0, 229, 153, 0.7); }
            70% { transform: translateY(-50%) scale(1.1); box-shadow: 0 0 0 7px rgba(0, 229, 153, 0); }
            100% { transform: translateY(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(0, 229, 153, 0); }
        }
        details summary::-webkit-details-marker {
            display: none;
        }