/* roulang page: index */
:root {
      --brand-green: #00E676;
      --brand-dark: #0B0E14;
      --brand-surface: #111820;
      --brand-border: #1E293B;
    }
    body {
      background-color: var(--brand-dark);
      color: #F8FAFC;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .neon-glow {
      box-shadow: 0 0 25px rgba(0, 230, 118, 0.25);
    }
    .neon-border {
      border-color: rgba(0, 230, 118, 0.4);
    }
    .stat-badge {
      background: linear-gradient(135deg, rgba(0,230,118,0.15) 0%, rgba(0,230,118,0.02) 100%);
    }
    .hero-mask {
      background: linear-gradient(180deg, rgba(11,14,20,0.82) 0%, rgba(11,14,20,0.96) 60%, #0B0E14 100%);
    }
    .cinema-banner {
      background-size: cover;
      background-position: center;
      position: relative;
    }