/* roulang page: index */
:root {
            --primary-dark: #0F172A;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --bg-base: #FAFAFA;
            --bg-subtle: #F1F5F9;
            --text-main: #0F172A;
            --text-body: #475569;
            --text-caption: #94A3B8;
        }
        body {
            background-color: var(--bg-base);
            color: var(--text-body);
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
        }
        h1, h2, h3, h4, h5, h6 {
            color: var(--text-main);
            line-height: 1.3;
        }
        .bento-card {
            background: #ffffff;
            border: 1px solid #E2E8F0;
            transition: all 0.25s ease-in-out;
        }
        .bento-card:hover {
            border-color: #10B981;
            box-shadow: 0 12px 24px -10px rgba(16, 185, 129, 0.12);
            transform: translateY(-2px);
        }
        .emerald-glow {
            box-shadow: 0 0 20px -5px rgba(16, 185, 129, 0.35);
        }
        .dark-section-glow {
            background: radial-gradient(circle at 50% 20%, rgba(16, 185, 129, 0.08) 0%, rgba(11, 15, 25, 0.98) 75%);
        }