/* roulang page: index */
:root {
      --primary: #1A1D20;
      --accent: #F05A28;
      --secondary: #4A5568;
      --bg-base: #F8F9FA;
    }
    body {
      background-color: var(--bg-base);
      color: #2D3748;
      font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.75;
      letter-spacing: -0.01em;
    }
    .clip-slant {
      clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .accordion-item.active .accordion-content {
      max-height: 240px;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }