/* roulang page: index */
:root {
            --bg-light: #F4F6F9;
            --tech-dark: #090D16;
            --brand-primary: #008272;
            --brand-accent: #00D2B4;
            --tech-amber: #D97706;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-light);
            color: #1E293B;
            overflow-x: hidden;
        }
        .code-font {
            font-family: 'JetBrains Mono', Menlo, Consolas, monospace;
        }
        .gold-badge {
            background: linear-gradient(135deg, #1A1F2C 0%, #0D1117 100%);
            border: 1px solid rgba(212, 175, 55, 0.4);
            box-shadow: 0 4px 20px -2px rgba(212, 175, 55, 0.15);
        }
        .hero-pattern {
            background-image: linear-gradient(to right, rgba(17, 24, 39, 0.95), rgba(9, 13, 22, 0.9)), url('/assets/images/d64fba72bcd9a748.webp');
            background-size: cover;
            background-position: center;
        }
        .deep-dark-band {
            background-image: linear-gradient(180deg, #090D16 0%, #06080E 100%);
        }