/* roulang page: index */
:root {
            --primary-gradient: linear-gradient(135deg, #059669 0%, #0284C7 100%);
            --navy-gradient: linear-gradient(180deg, #0B132B 0%, #1C2541 100%);
        }
        html { scroll-behavior: smooth; }
        body { font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; overflow-x: hidden; }
        .bg-brand-gradient { background: var(--primary-gradient); }
        .bg-dark-navy { background: var(--navy-gradient); }
        .badge-pulse::before {
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #10B981;
            margin-right: 6px;
            box-shadow: 0 0 0 rgba(16, 185, 129, 0.4);
            animation: pulse 1.8s infinite;
        }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
            70% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
        }