/* biz 目录空白修复样式 */
/* 修复导航和hero区域的过度间距 */

/* 排除 success-stories.html 和 customer 相关页面 */
body[class*="success"] .case-grid,
body[class*="success"] .case-card,
body[class*="success"] .case-card *,
body[class*="success"] main,
body[class*="success"] section,
body[class*="customer"] .case-grid,
body[class*="customer"] .case-card,
body[class*="customer"] .case-card *,
body[class*="customer"] main,
body[class*="customer"] section {
  padding: revert !important;
  margin: revert !important;
  font-size: revert !important;
  line-height: revert !important;
}

/* 排除 success-stories 页面的 hero 区域压缩 */
body[class*="success"] .case-hero,
body[class*="customer"] .case-hero {
  padding: 2rem 1rem !important;
  margin-bottom: 2rem !important;
}

/* 修复固定定位的导航栏高度 */
#navbar {
  height: 42px !important; /* 进一步减少导航栏高度 */
  min-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 确保导航栏容器适应高度 */
#navbar .container {
  height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#navbar .flex.items-center {
  height: 42px !important;
}

/* 修复导航栏内容区域 */
.navbar-content {
  height: 42px !important;
}

/* 修复导航栏元素高度 */
#navbar .flex.items-center.justify-between {
  height: 42px !important;
}

/* 减少导航栏logo高度 */
#navbar img.h-50px, #navbar img.h-\[50px\] {
  height: 28px !important;
  max-height: 28px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 修复导航栏内部元素间距 */
#navbar .flex.items-center.ml-auto.space-x-8 {
  margin-left: auto !important;
  gap: 0.5rem !important; /* 进一步减少导航项间距 */
}

/* 修复hero区域的过度padding和margin */
.hero {
  padding: 12px 10px !important; /* 进一步减少hero区域的padding */
  margin-top: 0 !important; /* 确保没有多余上边距 */
  margin-bottom: 8px !important; /* 进一步减少底部间距 */
  min-height: auto !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.06) !important; /* 减少阴影 */
}

/* 如果hero有内联样式设置了margin-top，强制覆盖 */
.hero[style*="margin-top"] {
  margin-top: 0 !important;
}

/* 响应式调整 */
@media (min-width: 768px) {
  .hero {
    padding: 16px !important; /* 在桌面端也减少padding */
  }
}

/* 调整hero区域内的元素间距 */
.hero .inline-flex.items-center.gap-2 {
  margin-bottom: 3px !important;
  padding: 4px 10px !important;
}

.hero h1.text-xl, .hero h1 {
  margin-bottom: 6px !important;
  line-height: 1.3 !important;
  font-size: 1.1rem !important; /* 进一步减小字体 */
}

.hero p.text-base, .hero p {
  margin-bottom: 8px !important;
  font-size: 0.8rem !important; /* 进一步减小字体 */
  line-height: 1.4 !important;
}

/* 调整快速操作按钮区域 */
.hero .flex.flex-wrap.justify-center.gap-3 {
  margin-bottom: 6px !important;
  gap: 4px !important; /* 进一步减小按钮间间距 */
}

/* 调整快速操作按钮尺寸 */
.hero .inline-flex.items-center.gap-2.bg-white.text-\[\#10B981\] {
  padding: 6px 12px !important;
  font-size: 0.75rem !important;
}

/* 调整统计数据区域 */
.hero-stats {
  margin-top: 6px !important;
  gap: 10px !important; /* 进一步减小统计项间距 */
}

.hero-stat-item {
  min-width: 45px !important;
  padding: 0 !important;
}

.hero-stat-number {
  font-size: 1rem !important; /* 进一步减小统计数字 */
  line-height: 1 !important;
}

.hero-stat-label {
  font-size: 0.65rem !important; /* 进一步减小标签字体 */
  margin-top: 3px !important;
}

/* 调整页面整体布局，减少顶部空白 */
main.pt-0.pb-8 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 修正页面主要内容的顶部间距 - 这是关键修复 */
body main {
  margin-top: 0 !important;
  padding-top: 42px !important; /* 使用与导航栏相同高度作为页面顶部填充 */
}

/* 调整各区块之间的间距 */
#quick-tools,
#guarantee,
#pricing {
  margin-bottom: 8px !important; /* 进一步减少区块间距 */
}

