/* roulang page: index */
:root {
      --primary: #00E575;
      --accent: #FF4B26;
      --bg-dark: #0B1120;
      --surface-dark: #0F172A;
      --card-dark: #1E293B;
      --text-main: #0F172A;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      background-color: #F8FAFC;
      color: #334155;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.75;
      overflow-x: hidden;
    }
    .video-hero-overlay {
      background: linear-gradient(180deg, rgba(11, 17, 32, 0.72) 0%, rgba(11, 17, 32, 0.95) 100%);
    }
    .glow-green {
      box-shadow: 0 0 35px -5px rgba(0, 229, 117, 0.35);
    }
    .glow-orange {
      box-shadow: 0 0 35px -5px rgba(255, 75, 38, 0.4);
    }
    .badge-live {
      animation: pulseGreen 2s infinite cubic-bezier(0.4, 0, 0.6, 1);
    }
    @keyframes pulseGreen {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: .75; transform: scale(1.05); }
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }