/* ===== Factory Environment ===== */
.factory{ background:#fff; }

/* 顶部横幅 */
.f-hero{
  position:relative;
  max-width:1200px;
  margin: 0 auto;
  padding: 0 16px;
}
.f-hero img{
  width:100%;
  display:block;
  border-radius:16px;
  object-fit:cover;
  aspect-ratio: 21 / 9;
  filter:saturate(1.02);
}
.f-hero__overlay{
  position:absolute; inset:auto 32px 28px 32px;
  color:#fff;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.f-hero__title{ margin:0 0 6px; font-size:28px; font-weight:800; }
.f-hero__desc{ margin:0; opacity:.95; }

/* 引用区 */
.f-quote{
  max-width:1200px;
  margin: 18px auto 8px;
  padding: 12px 16px 0;
  text-align:center;
}
.f-quote blockquote{
  margin:0;
  font-size:20px;
  font-weight:800;
  color:#2a3340;
}
.f-quote cite{
  display:block;
  margin-top:8px;
  color:#687385;
  font-style:normal;
  font-size:14px;
}

/* 内容容器 */
.f-wrap{ max-width:1200px; margin: 8px auto 72px; padding: 0 16px; }

/* 单块：大图 + 叠加白卡（交替左右） */
.f-block{
  position:relative;
  margin: 42px 0 66px;
}
.f-block.reverse{ direction:rtl; }              /* 让图片先渲染在右边 */
.f-block.reverse *{ direction:ltr; }            /* 子元素恢复正常方向 */

.f-img img{
  width:100%;
  display:block;
  border-radius:18px;
  object-fit:cover;
  aspect-ratio: 16 / 9;
  box-shadow: 0 18px 50px rgba(0,0,0,.16);
}

/* 白色说明卡片（悬浮于图上） */
.f-card{
  position:absolute;
  inset:auto 36px -28px auto;  /* 底部外悬一点点 */
  width:min(520px, 60%);
  background: rgba(255,255,255,.70);
  /* 想更高级一点可以加微弱毛玻璃： */
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px); 
  color:#1d2b3a;
  border-radius:16px;
  padding:18px 20px 16px;
  box-shadow: 0 16px 40px rgba(25,35,52,.12);
  border:1px solid rgba(0,0,0,.06);
}
.f-block.reverse .f-card{ inset:auto auto -28px 36px; } /* 反向：卡片贴左 */

.f-card h3{
  margin:0 0 8px;
  font-size:20px;
  font-weight:800;
}
.f-card p{
  margin:0;
  color:#4a5568;
  line-height:1.7;
}

/* 响应式：手机端卡片放到图片下方，100%宽 */
@media (max-width: 900px){
  .f-card{
    position:static;
    width:100%;
    margin-top:12px;
    box-shadow: 0 10px 26px rgba(25,35,52,.10);
  }
  .f-block{ margin: 28px 0 40px; }
  .f-hero__title{ font-size:24px; }
}