/* 修复导航栏与内容之间的总体间距 */
body.compact-business main,
body.has-biz-nav main {
  padding-top: 42px !important; /* 使用导航栏高度作为页面顶部填充 */
}

/* 针对特定设备优化 */
@media (max-width: 768px) {
  #navbar {
    height: 38px !important; /* 移动端导航栏高度 */
  }
  
  #navbar .container {
    height: 38px !important;
  }
  
  #navbar .flex.items-center.justify-between {
    height: 38px !important;
  }
  
  #navbar img.h-50px, #navbar img.h-\[50px\] {
    height: 24px !important;
  }
  
  .hero {
    padding: 8px 8px !important; /* 移动端进一步减少padding */
  }
  
  body.compact-business main,
  body.has-biz-nav main {
    padding-top: 38px !important; /* 移动端使用导航栏高度作为页面顶部填充 */
  }
  
  .hero h1 {
    font-size: 1rem !important;
    margin-bottom: 4px !important;
  }
  
  .hero p {
    font-size: 0.75rem !important;
    margin-bottom: 6px !important;
  }
  
  .hero-stats {
    gap: 6px !important;
    margin-top: 4px !important;
  }
  
  .hero-stat-item {
    min-width: 40px !important;
  }
  
  .hero-stat-number {
    font-size: 0.9rem !important;
  }
  
  .hero-stat-label {
    font-size: 0.6rem !important;
  }
  
  /* 移动端按钮间距 */
  .hero .flex.flex-wrap.justify-center.gap-3 {
    gap: 3px !important;
    margin-bottom: 4px !important;
  }
  
  .hero .inline-flex.items-center.gap-2.bg-white.text-\[\#10B981\] {
    padding: 4px 10px !important;
    font-size: 0.7rem !important;
  }
}

/* 关键修复：处理fixed定位的导航栏与内容重叠问题 */
body:not(.has-biz-nav) main,
body.main-content main {
  padding-top: 42px !important; /* 为没有has-biz-nav类的页面也提供默认顶部填充 */
}

/* 强制覆盖内联样式 */
#navbar[style*="height"] {
  height: 42px !important;
  min-height: 42px !important;
}

/* 确保即使有其他样式覆盖也能生效 */
#navbar.fixed {
  height: 42px !important;
}

/* 针对原始页面结构的特殊处理 */
header#navbar + main {
  margin-top: 42px !important;
  padding-top: 0 !important;
}

/* 修复导航栏容器的高度 */
#navbar .container[style*="height"] {
  height: 42px !important;
}

#navbar .flex.items-center.justify-between[style*="height: 55px"] {
  height: 42px !important;
}

/* 针对biz目录下所有页面的通用空白修复 */
body[class*="compact"] .hero,
body[class*="business"] .hero {
  margin-top: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* 针对使用不同hero类名的页面 */
body[class*="compact"] .comparison-hero,
body[class*="business"] .comparison-hero,
.comparison-hero {
  padding: 12px 10px !important; /* 进一步减少comparison-hero区域的padding */
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  min-height: auto !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.06) !important;
}

body[class*="compact"] .roi-hero,
body[class*="business"] .roi-hero,
.roi-hero {
  padding: 12px 10px !important; /* 进一步减少roi-hero区域的padding */
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  min-height: auto !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.06) !important;
}

