/* roulang page: index */
:root {
            --color-primary: #0A4D68;
            --color-secondary: #088395;
            --color-accent: #05BFDB;
            --color-dark: #051923;
            --color-slate-text: #0F172A;
            --color-muted: #475569;
            --color-border: #E2E8F0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--color-slate-text);
            background-color: #ffffff;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }
        .text-balanced {
            text-wrap: balance;
        }
        .hero-mesh {
            background-color: #051923;
            background-image: radial-gradient(at 10% 20%, rgba(10, 77, 104, 0.6) 0px, transparent 50%),
                              radial-gradient(at 90% 80%, rgba(5, 191, 219, 0.25) 0px, transparent 50%);
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.06);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.12);
        }
        .badge-pill {
            display: inline-flex;
            align-items: center;
            padding: 0.35rem 0.85rem;
            font-size: 0.8125rem;
            font-weight: 600;
            letter-spacing: 0.025em;
            border-radius: 9999px;
        }