/* ==========================================================================
   anli-6.css —— 连锁餐饮案例私有样式（评价先行）
   结构：页头 → 客户评价 → 背景 → 做了什么 → 前后对比 → 设计 → 成果 → 技术 → 相关 → CTA
   ========================================================================== */

.case-hero {
  background: var(--rice-deep);
  padding: 48px 0 56px;
}
.case-hero .case-eyebrow {
  font-size: .8rem;
  letter-spacing: .25em;
  color: var(--bamboo);
  margin-bottom: 10px;
}
.case-hero h1 { margin-bottom: 14px; }
.case-hero .case-sub { max-width: 760px; margin-bottom: 20px; }
.case-meta { display: flex; gap: 10px; flex-wrap: wrap; }

/* 评价先行：放大引言 */
.quote-lead { background: var(--bamboo-mist); }
.quote-lead .quote { font-size: 1.3rem; }

.bg-sec { background: var(--paper); }
.work-sec { background: var(--rice-deep); }

/* 前后对比 */
.compare-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.compare-col {
  border-radius: var(--radius-lg);
  padding: 28px;
  border: 1px solid var(--line);
}
.compare-col h3 { margin-bottom: 12px; }
.compare-col p { font-size: .92rem; margin: 0; }
.compare-before { background: #f0ece2; }
.compare-before h3 { color: var(--ink-soft); }
.compare-after {
  background: var(--bamboo-mist);
  border-color: rgba(86, 123, 78, .3);
}
.compare-after h3 { color: var(--bamboo-deep); }
.compare-img { margin-top: 28px; }
.compare-img img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

/* 设计亮点 */
.design-sec figure img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

/* 成果 */
.result-sec { background: var(--paper); }

/* 技术 */
.tech-sec { background: var(--bamboo-mist); }
.tech-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.tech-tags .tag { font-size: .85rem; padding: 6px 16px; }

.related-card { display: block; }
.related-card h4 { margin: 12px 0 8px; }
.related-card p { font-size: .88rem; }

/* CTA：纸白卡片 + 顶边竹青线 */
.cta-band {
  background: var(--paper);
  border-top: 1px solid var(--line);
  padding: 64px 0;
}
.cta-card {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  border-top: 3px solid var(--bamboo);
  padding-top: 32px;
}
.cta-card h2 { margin-bottom: 12px; }
.cta-card p { margin-bottom: 20px; }

@media (max-width: 768px) {
  .compare-wrap { grid-template-columns: 1fr; }
}