/* 先进制造能力展示区域样式 */

.manufacturing-section {
    padding: 80px 0;
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
}

.manufacturing-header {
    text-align: center;
    margin-bottom: 60px;
}

.manufacturing-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    position: relative;
}

.manufacturing-subtitle {
    font-size: 1.1rem;
    color: #666;
    max-width: 800px;
    margin: 0 auto 30px;
    line-height: 1.6;
}

.manufacturing-description {
    font-size: 1rem;
    color: #888;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
}

.manufacturing-stats {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.stat-block {
    text-align: center;
    position: relative;
}

.stat-number {
    font-size: 3rem;
    font-weight: 800;
    color: #008187;
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
}

.stat-unit {
    font-size: 1.5rem;
    font-weight: 600;
    color: #062c27;
}

.stat-label {
    font-size: 0.95rem;
    color: #666;
    font-weight: 500;
}

/* --- LinYang风格三卡片轮播核心样式 --- */
.media-showcase {
    position: relative;
    margin-top: 40px;
    padding: 0 20px;
}

.media-container {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 卡片内容容器严格16:9比例，保证图片完整显示 */
.carousel-card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    max-width: 900px;
    aspect-ratio: 16/9;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 1.5px 8px rgba(0,0,0,0.10);
    transition: 
        transform 0.6s cubic-bezier(0.4,0.2,0.2,1),
        opacity 0.6s cubic-bezier(0.4,0.2,0.2,1),
        z-index 0s;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    will-change: transform, opacity;
    /* 移除min-width、min-height、height:80%等 */
}

.carousel-card.center {
    transform: translate(-50%, -50%) scale(1) translateX(0);
    opacity: 1;
    z-index: 3;
    pointer-events: auto;
    box-shadow: 0 16px 48px rgba(0,0,0,0.22), 0 2px 12px rgba(0,0,0,0.12);
    overflow: visible; /* 允许按钮溢出 */
}
.carousel-card.center .media-nav {
    position: absolute;
    top: 50%;
    z-index: 30;
}
.carousel-card.center .media-nav.prev {
    left: 0;
    transform: translate(-50%, -50%);
}
.carousel-card.center .media-nav.next {
    right: 0;
    transform: translate(50%, -50%);
}

.carousel-card.left {
    transform: translate(-50%, -50%) scale(0.82) translateX(-260px);
    opacity: 0.7;
    z-index: 2;
    pointer-events: auto;
}

.carousel-card.right {
    transform: translate(-50%, -50%) scale(0.82) translateX(260px);
    opacity: 0.7;
    z-index: 2;
    pointer-events: auto;
}

.carousel-card.out-left {
    transform: translate(-50%, -50%) scale(0.7) translateX(-480px);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}
.carousel-card.out-right {
    transform: translate(-50%, -50%) scale(0.7) translateX(480px);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

/* 卡片内容 */
.card-content {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f8f9fa;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.carousel-card .card-content,
.carousel-card.center .card-content,
.carousel-card.left .card-content,
.carousel-card.right .card-content {
    background-size: cover;
}

.card-overlay {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 0 0 28px 28px;
    background: linear-gradient(0deg, rgba(0,0,0,0.38) 60%, transparent 100%);
    pointer-events: none;
}

/* 隐藏卡片标签 */
.card-tag {
    display: none !important;
}

.card-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.18);
    margin-bottom: 0;
    line-height: 1.3;
}

/* 导航按钮 */
.media-nav {
    position: absolute;
    width: 32px;
    height: 32px;
    font-size: 1rem;
    box-shadow: 0 1px 6px rgba(0,0,0,0.12);
    z-index: 999;
    /* top/left由JS动态设置 */
    left: unset !important;
    right: unset !important;
    top: unset !important;
    transform: none !important;
}
.media-nav:hover {
    background: #f0f6ff;
    box-shadow: 0 4px 18px rgba(0,123,255,0.13);
}
/* 移除原有.media-nav的left/right定位和transform */
.media-nav.prev,
.media-nav.next {
    left: unset !important;
    right: unset !important;
    transform: none !important;
}
/* 强制覆盖早期重置，确保按钮定位 */
.media-nav.prev {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.media-nav.next {
    left: 50% !important;
    transform: translate(50%, -50%) !important;
}

/* 响应式下按钮距离适当缩小 */
@media (max-width: 1200px) {
    .media-nav.prev { transform: translate(-80%, -50%); }
    .media-nav.next { transform: translate(80%, -50%); }
}
@media (max-width: 768px) {
    .media-nav.prev { transform: translate(-100%, -50%); }
    .media-nav.next { transform: translate(100%, -50%); }
}

/* 指示器 */
.media-indicators {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}
.media-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e0e7ef;
    cursor: pointer;
    transition: background 0.3s, transform 0.3s;
}
.media-indicator.active {
    background: #008187;
    transform: scale(1.25);
}

/* 响应式 */
@media (max-width: 1200px) {
    .media-container { height: 340px; }
    .carousel-card {
        width: 90%;
        max-width: 98vw;
        height: 80%;
        min-width: 180px;
        min-height: 100px;
        aspect-ratio: 16/9;
    }
    .carousel-card.left { transform: translate(-50%, -50%) scale(0.82) translateX(-160px); }
    .carousel-card.right { transform: translate(-50%, -50%) scale(0.82) translateX(160px); }
    .carousel-card.out-left { transform: translate(-50%, -50%) scale(0.7) translateX(-320px); }
    .carousel-card.out-right { transform: translate(-50%, -50%) scale(0.7) translateX(320px); }
}

/* 移动端样式由style.css控制，这里注释掉避免冲突 */
/*
@media (max-width: 768px) {
    .media-container { height: 180px; }
    .carousel-card {
        width: 98vw;
        max-width: 100vw;
        height: 90%;
        min-width: 80px;
        min-height: 60px;
        aspect-ratio: 16/10;
    }
    .carousel-card.left { transform: translate(-50%, -50%) scale(0.8) translateX(-80px); }
    .carousel-card.right { transform: translate(-50%, -50%) scale(0.8) translateX(80px); }
    .carousel-card.out-left { transform: translate(-50%, -50%) scale(0.7) translateX(-160px); }
    .carousel-card.out-right { transform: translate(-50%, -50%) scale(0.7) translateX(160px); }
    .card-overlay { padding: 0 0 8px 8px; }
    .card-title { font-size: 0.95rem; }
}
*/
@media (max-width: 480px) {
    .media-container { height: 90px; }
    .carousel-card {
        width: 98vw;
        max-width: 100vw;
        height: 100%;
        min-width: 40px;
        min-height: 30px;
        aspect-ratio: 16/12;
    }
    .carousel-card.left { transform: translate(-50%, -50%) scale(0.7) translateX(-40px); }
    .carousel-card.right { transform: translate(-50%, -50%) scale(0.7) translateX(40px); }
    .carousel-card.out-left { transform: translate(-50%, -50%) scale(0.6) translateX(-80px); }
    .carousel-card.out-right { transform: translate(-50%, -50%) scale(0.6) translateX(80px); }
} 

/* 移动端性能优化 */
@media (max-width: 768px) {
  /* 简化轮播卡片动画 */
  .carousel-card {
    transition: none;
    will-change: auto;
  }
  
  /* 简化卡片变换 */
  .carousel-card.left { 
    transform: translate(-50%, -50%) scale(0.9) translateX(-60px);
  }
  
  .carousel-card.right { 
    transform: translate(-50%, -50%) scale(0.9) translateX(60px);
  }
  
  .carousel-card.out-left { 
    transform: translate(-50%, -50%) scale(0.8) translateX(-120px);
  }
  
  .carousel-card.out-right { 
    transform: translate(-50%, -50%) scale(0.8) translateX(120px);
  }
  
  /* 简化指示器动画 */
  .media-indicator {
    transition: none;
  }
  
  /* 优化按钮动画 */
  .media-nav {
    transition: none;
  }
  
  .media-nav:hover {
    transform: none;
  }
}

/* 超小屏幕进一步优化 */
@media (max-width: 480px) {
  /* 进一步简化轮播动画 */
  .carousel-card {
    transition: none;
  }
  
  .carousel-card.left { 
    transform: translate(-50%, -50%) scale(0.85) translateX(-40px);
  }
  
  .carousel-card.right { 
    transform: translate(-50%, -50%) scale(0.85) translateX(40px);
  }
  
  .carousel-card.out-left { 
    transform: translate(-50%, -50%) scale(0.75) translateX(-80px);
  }
  
  .carousel-card.out-right { 
    transform: translate(-50%, -50%) scale(0.75) translateX(80px);
  }
  
  /* 禁用复杂的hover效果 */
  .media-nav:hover {
    transform: none;
  }
  
  /* 简化所有动画和变换 */
  * {
    animation-duration: 0s !important;
    transition: none !important;
  }
}