/* roulang page: index */
:root {
      --bg-dark: #0B0F19;
      --bg-card: #0E1726;
      --primary-blue: #0F4C81;
      --accent-neon: #00D084;
      --text-main: #1E293B;
      --text-muted: #64748B;
      --border-line: rgba(226, 232, 240, 0.8);
      --font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    }
    body {
      font-family: var(--font-family);
      color: var(--text-main);
      background-color: #ffffff;
      overflow-x: hidden;
    }
    .neon-glow {
      box-shadow: 0 0 20px rgba(0, 208, 132, 0.35);
    }
    .neon-text-glow {
      text-shadow: 0 0 10px rgba(0, 208, 132, 0.5);
    }
    .hero-pattern {
      background-image: linear-gradient(to right, rgba(11, 15, 25, 0.95), rgba(15, 76, 129, 0.88)), url('/assets/images/1553646444651f9d.png');
      background-size: cover;
      background-position: center;
    }
    .dark-section-bg {
      background-image: linear-gradient(180deg, #0B0F19 0%, #0E1726 100%);
    }
    /* 优惠券锯齿边缘效果 */
    .coupon-ticket {
      position: relative;
      background: radial-gradient(circle at left, transparent 12px, #ffffff 13px) left,
                  radial-gradient(circle at right, transparent 12px, #ffffff 13px) right;
      background-size: 100% 100%;
    }