/* roulang page: index */
:root {
            --primary: #FF5A1F;
            --secondary: #0A2E2B;
            --accent: #00D2A0;
            --darkspace: #090D16;
            --snow: #F8FAFC;
            --field: #EEF2F6;
        }
        html { scroll-behavior: smooth; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #334155;
            background-color: #F8FAFC;
            line-height: 1.75;
            overflow-x: hidden;
        }
        h1, h2, h3, h4 { line-height: 1.25; color: #0F172A; }
        .hero-bg {
            background: linear-gradient(135deg, rgba(10, 46, 43, 0.94) 0%, rgba(9, 13, 22, 0.92) 100%), url('/assets/images/875912044c966516.jpg') center/cover no-repeat;
        }
        .stats-pattern {
            background-image: radial-gradient(rgba(0, 210, 160, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .custom-scrollbar::-webkit-scrollbar { height: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #EEF2F6; border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94A3B8; }
        details summary::-webkit-details-marker { display: none; }