/* roulang page: index */
:root {
            --color-primary: #0F172A;
            --color-surface-dark: #0A0F1D;
            --color-accent: #10B981;
            --color-action: #F97316;
            --color-bg: #F8FAFC;
            --color-card: #FFFFFF;
            --color-slate: #1E293B;
            --text-heading: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--color-bg);
            color: var(--text-body);
            line-height: 1.75;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6 {
            color: var(--text-heading);
            line-height: 1.25;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
        }
        .timeline-line::before {
            content: '';
            position: absolute;
            top: 24px;
            bottom: 24px;
            left: 15px;
            width: 2px;
            background: #E2E8F0;
            z-index: 0;
        }
        @media (min-width: 768px) {
            .timeline-line-h::before {
                content: '';
                position: absolute;
                top: 24px;
                left: 10%;
                right: 10%;
                height: 2px;
                background: #E2E8F0;
                z-index: 0;
            }
        }