/* roulang page: index */
:root {
            --primary-bg: #F9FAFB;
            --surface-bg: #FFFFFF;
            --dark-bg: #111827;
            --text-main: #1F2937;
            --text-muted: #4B5563;
            --brand-gradient: linear-gradient(135deg, #F59E0B 0%, #7C3AED 100%);
            --deep-gradient: linear-gradient(135deg, #111827 0%, #1E1B4B 100%);
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--primary-bg);
            color: var(--text-main);
            overflow-x: hidden;
        }
        .hero-bg-overlay {
            background: linear-gradient(to right, rgba(17, 24, 39, 0.92) 0%, rgba(17, 24, 39, 0.78) 60%, rgba(30, 27, 75, 0.7) 100%);
        }
        .text-gradient {
            background: linear-gradient(135deg, #F59E0B 0%, #A78BFA 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(229, 231, 235, 0.8);
        }
        .dark-glass-card {
            background: rgba(31, 41, 55, 0.6);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }