/* roulang page: index */
:root {
      --primary: #4F46E5;
      --primary-hover: #4338CA;
      --secondary: #06B6D4;
      --accent: #10B981;
      --dark-bg: #0D1117;
      --dark-card: #161B22;
      --text-main: #1E293B;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    }
    .hero-bg {
      background-image: linear-gradient(to right, rgba(13, 17, 23, 0.94), rgba(13, 17, 23, 0.8)), url('/assets/images/ba058a02ac25e578.png');
      background-size: cover;
      background-position: center;
    }
    .accordion-content {
      transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
      max-height: 0;
      opacity: 0;
      overflow: hidden;
    }
    .accordion-content.active {
      max-height: 300px;
      opacity: 1;
    }