/* roulang page: index */
:root {
            --primary: #0A6C74;
            --primary-dark: #085359;
            --accent: #635BFF;
            --bg-light: #F7F9FB;
            --text-main: #111827;
            --text-sub: #4B5563;
            --card-shadow: 0 4px 20px -2px rgba(10, 108, 116, 0.05);
            --card-hover-shadow: 0 12px 30px -4px rgba(10, 108, 116, 0.12);
        }
        html { scroll-behavior: smooth; }
        body { font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif; }
        .custom-shadow { box-shadow: var(--card-shadow); }
        .custom-shadow:hover { box-shadow: var(--card-hover-shadow); }
        .hero-banner {
            background: linear-gradient(rgba(11, 15, 25, 0.88), rgba(11, 15, 25, 0.92)), url('/assets/images/0e8897e6a5aebafc.webp') center/cover no-repeat;
        }
        .cases-bg {
            background: linear-gradient(rgba(11, 15, 25, 0.96), rgba(11, 15, 25, 0.98)), url('/assets/images/d3604aa2913090a5.webp') center/cover fixed;
        }