/* roulang page: index */
:root {
      --primary: #00D084;
      --primary-dark: #0A8F68;
      --accent: #111827;
      --highlight: #FF6B00;
      --bg-light: #F8FAFC;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .clip-slant {
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.5vw), 0 100%);
    }
    .ticket-notch-l {
      position: relative;
    }
    .ticket-notch-l::before {
      content: '';
      position: absolute;
      left: -12px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      background-color: #0F172A;
      border-radius: 50%;
    }
    .ticket-notch-r::after {
      content: '';
      position: absolute;
      right: -12px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      background-color: #0F172A;
      border-radius: 50%;
    }