/* roulang page: index */
@import url('/assets/css/vendor/1ecd1de215-css2.css');
    :root {
      --primary: #0A6EFF;
      --accent: #FF6B35;
      --bg: #F4F8FC;
      --dark: #0B1E3F;
      --text: #4A5568;
      --text-heading: #1A2B4C;
      --card-radius: 12px;
      --btn-radius: 8px;
      --transition: 0.25s ease;
    }
    * {
      box-sizing: border-box;
    }
    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      background-color: var(--bg);
      color: var(--text);
      line-height: 1.7;
      margin: 0;
      -webkit-font-smoothing: antialiased;
    }
    a, button, input {
      font-family: inherit;
    }
    img {
      max-width: 100%;
      height: auto;
      display: block;
    }
    .container-custom {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 24px;
      padding-right: 24px;
    }
    /* 导航毛玻璃 */
    .glass-nav {
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      background-color: rgba(255, 255, 255, 0.8);
      border-bottom: 1px solid rgba(10, 110, 255, 0.12);
    }
    /* 渐变文字 */
    .text-gradient {
      background: linear-gradient(135deg, #0A6EFF 0%, #0055CC 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    /* 脉冲按钮动画 */
    .pulse-glow {
      animation: pulseGlow 2s infinite;
    }
    @keyframes pulseGlow {
      0% { box-shadow: 0 0 0 0 rgba(10, 110, 255, 0.6); }
      70% { box-shadow: 0 0 0 10px rgba(10, 110, 255, 0); }
      100% { box-shadow: 0 0 0 0 rgba(10, 110, 255, 0); }
    }
    /* 痛点宽卡左边框 */
    .pain-wide {
      border-left: 4px solid var(--accent);
    }
    /* 方案卡片 hover 图标反白 */
    .sol-card:hover .sol-icon-wrap {
      background-color: var(--primary);
    }
    .sol-card:hover .sol-icon-wrap img {
      filter: brightness(0) invert(1);
    }
    /* 证言卡片引号装饰 */
    .testimonial-quote {
      background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="%230A6EFF" opacity="0.15"%3E%3Cpath d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"/%3E%3C/svg%3E');
      background-repeat: no-repeat;
      background-position: top left;
      background-size: 48px 48px;
    }
    /* FAQ 手风琴动画 */
    .faq-content {
      display: none;
    }
    .faq-item.active .faq-content {
      display: block;
    }
    .faq-item.active .faq-icon {
      transform: rotate(45deg);
    }
    .faq-item.active {
      background-color: #F0F6FF;
    }
    /* 横向滚动证言 */
    .testimonial-scroll {
      scrollbar-width: thin;
      scrollbar-color: var(--primary) #EDF2F7;
    }
    .testimonial-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .testimonial-scroll::-webkit-scrollbar-track {
      background: #EDF2F7;
      border-radius: 8px;
    }
    .testimonial-scroll::-webkit-scrollbar-thumb {
      background: var(--primary);
      border-radius: 8px;
    }
    /* 移动端菜单 */
    .mobile-menu {
      display: none;
    }
    @media (max-width: 768px) {
      .desktop-nav-links {
        display: none;
      }
      .mobile-menu {
        display: flex;
      }
    }