/* roulang page: index */
:root {
      --color-brand: #0F5132;
      --color-brand-dark: #0B1311;
      --color-brand-light: #F4F7F5;
      --color-accent-green: #00E676;
      --color-accent-orange: #FF6D00;
      --color-text-main: #1B2E28;
      --color-text-muted: #5A6E67;
      --color-border: #DCE5E0;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--color-text-main);
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .font-num {
      font-family: "DIN Alternate", "Trebuchet MS", sans-serif;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(0, 230, 118, 0.15) 0%, rgba(11, 19, 17, 0) 70%);
    }
    .card-shadow {
      box-shadow: 0 4px 20px -2px rgba(11, 19, 17, 0.06);
    }
    .card-hover {
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    }
    .card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 28px -4px rgba(15, 81, 50, 0.12);
      border-color: #00E676;
    }
    .faq-content {
      transition: max-height 0.35s ease, opacity 0.3s ease, margin 0.3s ease;
    }