/* roulang page: index */
:root {
      --color-primary: #0F5132;
      --color-primary-dark: #0A3622;
      --color-accent: #10B981;
      --color-accent-light: #D1FAE5;
      --color-gold: #F59E0B;
      --color-bg-alt: #F0FDF4;
      --color-text-main: #0F172A;
      --color-text-body: #334155;
      --color-text-muted: #64748B;
      --radius-base: 0.75rem;
    }
    body {
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
      color: var(--color-text-body);
      background-color: #F8FAFC;
    }
    .custom-shadow {
      box-shadow: 0 4px 20px -2px rgba(15, 81, 50, 0.06), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
    }
    .custom-shadow-hover:hover {
      box-shadow: 0 12px 28px -4px rgba(15, 81, 50, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.06);
    }
    .metric-badge {
      display: inline-flex;
      align-items: center;
      padding: 0.25rem 0.625rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 600;
    }