/* roulang page: index */
:root {
            --primary-dark: #0F5132;
            --primary-base: #198754;
            --primary-accent: #00E676;
            --navy-base: #0B0F19;
            --navy-card: #141C2E;
            --text-main: #1E293B;
            --text-muted: #64748B;
            --border-light: rgba(226, 232, 240, 0.8);
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: #F8FAFC;
        }
        .mono-num {
            font-family: "DIN Alternate", "Roboto Mono", monospace, sans-serif;
        }
        .hero-pattern {
            background: linear-gradient(180deg, rgba(11, 15, 25, 0.92) 0%, rgba(15, 81, 50, 0.85) 100%), url('/assets/images/21bf415e682039e3.webp') center/cover no-repeat;
        }
        .tech-pattern {
            background: linear-gradient(135deg, rgba(7, 11, 18, 0.96) 0%, rgba(11, 19, 43, 0.94) 100%), url('/assets/images/a7e4420f4a63b1d1.webp') center/cover fixed;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }