/* roulang page: index */
:root {
            --brand-primary: #0B192C;
            --brand-cyan: #008DDA;
            --brand-green: #41B06E;
            --bg-card: #FFFFFF;
            --text-main: #0F172A;
            --text-muted: #64748B;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: #F8FAFC;
            color: #334155;
            overflow-x: hidden;
        }
        .pulse-beacon {
            position: relative;
        }
        .pulse-beacon::before {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: var(--brand-green);
            left: -14px;
            top: 50%;
            transform: translateY(-50%);
            box-shadow: 0 0 0 0 rgba(65, 176, 110, 0.7);
            animation: pulse 1.8s infinite;
        }
        @keyframes pulse {
            0% { transform: translateY(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(65, 176, 110, 0.7); }
            70% { transform: translateY(-50%) scale(1.1); box-shadow: 0 0 0 8px rgba(65, 176, 110, 0); }
            100% { transform: translateY(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(65, 176, 110, 0); }
        }
        .hero-bg-overlay {
            background: linear-gradient(135deg, rgba(11, 25, 44, 0.94) 0%, rgba(15, 23, 42, 0.88) 100%), url('/assets/images/9bc49e39e27c25db.png') center/cover no-repeat;
        }
        .badge-soft {
            display: inline-flex;
            align-items: center;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 600;
            background: rgba(0, 141, 218, 0.1);
            color: #008DDA;
            border: 1px solid rgba(0, 141, 218, 0.25);
        }