/* roulang page: index */
:root {
      --color-primary: #10b981;
      --color-primary-dark: #059669;
      --color-energy: #f97316;
      --color-bg-base: #f8fafc;
      --color-text-main: #0f172a;
      --color-text-body: #334155;
      --color-text-muted: #64748b;
      --border-card: #e2e8f0;
    }
    body {
      background-color: var(--color-bg-base);
      color: var(--color-text-body);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 9999px;
    }
    .hero-glow {
      box-shadow: 0 20px 50px -15px rgba(16, 185, 129, 0.25);
    }
    .clip-slanted {
      clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
    }
    .accordion-content {
      transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
    }