/* roulang page: index */
:root {
      --primary: #6366F1;
      --primary-dark: #4F46E5;
      --accent: #10B981;
      --bg-slate: #0F172A;
      --card-border: rgba(226, 232, 240, 0.8);
    }
    body {
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(99, 102, 241, 0.22) 0%, rgba(15, 23, 42, 0.85) 75%);
    }
    .glass-nav {
      backdrop-filter: blur(12px);
      background-color: rgba(255, 255, 255, 0.92);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 9999px;
    }