/* roulang page: index */
:root {
      --bg-dark: #090A0F;
      --surface-dark: #12151F;
      --border-dark: #1F2433;
      --primary-gold: #F59E0B;
    }
    body {
      background-color: var(--bg-dark);
      color: #CBD5E1;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.68;
    }
    .ticket-rip-top {
      background: radial-gradient(circle at 50% 0, transparent 12px, #12151F 13px);
    }
    .ticket-edge {
      position: relative;
    }
    .ticket-edge::before, .ticket-edge::after {
      content: '';
      position: absolute;
      width: 18px;
      height: 18px;
      background-color: #090A0F;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-50%);
    }
    .ticket-edge::before { left: -9px; }
    .ticket-edge::after { right: -9px; }
    
    .glow-hover:hover {
      border-color: #F59E0B;
      box-shadow: 0 10px 30px -10px rgba(245, 158, 11, 0.25);
      transform: translateY(-4px);
    }
    .hide-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .hide-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

/* roulang page: category1 */
:root {
      --bg-dark: #090A0F;
      --surface-dark: #12151F;
      --border-dark: #1F2433;
      --primary-gold: #F59E0B;
    }
    body {
      background-color: var(--bg-dark);
      color: #CBD5E1;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.68;
    }
    .ticket-notch-left {
      position: relative;
    }
    .ticket-notch-left::before {
      content: '';
      position: absolute;
      left: -12px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #090A0F;
      box-shadow: inset -2px 0 0 #1F2433;
    }
    .ticket-notch-right {
      position: relative;
    }
    .ticket-notch-right::after {
      content: '';
      position: absolute;
      right: -12px;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #090A0F;
      box-shadow: inset 2px 0 0 #1F2433;
    }