/* roulang page: index */
:root {
      --color-primary: #0F172A;
      --color-accent: #00DC82;
      --color-accent-hover: #00be6f;
      --color-indigo: #6366F1;
      --color-bg-light: #F8FAFC;
      --color-border: rgba(226, 232, 240, 0.8);
      --font-stack: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    body {
      font-family: var(--font-stack);
      color: #334155;
      line-height: 1.75;
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .custom-code-scroll::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-code-scroll::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 4px;
    }
    .stepper-item:not(:last-child)::after {
      content: '';
      position: absolute;
      right: -12px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 6px solid #64748B;
      display: none;
    }
    @media (min-width: 1024px) {
      .stepper-item:not(:last-child)::after {
        display: block;
      }
    }