/* roulang page: index */
:root {
      --primary-blue: #0EA5E9;
      --primary-emerald: #10B981;
      --accent-orange: #F97316;
      --bg-slate-light: #F8FAFC;
      --dark-night: #0F172A;
    }
    html, body {
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: var(--bg-slate-light);
      color: #334155;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .badge-pill {
      display: inline-flex;
      align-items: center;
      padding: 0.25rem 0.75rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.025em;
    }
    .ticket-edge {
      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: 51% 100%;
      background-repeat: no-repeat;
    }
    .accordion-content {
      transition: max-height 0.3s ease-out, opacity 0.3s ease;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
    }
    .accordion-content.open {
      max-height: 400px;
      opacity: 1;
    }