/* roulang page: index */
:root {
      --bg-main: #0B0F17;
      --accent: #00E599;
      --radar-cyan: #0284C7;
      --card-bg: #131B26;
      --card-border: rgba(255, 255, 255, 0.08);
    }
    body {
      background-color: var(--bg-main);
      color: #E2E8F0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .custom-border {
      border: 1px solid var(--card-border);
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 20%, rgba(2, 132, 199, 0.15) 0%, rgba(11, 15, 23, 0.8) 70%);
    }
    .gold-gradient-border {
      border: 1px solid rgba(212, 175, 55, 0.35);
      background: linear-gradient(180deg, rgba(212, 175, 55, 0.06) 0%, rgba(11, 15, 23, 0.6) 100%);
    }
    .glass-nav {
      background: rgba(11, 15, 23, 0.88);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .subtle-shadow {
      box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5);
    }