/* roulang page: index */
:root {
            --primary: #0D766E;
            --accent-emerald: #10B981;
            --accent-amber: #F59E0B;
            --bg-base: #F8FAFC;
            --dark-navy: #062325;
            --text-title: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-base);
            color: var(--text-body);
            line-height: 1.75;
        }
        .scroll-mt-header {
            scroll-margin-top: 80px;
        }
        .custom-shadow {
            box-shadow: 0 4px 20px -2px rgba(13, 118, 110, 0.08);
        }
        .card-lift {
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        .card-lift:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -4px rgba(13, 118, 110, 0.14);
        }