/* roulang page: index */
:root {
            --brand-primary: #00E599;
            --brand-accent: #FF5500;
            --brand-dark: #0B0F17;
            --brand-surface: #111827;
            --text-main: #334155;
            --text-light: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: #F8FAFC;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }
        .tabular-nums {
            font-variant-numeric: tabular-nums;
        }
        .bento-glow {
            position: relative;
        }
        .bento-glow::after {
            content: '';
            position: absolute;
            inset: -1px;
            background: linear-gradient(135deg, rgba(0, 229, 153, 0.25), transparent 40%, rgba(255, 85, 0, 0.2));
            border-radius: inherit;
            z-index: -1;
            pointer-events: none;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 4px;
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }