/* roulang page: index */
:root {
            --primary-slate: #1E293B;
            --accent-orange: #EA580C;
            --accent-orange-hover: #C2410C;
            --tech-blue: #0F172A;
            --border-color: #E2E8F0;
            --bg-light: #F8FAFC;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
            color: #334155;
            line-height: 1.75;
            background-color: #FFFFFF;
        }
        .skew-hero-img {
            clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0% 100%);
        }
        @media (max-width: 1024px) {
            .skew-hero-img {
                clip-path: none;
            }
        }
        .table-custom th, .table-custom td {
            border-bottom: 1px solid #E2E8F0;
            padding: 14px 18px;
        }