/* ===== Home Middle (No Banner) ===== */ 
.home-middle{
  width:100%;
  font-family:Inter,Arial,sans-serif;
  color:var(--jm-color-text);
  line-height:1.75;
}

/* 平滑滚动效果 */
html{
  scroll-behavior:smooth;
}

/* 全宽区块 */ 
.home-middle section{
  width:100%;
  padding:80px 0;
  animation:fadeInUp 0.8s ease-out;
}

/* 内容可读宽度 */ 
.home-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* 标题层级优化 */ 
.home-middle h2{
  font-size:40px;
  margin-bottom:24px;
  color:var(--jm-color-primary);
  font-weight:700;
  line-height:1.2;
  position:relative;
  display:inline-block;
}
.home-middle h2::after{
  content:'';
  position:absolute;
  bottom:-8px;
  left:0;
  width:60px;
  height:3px;
  background:var(--jm-color-accent);
}
.home-middle h3{
  font-size:22px;
  margin-bottom:16px;
  color:var(--jm-color-primary);
  font-weight:600;
}
.home-middle p{
  color:var(--jm-color-text);
  margin-bottom:20px;
  font-size:16px;
  max-width:800px;
}

/* 区块背景色变化 - 增强层次感 */
.home-middle section:nth-child(odd){
  background:var(--jm-color-bg-light);
}

/* 分隔线 */ 
.home-divider{ 
  height:1px; 
  background:#e5e7eb; 
  margin:40px 0;
}

/* ===== Who We Are 优化 ===== */
.home-middle section:first-child .home-inner p{
  font-size:17px;
  line-height:1.8;
  color:#475569;
}

/* ===== Company Strength 优化 ===== */
.company-strength{
  background:#fff;
  padding:80px 0;
}
.strength-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:0;
  margin:40px 0 60px;
  padding:30px 0;
  background:#fff;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  transition:all 0.3s ease;
}
.metric{
  background:#fff;
  padding:25px 30px;
  text-align:center;
  position:relative;
  border-left:1px solid #e5e7eb;
  transition:all 0.3s ease;
}
.metric:first-child{
  border-left:none;
}
.metric:hover{
  background:var(--jm-color-bg-light);
  transform:translateY(-5px);
}
.metric strong{
  display:block;
  font-size:52px;
  margin-bottom:12px;
  color:var(--jm-color-primary);
  font-weight:700;
  line-height:1;
}
.metric p{
  margin-bottom:0;
  color:#1F2933;
  font-size:15px;
  line-height:1.5;
  font-weight:500;
}

.strength-points{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
  margin-top:60px;
  max-width:100%;
}
.strength-points > div{
  background:#fff;
  padding:30px;
  border-radius:8px;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  transition:all 0.3s ease;
  border:1px solid #e2e8f0;
}
.strength-points > div:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 25px rgba(0,0,0,0.1);
}
.strength-points h3{
  color:var(--jm-color-primary);
  font-size:22px;
  margin-bottom:16px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:10px;
}
.strength-points h3::before{
  content:"✓";
  color:var(--jm-color-accent);
  font-weight:700;
  font-size:20px;
}
.strength-points p{
  color:#475569;
  line-height:1.8;
  margin-bottom:0;
  font-size:15px;
}

/* ===== Factory Gallery 优化 ===== */ 
.factory-gallery{
  background:#fff;
}
.factory-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
  margin-top:60px;
  max-width:100%;
}
.factory-item{
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 15px rgba(0,0,0,0.08);
  transition:all 0.3s ease;
  border:1px solid #e2e8f0;
}
.factory-item:hover{
  transform:translateY(-8px);
  box-shadow:0 12px 30px rgba(0,0,0,0.15);
}
.factory-item img{
  width:100%;
  height:200px;
  object-fit:cover;
  margin-bottom:0;
  transition:transform 0.3s ease;
}
.factory-item:hover img{
  transform:scale(1.05);
}
.factory-item > div{
  padding:25px;
}
.factory-item h3{
  font-size:20px;
  margin-bottom:10px;
  color:var(--jm-color-primary);
  font-weight:600;
}
.factory-item p{
  font-size:15px;
  color:#64748b;
  margin-bottom:0;
  line-height:1.7;
}

/* ===== Capabilities 优化 ===== */ 
.capabilities{
  background:var(--jm-color-bg-light);
}
.cap-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:35px;
  margin-top:60px;
  max-width:100%;
}
.cap-item{
  background:#fff;
  padding:35px 30px;
  border-radius:8px;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  transition:all 0.3s ease;
  border:1px solid #e2e8f0;
  text-align:center;
}
.cap-item:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 25px rgba(0,0,0,0.1);
}
.cap-item h3{
  margin-bottom:16px;
  position:relative;
  padding-bottom:16px;
  font-size:21px;
}
.cap-item h3::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:50px;
  height:3px;
  background:var(--jm-color-accent);
}
.cap-item p{
  color:#64748b;
  line-height:1.7;
  margin:0 auto;
  font-size:15px;
  max-width:220px;
}

