/* =====================================================================
   case-02.css · 模板B：全幅大图 + 上下堆叠
   食品加工厂品牌官网案例
   ===================================================================== */

.banner-case{background-image:url('../images/banner-case.jpg')}

/* 全幅主图 */
.full-hero{padding:60px 0 0}
.fh-img img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}

/* 居中文字块 */
.block-center .narrow{max-width:820px;margin:0 auto;text-align:center}
.kicker{
  display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:2px;color:var(--c-accent);
  background:var(--c-ice);padding:5px 14px;border-radius:999px;margin-bottom:16px;
}
.block-center h2{font-size:clamp(24px,3vw,34px);margin-bottom:20px}
.block-center p{color:var(--c-text-2);font-size:16px;line-height:1.95;margin-bottom:16px}

/* 图文交替堆叠 */
.stack-sec{background:var(--c-ice-2);padding-top:40px}
.stack-row{
  display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:72px;
}
.stack-row:last-child{margin-bottom:0}
.stack-row.reverse .sr-media{order:2}
.sr-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%}
.sr-text h2{font-size:clamp(21px,2.5vw,28px);margin:6px 0 16px}
.sr-text p{color:var(--c-text-2);font-size:15.5px;line-height:1.9;margin-bottom:14px}

/* 设计亮点三列 */
.hl-sec{padding-bottom:40px}
.hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hl-card{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:32px 28px;
  transition:transform var(--trans),box-shadow var(--trans);
}
.hl-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.hl-card b{display:block;font-size:30px;font-weight:800;color:var(--c-ice);-webkit-text-stroke:1.5px var(--c-accent);line-height:1;margin-bottom:16px}
.hl-card h3{font-size:17px;margin-bottom:10px;color:var(--c-primary)}
.hl-card p{font-size:14.5px;color:var(--c-text-2);line-height:1.8}

/* 成果横向大数字带 */
.result-band-sec{padding-top:20px}
.result-band{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  background:var(--c-dark);border-radius:var(--radius-lg);padding:48px 30px;
}
.rb-item{text-align:center;color:#fff}
.rb-item b{display:block;font-size:clamp(32px,3.6vw,46px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px}
.rb-item span{font-size:13.5px;color:#AEBED6}

.wide-quote{
  max-width:820px;margin:44px auto 0;text-align:center;
  border-left:none;border-top:3px solid var(--c-accent);padding-top:28px;
}
.wide-quote p{font-size:18px;color:var(--c-text);line-height:1.9;font-style:italic}
.wide-quote span{display:block;margin-top:16px;font-size:14px;color:var(--c-accent);font-weight:700}

/* 相关案例 */
.related-sec{background:var(--c-ice-2)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rcard{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);display:block;transition:transform var(--trans),box-shadow var(--trans);background:#fff}
.rcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.rcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rcard .rc-tag{position:absolute;top:14px;left:14px;font-size:12px;font-weight:700;color:#fff;background:var(--c-accent);padding:4px 12px;border-radius:999px}
.rcard h3{font-size:15.5px;padding:16px 18px;color:var(--c-primary);line-height:1.5}

/* 响应式 */
@media (max-width:992px){
  .stack-row{grid-template-columns:1fr;gap:26px}
  .stack-row.reverse .sr-media{order:0}
  .hl-grid{grid-template-columns:1fr}
  .result-band{grid-template-columns:1fr 1fr;gap:30px}
  .related-grid{grid-template-columns:1fr}
}