/* roulang page: index */
:root {
            --primary: #0F52BA;
            --secondary: #00A86B;
            --midnight: #0B132B;
            --light-bg: #F8FAFC;
            --border: #E2E8F0;
            --text-dark: #1E293B;
            --text-body: #475569;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--text-body); background-color: #ffffff; }
        .hero-banner-bg {
            background: linear-gradient(135deg, rgba(15, 82, 186, 0.95), rgba(11, 19, 43, 0.98)), url('/assets/images/4523d7e00ca14a3b.webp') center/cover no-repeat;
        }
        .deep-dark-bg {
            background: linear-gradient(180deg, #0B132B 0%, #111D40 100%);
        }
        .card-lift {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-lift:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 32px -6px rgba(15, 23, 42, 0.12);
        }
        .step-line::after {
            content: '';
            position: absolute;
            top: 24px;
            right: -50%;
            width: 100%;
            height: 2px;
            background: #CBD5E1;
            z-index: 1;
        }
        @media (max-width: 768px) {
            .step-line::after { display: none; }
        }