/* roulang page: index */
:root {
      --brand-primary: #0F4C3A;
      --brand-dark: #0A1F18;
      --brand-accent: #10B981;
      --brand-blue: #0284C7;
      --bg-surface: #F7F9F8;
      --text-main: #1E293B;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    body {
      background-color: var(--bg-surface);
      color: var(--text-main);
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .num-tabular {
      font-variant-numeric: tabular-nums;
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(15, 76, 58, 0.08);
    }
    .coupon-ticket {
      position: relative;
      background: radial-gradient(circle at 0 50%, transparent 12px, #ffffff 13px) 0 0,
                  radial-gradient(circle at 100% 50%, transparent 12px, #ffffff 13px) 100% 0;
      background-size: 51% 100%;
      background-repeat: no-repeat;
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(10, 31, 24, 0.92) 0%, rgba(15, 76, 58, 0.85) 60%, rgba(2, 132, 199, 0.75) 100%);
    }