/* 针对其他可能的hero类变体 */
body[class*="compact"] .hero-section,
body[class*="business"] .hero-section,
.hero-section {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 针对更多特定的hero类名 */
body[class*="compact"] .case-hero,
body[class*="business"] .case-hero,
.case-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body[class*="compact"] .pricing-hero,
body[class*="business"] .pricing-hero,
.pricing-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body[class*="compact"] .guide-hero,
body[class*="business"] .guide-hero,
.guide-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body[class*="compact"] .checklist-hero,
body[class*="business"] .checklist-hero,
.checklist-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body[class*="compact"] .workflow-hero,
body[class*="business"] .workflow-hero,
.workflow-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body[class*="compact"] .toolkit-hero,
body[class*="business"] .toolkit-hero,
.toolkit-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 针对有business-style类的页面 */
body.business-style main {
  padding-top: 42px !important;
}

/* 针对所有biz页面的主要内容区域 - 高特异性 */
body.font-inter.text-dark.bg-white.compact-business main,
body.font-inter.text-dark.bg-white.business-style main,
body[class*="compact-business"] main,
body[class*="business-style"] main {
  padding-top: 42px !important;
  margin-top: 0 !important;
}

/* 针对特定页面的hero类 */
body[class*="compact"] .cert-hero,
body[class*="business"] .cert-hero,
.cert-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 强制覆盖所有可能的hero类变体 - 高特异性 */
body.font-inter.text-dark.bg-white.compact-business .hero,
body.font-inter.text-dark.bg-white.business-style .hero,
body.font-inter.text-dark.bg-white.compact-business .comparison-hero,
body.font-inter.text-dark.bg-white.business-style .comparison-hero,
body.font-inter.text-dark.bg-white.compact-business .roi-hero,
body.font-inter.text-dark.bg-white.business-style .roi-hero,
body.font-inter.text-dark.bg-white.compact-business .case-hero,
body.font-inter.text-dark.bg-white.business-style .case-hero,
body.font-inter.text-dark.bg-white.compact-business .pricing-hero,
body.font-inter.text-dark.bg-white.business-style .pricing-hero,
body.font-inter.text-dark.bg-white.compact-business .guide-hero,
body.font-inter.text-dark.bg-white.business-style .guide-hero,
body.font-inter.text-dark.bg-white.compact-business .checklist-hero,
body.font-inter.text-dark.bg-white.business-style .checklist-hero,
body.font-inter.text-dark.bg-white.compact-business .workflow-hero,
body.font-inter.text-dark.bg-white.business-style .workflow-hero,
body.font-inter.text-dark.bg-white.compact-business .toolkit-hero,
body.font-inter.text-dark.bg-white.business-style .toolkit-hero,
body.font-inter.text-dark.bg-white.compact-business .cert-hero,
body.font-inter.text-dark.bg-white.business-style .cert-hero {
  padding: 12px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  min-height: auto !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.06) !important;
}

/* 调整导航栏的阴影和边框以减少视觉上的厚重感 */
#navbar {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important; /* 进一步减少阴影强度 */
  height: 42px !important;
  min-height: 42px !important;
}

/* 强制覆盖导航栏内联样式 */
#navbar[style*="height"] {
  height: 42px !important;
  min-height: 42px !important;
}

/* 修复移动端导航菜单的间距 */
#mobileNav {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 解决固定定位导航栏遮挡内容的问题 - 关键修复 */
body.font-inter.text-dark.bg-white.compact-business,
body.font-inter.text-dark.bg-white.business-style {
  /* 不对body设置padding-top，而是对main元素设置 */
}

/* 针对特定页面类型的关键修复 */
body.compact-business main,
body.business-style main {
  padding-top: 42px !important;
  margin-top: 0 !important; /* 通过padding已提供足够的空间 */
}

/* 额外的高特异性修复，确保样式不会被其他样式覆盖 */
body.font-inter.text-dark.bg-white.compact-business main.pt-0.pb-8,
body.font-inter.text-dark.bg-white.business-style main.pt-0.pb-8,
body.font-inter.text-dark.bg-white.compact-business main.pt-8.pb-12,
body.font-inter.text-dark.bg-white.business-style main.pt-8.pb-12 {
  padding-top: 42px !important;
}

/* 最终极的样式覆盖 - 使用最高特异性 */
body.font-inter.text-dark.bg-white.compact-business.business-style main {
  padding-top: 42px !important;
  margin-top: 0 !important;
}

/* 针对导航栏内联样式覆盖的强化版本 */
#navbar[style] {
  height: 42px !important;
  min-height: 42px !important;
}

#navbar .flex.items-center.justify-between[style*="height: 55px"] {
  height: 42px !important;
  min-height: 42px !important;
}

/* 强制覆盖ROI Hero区域样式 */
.roi-hero[style*="margin-top"] {
  margin-top: 0 !important;
  padding: 12px 10px !important;
  margin-bottom: 8px !important;
}

/* 通用样式覆盖，确保所有页面都有紧凑效果 */
*[class*="-hero"] {
  margin-top: 0 !important;
  padding: 12px 10px !important;
  margin-bottom: 8px !important;
}

/* 最后的强制覆盖，针对所有可能的场景 */
#navbar.fixed.w-full.top-0[style*="height: 55px"],
#navbar.fixed.w-full.top-0.z-50[style*="height: 55px"] {
  height: 42px !important;
  min-height: 42px !important;
}

