/* roulang page: index */
:root {
            --color-primary: #00D084;
            --color-dark: #0F2027;
            --color-accent: #FF6B35;
            --color-bg-light: #F8FAFC;
            --color-slate: #0B1315;
        }
        html {
            scroll-behavior: smooth;
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }
        .hero-bg {
            background: linear-gradient(135deg, rgba(15, 32, 39, 0.94) 0%, rgba(11, 19, 21, 0.96) 100%), url('/assets/images/5a3bd8ea8c052c98.webp') center/cover no-repeat;
        }
        .dark-strip {
            background: radial-gradient(circle at 50% 50%, #162a31 0%, #0B1315 100%);
        }
        .card-shadow {
            box-shadow: 0 4px 20px -2px rgba(15, 32, 39, 0.05);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-shadow:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -4px rgba(0, 208, 132, 0.15);
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(0, 208, 132, 0.4);
        }