/* roulang page: index */
:root {
      --primary: #0B0F19;
      --secondary: #1E2638;
      --accent: #00E5A3;
      --accent-alt: #00B4D8;
      --bg-light: #F7F9FC;
      --text-dark: #2D3748;
      --text-gray: #64748B;
      --border-color: #E2E8F0;
      --radius-box: 16px;
    }
    html { -webkit-font-smoothing: antialiased; }
    body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(0, 229, 163, 0.15) 0%, rgba(11, 15, 25, 0.95) 70%);
    }
    .accent-gradient-text {
      background: linear-gradient(135deg, #00E5A3 0%, #00B4D8 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .glass-nav {
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      background-color: rgba(11, 15, 25, 0.88);
    }
    .custom-card-shadow {
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    }
    .custom-glow-shadow {
      box-shadow: 0 0 25px rgba(0, 229, 163, 0.2);
    }