/* roulang page: index */
:root {
      --bg-main: #0D0F12;
      --bg-card: #14171D;
      --color-cyan: #00F0FF;
      --color-purple: #8A2BE2;
      --color-orange: #FF5E3A;
      --text-main: #F8FAFC;
      --text-muted: #94A3B8;
    }
    body {
      background-color: var(--bg-main);
      color: #CBD5E1;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      overflow-x: hidden;
      scroll-behavior: smooth;
    }
    .neon-text-cyan {
      text-shadow: 0 0 12px rgba(0, 240, 255, 0.45);
    }
    .neon-border {
      border: 1px solid rgba(0, 240, 255, 0.18);
      box-shadow: 0 0 15px rgba(0, 240, 255, 0.05);
      transition: all 0.3s ease;
    }
    .neon-border:hover {
      border-color: rgba(0, 240, 255, 0.5);
      box-shadow: 0 0 25px rgba(0, 240, 255, 0.15);
    }
    .hero-gradient-overlay {
      background: linear-gradient(180deg, rgba(13,15,18,0.7) 0%, rgba(13,15,18,0.92) 75%, #0D0F12 100%);
    }
    .coupon-ticket {
      background: radial-gradient(circle at left, transparent 12px, #181C24 13px) top left,
                  radial-gradient(circle at right, transparent 12px, #181C24 13px) top right;
      background-size: 100% 100%;
    }
    .coupon-dash {
      border-left: 2px dashed rgba(0, 240, 255, 0.3);
    }
    .table-zebra tr:nth-child(even) {
      background-color: rgba(255, 255, 255, 0.02);
    }