/* ============================================================
   Factory page
   ============================================================ */

/* Page Banner */
.page-banner {
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
  color: #fff; text-align: center; padding: 80px 16px 64px;
}
.page-banner h1 {
  font-family: var(--font-heading);
  font-size: 40px; letter-spacing: 3px; margin-bottom: 12px;
}
.page-banner .sub { font-size: 15px; opacity: .85; }

/* 工厂介绍 */
.factory-intro {
  max-width: 900px; margin: 0 auto;
  font-size: 15px; line-height: 2; color: #555;
}
.factory-intro h2,
.factory-intro h3 {
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin: 24px 0 12px;
}
.factory-intro p { margin-bottom: 14px; }
.factory-intro img { border-radius: var(--radius); margin: 16px 0; }

/* ============================================================
   工厂实景 + 资质证书：一行 3 张
   ============================================================ */

.home-factory { background: #fff; }

.home-factory .factory-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);   /* ← 一行 3 张 */
  gap: 20px;
}

.home-factory .factory-item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--radius);
  background: #fff;
  border: 1px solid var(--color-border);
  transition: var(--transition);
}
.home-factory .factory-item:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary);
  transform: translateY(-3px);
}

.home-factory .factory-item img {
  width: 100%;
  aspect-ratio: 3 / 4;                     /* ← 竖版比例 */
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.home-factory .factory-item:hover img { transform: scale(1.05); }

.home-factory .factory-item .caption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 16px;
  background: linear-gradient(transparent, rgba(0,0,0,.75));
  color: #fff;
  text-align: center;
}
.home-factory .factory-item .caption i {
  display: block;
  font-style: normal;
  font-size: 11px;
  letter-spacing: 2px;
  opacity: .85;
  margin-bottom: 4px;
}
.home-factory .factory-item .caption h4 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ============ 响应式 ============ */

/* 平板 */
@media (max-width: 1024px) {
  .page-banner h1 { font-size: 32px; }
  .home-factory .factory-grid { gap: 16px; }
  .home-factory .factory-item .caption { padding: 12px; }
  .home-factory .factory-item .caption h4 { font-size: 14px; }
}

/* 手机：一行 2 张 */
@media (max-width: 768px) {
  .page-banner { padding: 56px 16px 40px; }
  .page-banner h1 { font-size: 24px; letter-spacing: 2px; }
  .page-banner .sub { font-size: 13px; }

  .home-factory .factory-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .home-factory .factory-item img { aspect-ratio: 3 / 4; }
  .home-factory .factory-item .caption { padding: 10px; }
  .home-factory .factory-item .caption i { font-size: 10px; letter-spacing: 1px; }
  .home-factory .factory-item .caption h4 { font-size: 12px; }
}

/* 小屏手机 */
@media (max-width: 480px) {
  .page-banner h1 { font-size: 20px; }
  .home-factory .factory-grid { gap: 8px; }
  .home-factory .factory-item .caption h4 { font-size: 11px; }
}