/* 产品页面样式覆盖 - 确保导航栏统一使用黑色背景 */

/* 强制覆盖所有页面的导航栏背景色 */
.header,
header,
.header.scrolled,
header.scrolled {
    background: #000000 !important;
    background-color: #000000 !important;
    backdrop-filter: blur(10px) !important;
}

/* 强制覆盖所有下拉菜单背景色 */
.dropdown-content,
.mobile-dropdown-content,
.login-dropdown .dropdown-content {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 强制覆盖移动端菜单背景色 */
.mobile-menu {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* 确保所有导航链接文字为白色 */
.main-nav a,
.dropdown-content a,
.mobile-menu a {
    color: #FAFAF9 !important;
}

/* 确保登录按钮样式正确 */
.btn-login {
    color: #FAFAF9 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
}

/* 确保申请演示按钮样式正确 */
.btn-demo {
    background: #FAFAF9 !important;
    color: #000000 !important;
    border: none !important;
}

/* 移除可能的内联样式覆盖 */
*[style*="background"] .header {
    background: #000000 !important;
}

*[style*="background"] .dropdown-content {
    background: #000000 !important;
}

/* 产品页面按钮尺寸调整 */
/* 申请演示按钮调整为更合适的尺寸 - 更紧凑的设计 */
.btn-primary {
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    display: inline-block !important;
    width: auto !important;
    max-width: 120px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Hero区域的主要按钮稍微大一点但不要太大 */
.hero .btn-primary,
.hero-content .btn-primary {
    padding: 10px 20px !important;
    font-size: 15px !important;
    max-width: 140px !important;
}

/* CTA区域按钮保持适中尺寸 */
.cta-section .btn-primary {
    padding: 10px 20px !important;
    font-size: 15px !important;
    max-width: 140px !important;
}

/* 功能区域白色背景下的文字颜色调整 */
.product-features {
    background-color: #FAFAF9 !important;
}

.product-features h2 {
    color: #000000 !important;
}

.product-features .feature-content h4 {
    color: #000000 !important;
}

.product-features .feature-content p {
    color: #64748B !important;
} 

@media (max-width: 768px) {
  .features-grid, .knowledge-stats {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .feature-card, .stat-item {
    min-width: 0;
    max-width: 100%;
    margin: 0 auto 1rem auto;
  }
  .workflow-demo, .demo-image {
    max-width: 100vw;
    overflow-x: auto;
  }
}
@media (max-width: 480px) {
  .feature-card, .stat-item {
    padding: 1rem 0.5rem;
  }
  .workflow-demo, .demo-image {
    padding: 0;
  }
}