/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #0F4C81 0%, #00A896 100%);
      --dark-gradient: linear-gradient(135deg, #0B1E2D 0%, #162E44 100%);
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .hero-video-mask {
      background: linear-gradient(180deg, rgba(11, 30, 45, 0.88) 0%, rgba(15, 76, 129, 0.82) 50%, rgba(11, 30, 45, 0.94) 100%);
    }
    .card-hover-effect {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .card-hover-effect:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 25px -5px rgba(15, 76, 129, 0.1), 0 8px 10px -6px rgba(15, 76, 129, 0.05);
    }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .faq-item.active .faq-answer {
      max-height: 300px;
    }
    .faq-item.active .faq-icon {
      transform: rotate(180deg);
    }