/* 使用ID和类的组合实现最高特异性 */
body#body-main.font-inter.text-dark.bg-white.compact-business main,
body#body-main.font-inter.text-dark.bg-white.business-style main {
  padding-top: 42px !important;
}

/* 再次强调关键覆盖 */
#navbar.fixed.w-full.top-0.z-50.transition-all.duration-300.bg-white\/95.backdrop-blur-sm.shadow-sm[style*="height: 55px"] {
  height: 42px !important;
  min-height: 42px !important;
}

/* 终极覆盖：针对biz-navigation.css中的样式 */
body.font-inter.text-dark.bg-white.compact-business.business-style main,
body.font-inter.text-dark.bg-white.compact-business.business-style > main,
body.font-inter.text-dark.bg-white.compact-business.business-style div.container ~ main {
  padding-top: 42px !important;
  margin-top: 0 !important;
}

/* 覆盖biz-tab-navigation的top值 */
body.font-inter.text-dark.bg-white.compact-business.business-style .biz-tab-navigation,
body.font-inter.text-dark.bg-white.compact-business.business-style .biz-tab-navigation.sticky {
  top: 42px !important;
  position: sticky !important;
}

/* 终极强制覆盖，使用内联样式级别的特异性 */
*[style*="padding-top: 120px"] {
  padding-top: 42px !important;
}

*[style*="margin-top: 24px"] {
  margin-top: 8px !important;
}

/* 覆盖任何可能的hero区域样式 */
.comparison-hero, .roi-hero, .case-hero, .feature-hero, .vendor-hero {
  padding: 12px 10px !important;
  margin: 0 0 8px 0 !important;
}

/* 针对common.css和biz-navigation.css之间的冲突进行修复 */
body.compact-business.business-style main,
body.font-inter.text-dark.bg-white.compact-business.business-style main,
body[class*="compact-business"][class*="business-style"] main {
  padding-top: 42px !important;
  margin-top: 0 !important;
}

/* 修复可能由common.css引起的样式冲突 */
body.compact-business.business-style .header-wrap,
body.font-inter.text-dark.bg-white.compact-business.business-style .header-wrap {
  margin-top: 0 !important;
}

/* 修复可能的padding-top: 80px冲突 */
*[style*="padding-top: 80px"],
body.compact-business.business-style *[style*="padding-top: 80px"] {
  padding-top: 42px !important;
}

/* 强制覆盖所有可能的导航栏样式 */
#navbar.fixed.w-full.top-0.z-50.transition-all.duration-300.bg-white\/95.backdrop-blur-sm.shadow-sm,
#navbar.position-fixed.w-full.top-0.z-50.transition-all.duration-300.bg-white\/95.backdrop-blur-sm.shadow-sm {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
}

/* 针对Tailwind类的覆盖 */
body.compact-business.business-style main.pt-8.pb-12,
body.compact-business.business-style main.pt-0.pb-8 {
  padding-top: 42px !important;
}

/* 修复二级导航位置 */
body.compact-business.business-style .biz-tab-navigation,
body.font-inter.text-dark.bg-white.compact-business.business-style .biz-tab-navigation {
  top: 42px !important;
  position: sticky !important;
}

/* 修复可能的重叠问题 */
body.compact-business.business-style #navbar + .biz-tab-navigation,
body.font-inter.text-dark.bg-white.compact-business.business-style #navbar + .biz-tab-navigation {
  top: 42px !important;
}

/* 针对常见sticky元素的覆盖 */
body.compact-business.business-style .header,
body.font-inter.text-dark.bg-white.compact-business.business-style .header {
  position: static !important;
  top: auto !important;
}

/* 确保二级导航的绝对定位 */
body.compact-business.business-style .biz-tab-navigation,
body.font-inter.text-dark.bg-white.compact-business.business-style .biz-tab-navigation {
  position: sticky !important;
  top: 42px !important;
  z-index: 145 !important; /* 略低于一级导航的z-index: 150 */
}

/* 修复可能存在的header-wrap样式 */
body.compact-business.business-style .header-wrap,
body.font-inter.text-dark.bg-white.compact-business.business-style .header-wrap {
  margin-top: 0 !important;
}