/* roulang page: index */
:root {
            --primary: #0E7490;
            --accent: #0D9488;
            --highlight: #D97706;
            --dark: #0F172A;
            --surface: #F8FAFC;
        }
        body {
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #1e293b;
            background-color: #ffffff;
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }
        .hero-bg {
            background-image: linear-gradient(to right, rgba(15, 23, 42, 0.95), rgba(14, 116, 144, 0.85)), url('/assets/images/feb208db6b8f8340.webp');
            background-size: cover;
            background-position: center;
        }
        .banner-mask {
            background-image: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(14, 116, 144, 0.9) 100%), url('/assets/images/7cf6e27dc3aee97b.webp');
            background-size: cover;
            background-position: center;
        }