/* roulang page: index */
:root {
            --primary: #0D5C58;
            --accent: #C59B27;
            --bg-base: #FFFFFF;
            --bg-alt: #F8FAFC;
            --text-main: #0F172A;
            --text-body: #334155;
            --radius-card: 1rem;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            letter-spacing: 0.02em;
            line-height: 1.8;
            color: #334155;
            background-color: #FFFFFF;
        }
        .text-balanced {
            text-wrap: balance;
        }
        .card-hover {
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -8px rgba(13, 92, 88, 0.12);
        }
        .hero-pattern {
            background-image: radial-gradient(circle at 10% 20%, rgba(13, 92, 88, 0.06) 0%, transparent 40%),
                              radial-gradient(circle at 90% 80%, rgba(197, 155, 39, 0.08) 0%, transparent 45%);
        }