/* ===== Decision Guide 优化 ===== */ 
.decision-guide{ 
  background:#fff; 
}
.decision-guide ul{ 
  margin:30px 0 0 0;
  padding:0;
  list-style:none;
}
.decision-guide li{ 
  margin-bottom:20px;
  padding:20px;
  background:var(--jm-color-bg-light);
  border-left:4px solid var(--jm-color-primary);
  border-radius:0 6px 6px 0;
  transition:all 0.3s ease;
}
.decision-guide li:hover{
  transform:translateX(10px);
  background:#f1f5f9;
}
.decision-guide li strong{
  color:var(--jm-color-primary);
  font-weight:600;
  display:block;
  margin-bottom:5px;
}
.decision-guide li::before{
  content:none;
}

/* ===== FAQ 优化 ===== */ 
.home-faq{ 
  background:var(--jm-color-bg-light); 
  padding:80px 0;
}
.home-faq > div{
  max-width:850px;
  margin:0 auto;
}
.home-faq h2{
  text-align:center;
  margin-bottom:50px;
}
.home-faq h2::after{
  left:50%;
  transform:translateX(-50%);
}
.faq-container{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
}
.faq-item{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,0.06);
  transition:all 0.3s ease;
}
.faq-item:hover{
  box-shadow:0 8px 25px rgba(0,0,0,0.1);
  transform:translateY(-2px);
}
.home-faq h3{ 
  font-size:20px;
  margin:0;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  transition:all 0.3s ease;
  padding:20px 25px;
  background:#fff;
  border:none;
  box-shadow:none;
  font-weight:600;
  color:var(--jm-color-primary);
}
.home-faq h3:hover{
  color:var(--jm-color-accent);
  transform:none;
}
.home-faq h3::after{
  content:"+";
  font-size:24px;
  font-weight:300;
  color:var(--jm-color-accent);
  transition:transform 0.3s ease, color 0.3s ease;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f0f9ff;
}
.home-faq h3:hover::after{
  transform:rotate(45deg);
  background:var(--jm-color-accent);
  color:#fff;
}
/* 激活状态 */
.faq-item.active h3{
  color:var(--jm-color-accent);
}
.faq-item.active h3::after{
  transform:rotate(45deg);
  background:var(--jm-color-accent);
  color:#fff;
}
.home-faq p{
  margin:0;
  color:#64748b;
  line-height:1.7;
  padding:0 25px 25px;
  background:#fff;
  border-radius:0;
  box-shadow:none;
  font-size:16px;
  display:block;
  opacity:1;
  transition:all 0.3s ease;
}
/* 移动端优化 */
@media(max-width:768px){
  .home-faq{
    padding:60px 0;
  }
  .home-faq h3{
    font-size:18px;
    padding:18px 20px;
  }
  .home-faq p{
    padding:0 20px 20px;
    font-size:15px;
  }
  .home-faq h3::after{
    font-size:22px;
    width:28px;
    height:28px;
  }
}

/* ===== CTA 优化 ===== */ 
.home-cta{
  background:linear-gradient(135deg, var(--jm-color-primary) 0%, var(--jm-color-primary-dark) 100%);
  color:#ffffff;
  text-align:center;
  padding:100px 0;
  position:relative;
  overflow:hidden;
}
.home-cta::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="rgba(255,255,255,0.03)"/><path d="M0 0 L100 100 M100 0 L0 100" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></svg>');
  opacity:0.3;
}
.home-cta .home-inner{
  position:relative;
  z-index:1;
}
.home-cta h2{
  color:#ffffff;
  font-size:44px;
  margin-bottom:18px;
}
.home-cta h2::after{
  background:#fff;
  width:80px;
}
.home-cta p{
  color:#e5e7eb;
  font-size:18px;
  margin:0 auto 40px;
  max-width:700px;
  line-height:1.8;
}
.home-cta a{
  display:inline-block;
  margin-top:0;
  padding:18px 45px;
  border:2px solid #fff;
  color:#ffffff;
  font-weight:600;
  text-decoration:none;
  border-radius:8px;
  background:var(--jm-color-accent);
  border-color:var(--jm-color-accent);
  transition:all 0.3s ease;
  font-size:17px;
  box-shadow:0 6px 20px rgba(0,0,0,0.2);
}
.home-cta a:hover{
  background:transparent;
  border-color:#fff;
  transform:translateY(-3px);
  box-shadow:0 8px 25px rgba(0,0,0,0.3);
}

