/* roulang page: index */
:root {
            --primary-dark: #0F172A;
            --accent-teal: #0D9488;
            --secondary-blue: #3B82F6;
            --bg-slate: #F8FAFC;
            --surface-white: #FFFFFF;
            --border-color: #E2E8F0;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-slate);
            color: #334155;
            overflow-x: hidden;
        }
        .container-custom {
            width: 100%;
            max-width: 1240px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }
        .nav-blur {
            background-color: rgba(255, 255, 255, 0.94);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        .section-separator {
            border-bottom: 1px solid rgba(226, 232, 240, 0.8);
        }
        .mono-num {
            font-feature-settings: "tnum";
            font-variant-numeric: tabular-nums;
        }