/* roulang page: index */
:root {
      --primary: #00E575;
      --primary-hover: #05b85e;
      --bg-dark: #0A0E17;
      --bg-surface: #111827;
      --bg-card: #182234;
      --border-color: #243042;
      --text-main: #F3F4F6;
      --text-muted: #9CA3AF;
    }
    body {
      background-color: var(--bg-dark);
      color: var(--text-main);
      font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
    }
    .metric-number {
      font-family: DIN Alternate, "Roboto", ui-monospace, SFMono-Regular, Menlo, monospace;
    }
    .glass-nav {
      background: rgba(10, 14, 23, 0.88);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #283548;
      border-radius: 4px;
    }
    html {
      scroll-behavior: smooth;
    }