/* 确保CTA区块不受奇偶行背景色影响 */
.home-middle section.home-cta{
  background:linear-gradient(135deg, var(--jm-color-primary) 0%, var(--jm-color-primary-dark) 100%);
}

/* 响应式设计优化 */
/* 大型桌面设备 */
@media(max-width:1200px){
  .strength-points,
  .factory-grid,
  .cap-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .home-middle h2{
    font-size:36px;
  }
  .strength-metrics{
    grid-template-columns:repeat(2,1fr);
  }
  .metric:nth-child(2){
    border-left:none;
  }
}

/* 平板设备 */
@media(max-width:768px){
  .strength-points,
  .factory-grid,
  .cap-grid{
    grid-template-columns:1fr;
  }
  .strength-metrics{
    grid-template-columns:1fr;
  }
  .metric{
    border-left:none !important;
    border-bottom:1px solid #e5e7eb;
  }
  .metric:last-child{
    border-bottom:none;
  }
  .home-middle h2{
    font-size:30px;
  }
  .home-middle section{
    padding:60px 0;
  }
  .home-cta{
    padding:80px 0;
  }
  .home-cta h2{
    font-size:32px;
  }
  .home-cta p{
    font-size:16px;
  }
  .home-cta a{
    padding:16px 35px;
    font-size:16px;
  }
}

/* 移动设备 */
@media(max-width:480px){
  .home-inner{
    padding:0 15px;
  }
  .home-middle h2{
    font-size:26px;
  }
  .home-middle h3{
    font-size:20px;
  }
  .home-middle p{
    font-size:15px;
  }
  .home-middle section{
    padding:50px 0;
  }
  .strength-points > div,
  .cap-item,
  .factory-item > div{
    padding:20px;
  }
  .strength-metrics{
    padding:20px 0;
  }
  .metric{
    padding:20px 15px;
  }
  .metric strong{
    font-size:42px;
  }
  .factory-item img{
    height:180px;
  }
  .home-faq h3{
    font-size:18px;
    padding:12px 15px;
  }
  .decision-guide li{
    padding:15px;
  }
  .home-cta h2{
    font-size:28px;
  }
  .home-cta a{
    padding:14px 30px;
    font-size:15px;
  }
}

/* 动画效果 */
@keyframes fadeInUp{
  from{
    opacity:0;
    transform:translateY(40px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* 延迟动画 - 为不同区块添加交错动画 */
.home-middle section:nth-child(1){animation-delay:0.1s;}
.home-middle section:nth-child(2){animation-delay:0.2s;}
.home-middle section:nth-child(3){animation-delay:0.3s;}
.home-middle section:nth-child(4){animation-delay:0.4s;}
.home-middle section:nth-child(5){animation-delay:0.5s;}
.home-middle section:nth-child(6){animation-delay:0.6s;}
.home-middle section:nth-child(7){animation-delay:0.7s;}

/* 图片懒加载优化 */
img{
  transition:opacity 0.3s ease;
}
img.lazyloaded{
  opacity:1;
}

/* 焦点样式优化 - 仅影响非导航链接，桌面端生效 */
@media (min-width: 901px) {
  button:focus,
  a:not(.nav-menu a):focus{
    outline:2px solid var(--jm-color-accent);
    outline-offset:4px;
  }
}

/* 客户logo样式优化 */
.client-logos{
  margin-top:60px;
  padding:40px 0;
  background:#f8fafc;
  border-radius:12px;
  text-align:center;
}

.client-logos h3{
  font-size:24px;
  color:var(--jm-color-primary);
  margin-bottom:30px;
  font-weight:600;
}

.logos-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:30px;
  padding:0 20px;
  max-width:1000px;
  margin:0 auto;
}

.logo-item{
  background:#ffffff;
  padding:0;
  border-radius:8px;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  transition:all 0.3s ease;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e2e8f0;
  overflow:hidden;
}

.logo-item:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 25px rgba(0,0,0,0.1);
}

.logo-item img{
  max-width:100%;
  max-height:100%;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  padding:0 !important;
}

/* 滚动条样式优化 */
::-webkit-scrollbar{
  width:8px;
}
::-webkit-scrollbar-track{
  background:#f1f5f9;
}
::-webkit-scrollbar-thumb{
  background:var(--jm-color-primary);
  border-radius:4px;
}
::-webkit-scrollbar-thumb:hover{
  background:var(--jm-color-accent);
}