/* roulang page: index */
:root {
            --bg-main: #FBFBFD;
            --bg-surface: #F5F5F7;
            --bg-dark: #0F172A;
            --color-primary: #1E293B;
            --color-accent: #0EA5E9;
            --text-body: #334155;
            --text-muted: #64748B;
            --border-color: #E2E8F0;
        }
        body {
            background-color: var(--bg-main);
            color: var(--text-body);
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }
        .hero-bg-overlay {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 41, 59, 0.85) 100%), url('/assets/images/cc3a5c246319b4d1.webp') center/cover no-repeat;
        }
        .dark-section-bg {
            background: linear-gradient(180deg, #0F172A 0%, #090D16 100%), url('/assets/images/b931ccaf266e5105.webp') center/cover no-repeat;
        }
        .custom-card {
            border: 1px solid rgba(226, 232, 240, 0.8);
            background: #ffffff;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .custom-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 24px -10px rgba(15, 23, 42, 0.08);
            border-color: #CBD5E1;
        }