/* roulang page: index */
:root {
      --primary-color: #059669;
      --primary-hover: #047857;
      --bg-base: #f8fafc;
      --border-color: #e2e8f0;
    }
    body {
      background-color: var(--bg-base);
      color: #334155;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .ticket-cutout {
      position: relative;
      background: radial-gradient(circle at left, transparent 10px, white 11px) left,
                  radial-gradient(circle at right, transparent 10px, white 11px) right;
      background-size: 51% 100%;
      background-repeat: no-repeat;
    }
    .hero-mesh {
      background-image: radial-gradient(rgba(16, 185, 129, 0.12) 1px, transparent 1px), radial-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px);
      background-size: 28px 28px;
      background-position: 0 0, 14px 14px;
    }