/* roulang page: index */
:root {
            --primary: #0F2B38;
            --accent: #00D285;
            --secondary: #4A6977;
            --dark-bg: #08161E;
            --light-bg: #F5F8FA;
            --font-title: #0D1C24;
            --font-body: #344C57;
            --font-muted: #6B828E;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--font-body);
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .text-num {
            font-family: "SF Pro Display", -apple-system, "DIN Alternate", "Arial Black", sans-serif;
            font-feature-settings: "tnum";
            font-variant-numeric: tabular-nums;
        }
        .hero-pattern {
            background-image: linear-gradient(135deg, rgba(8, 22, 30, 0.94) 0%, rgba(15, 43, 56, 0.88) 100%), url('/assets/images/7831566df8c536ec.webp');
            background-size: cover;
            background-position: center;
        }