/* roulang page: index */
:root {
      --primary: #142823;
      --primary-light: #1f3d36;
      --accent: #B59A72;
      --accent-hover: #9c825b;
      --bg-stone: #F7F8F7;
      --bg-white: #FFFFFF;
      --dark-card: #121615;
      --text-main: #0F1715;
      --text-body: #424D47;
      --text-muted: #7C8882;
      --border-line: #E2E6E4;
    }
    html {
      scroll-behavior: smooth;
      scroll-padding-top: 106px;
    }
    body {
      font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--text-body);
      background-color: var(--bg-white);
    }
    .badge-subtle {
      letter-spacing: 0.12em;
    }
    .hero-mask {
      background: linear-gradient(135deg, rgba(15, 23, 21, 0.94) 0%, rgba(20, 40, 35, 0.88) 100%);
    }
    .shadow-soft {
      box-shadow: 0 4px 20px -2px rgba(20, 40, 35, 0.06);
    }
    .shadow-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px -4px rgba(20, 40, 35, 0.12);
    }
    .faq-body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease, padding 0.3s ease;
    }
    .faq-item.active .faq-body {
      max-height: 300px;
      padding-top: 1rem;
    }
    .faq-item.active .faq-icon {
      transform: rotate(180deg);
    }