/* roulang page: index */
:root {
      --color-black: #090D16;
      --color-dark: #0F172A;
      --color-accent: #00E599;
      --color-orange: #FF5500;
      --color-light: #F8FAFC;
      --color-border: #E2E8F0;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Inter", sans-serif;
      background-color: #FFFFFF;
      color: #1E293B;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }
    .metric-num {
      font-family: "DIN Alternate", "Inter", -apple-system, sans-serif;
      font-feature-settings: "tnum";
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(9, 13, 22, 0.96) 0%, rgba(15, 23, 42, 0.90) 100%);
    }
    .nav-blur {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .custom-shadow {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.03);
    }
    .custom-shadow-hover:hover {
      box-shadow: 0 10px 25px -5px rgba(0, 229, 153, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
      transform: translateY(-2px);
    }