/* roulang page: index */
:root {
            --primary-green: #0F9D58;
            --deep-green: #0A4D3C;
            --accent-orange: #FF6B35;
            --accent-teal: #1DE9B6;
            --bg-dark: #0D131A;
            --text-main: #121826;
            --text-body: #374151;
            --text-muted: #6B7280;
            --border-light: #E5E7EB;
        }

        html {
            scroll-behavior: smooth;
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }

        body {
            color: var(--text-body);
            background-color: #FFFFFF;
            overflow-x: hidden;
        }

        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .hero-pattern {
            background-color: #073b2e;
            background-image: radial-gradient(#0F9D58 0.75px, transparent 0.75px), radial-gradient(#0A4D3C 0.75px, #073b2e 0.75px);
            background-size: 30px 30px;
            background-position: 0 0, 15px 15px;
        }

        .table-custom tr:nth-child(even) {
            background-color: #F9FAFB;
        }