/* theme.css - 喷雾干燥机主题样式 */

/* 基础样式 */
html { scroll-behavior: smooth; }
body { 
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; 
  font-size: 14px;
  line-height: 1.5;
}

/* 导航栏滚动效果 */
#navbar.scroll { 
  background: rgba(255,255,255,0.98); 
  box-shadow: 0 4px 20px rgba(0,0,0,0.1); 
  padding: 0.5rem 0;
}

/* Logo容器样式 */
.logo-container {
  display: flex;
  align-items: center;
  height: 70px;
}
.logo-container img {
  height: 70px;
  width: auto;
  max-width: 185px;
  object-fit: contain;
}

/* 友情链接样式 */
.friend-links {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.friend-link-item {
  position: relative;
  transition: all 0.3s ease;
}
.friend-link-item:hover {
  color: #7FB8E3;
  transform: translateX(5px);
}
.friend-link-item::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #7FB8E3;
  transition: width 0.3s ease;
}
.friend-link-item:hover::after {
  width: 100%;
}

/* SEO优化 - Breadcrumb样式（隐藏） */
.breadcrumb {
  display: none;
}

/* 喷雾粒子容器 */
.spray-container { 
  position: relative; 
  overflow: hidden; 
}

/* 产品参数悬浮框 */
.param-tooltip {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
}
.product-card:hover .param-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 雾化原理动画 */
.atomization-step {
  transition: all 0.5s ease;
}
.atomization-container:hover .atomization-step {
  transform: translateY(-10px);
}
.atomization-arrow {
  animation: arrowPulse 1.5s infinite;
}

@keyframes arrowPulse {
  0% { opacity: 0.5; transform: translateX(0); }
  50% { opacity: 1; transform: translateX(10px); }
  100% { opacity: 0.5; transform: translateX(0); }
}

/* Banner轮播 */
.carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease;
  display: none;
}
.carousel-item.active {
  opacity: 1;
  display: block;
}
.carousel-item > div:last-child {
  height: 100%;
  display: flex;
  align-items: center;
}

/* 三级导航悬停 */
.dropdown-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  min-width: 200px;
}
.dropdown:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown .dropdown .dropdown-menu {
  left: 100%;
  top: 0;
  transform: translateX(10px);
}
.dropdown .dropdown:hover > .dropdown-menu {
  transform: translateX(0);
}

/* 移动端导航 - 优化为右侧弹出 */
#mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 85%;
  max-width: 320px;
  height: 100vh;
  background: white;
  box-shadow: -5px 0 20px rgba(0,0,0,0.1);
  z-index: 1000;
  transition: right 0.3s ease;
  overflow-y: auto;
  padding-top: 70px;
}
#mobile-menu.active {
  right: 0;
}
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* 动画关键帧 */
@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-right { animation: fadeInRight 1s ease; }
.animate-fade-in-left { animation: fadeInLeft 1s ease; }
.animate-fade-in-up { animation: fadeInUp 1s ease; }

/* 卡片悬停效果 */
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* 行数限制 */
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 移动端悬浮菜单 */
.floating-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.1);
  z-index: 1000;
  display: none;
}
.floating-menu-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
  color: #666;
  font-size: 12px;
  text-decoration: none;
  transition: all 0.3s;
}
.floating-menu-item.active {
  color: #0A2463;
}
.floating-menu-item i {
  font-size: 18px;
  margin-bottom: 4px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .floating-menu {
    display: flex;
  }
  
  /* 移动端页脚隐藏 */
  footer .container > div:first-child {
    display: none;
  }
  
  /* 调整移动端Banner高度 */
  .banner-section {
    height: 70vh !important;
    min-height: 500px !important;
  }
  
  /* 移动端Logo调整 */
  .logo-container img {
    max-width: 140px;
    height: auto;
  }
  
  /* 隐藏手机端的在线选型工具图标和搜索按钮 */
  #calculator-btn, #search-btn {
    display: none !important;
  }
  
  /* 隐藏手机端友情链接 */
  .friend-links {
    display: none !important;
  }
  
  /* 移动端评价轮播调整 */
  .testimonial-item {
    width: 100% !important;
  }
  
  /* 移动端顶部联系方式栏隐藏 */
  .bg-industrial.text-white.py-3.hidden.md\\:block {
    display: none;
  }
  
  /* 优化移动端导航栏间距 */
  .flex.items-center.space-x-4 {
    gap: 12px;
  }
  
  /* 优化移动端菜单按钮位置 */
  #menu-toggle {
    margin-left: 8px;
  }
}

@media (max-width: 640px) {
  /* 喷雾干燥核心优势 - 移动端2列 */
  .advantage-grid-mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  
  /* 核心产品系列 - 移动端2列 */
  .product-grid-mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  
  /* 行业应用场景 - 移动端2列 */
  .application-grid-mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  
  /* 缩小移动端产品卡片 */
  .product-card-mobile .relative {
    height: 180px !important;
  }
  
  .product-card-mobile .p-5 {
    padding: 12px !important;
  }
  
  .product-card-mobile h3 {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }
  
  .product-card-mobile p {
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  /* 平板设备保持原有列数或适当调整 */
  .advantage-grid-mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  
  .product-grid-mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  
  .application-grid-mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Tailwind 自定义工具类 */
.content-auto { content-visibility: auto; }
.text-shadow-industrial { text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.spray-mask { mask-image: radial-gradient(circle, black 70%, transparent 100%); }
.device-3d-hover { perspective: 1000px; }
.device-3d-card { transform-style: preserve-3d; transition: transform 0.5s ease; }
.device-3d-hover:hover .device-3d-card { transform: rotateY(15deg) scale(1.03); }
.spray-particle { 
  position: absolute; 
  border-radius: 50%; 
  background: rgba(127, 184, 227, 0.6); 
  pointer-events: none; 
  z-index: 0;
}