/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #00D285 0%, #00B4D8 100%);
      --dark-gradient: linear-gradient(180deg, #0B1329 0%, #111E38 100%);
      --accent-orange: #FF6B35;
      --navy-dark: #0A2540;
    }
    html {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .gradient-text {
      background: var(--primary-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .bg-sport-gradient {
      background: var(--primary-gradient);
    }
    .badge-glow {
      box-shadow: 0 0 15px rgba(0, 210, 133, 0.4);
    }
    .pulse-dot {
      animation: pulseAnim 2s infinite cubic-bezier(0.4, 0, 0.6, 1);
    }
    @keyframes pulseAnim {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.4; transform: scale(1.3); }
    }
    .card-hover {
      transition: all 0.3s ease-out;
    }
    .card-hover:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 30px -10px rgba(0, 180, 216, 0.15);
    }