/* roulang page: index */
:root {
            --primary: #0F2B48;
            --primary-dark: #0A192F;
            --accent: #FF5A1F;
            --surface: #F8FAFC;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #1E293B;
            background-color: #FFFFFF;
            scroll-behavior: smooth;
        }
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 1.5rem;
        }
        .hero-gradient {
            background: linear-gradient(135deg, rgba(15, 43, 72, 0.95) 0%, rgba(10, 25, 47, 0.98) 100%);
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.06);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.12);
        }
        .badge-pulse {
            box-shadow: 0 0 0 0 rgba(255, 90, 31, 0.7);
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 90, 31, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 90, 31, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 90, 31, 0); }
        }