/* roulang page: index */
:root {
      --bg-dark: #0A0E17;
      --bg-card: #131B2E;
      --primary: #00D26A;
      --accent-red: #FF4D4D;
      --accent-blue: #00A3FF;
      --text-main: #FFFFFF;
      --text-muted: #94A3B8;
      --border-subtle: rgba(51, 65, 85, 0.45);
    }
    * {
      box-sizing: border-box;
      scroll-behavior: smooth;
    }
    body {
      background-color: var(--bg-dark);
      color: #E2E8F0;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(0, 210, 106, 0.12) 0%, rgba(10, 14, 23, 0) 70%);
    }
    .card-glass {
      background: rgba(19, 27, 46, 0.85);
      backdrop-filter: blur(12px);
      border: 1px solid var(--border-subtle);
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #1E293B;
      border-radius: 4px;
    }