/* ==========================================================================
   anli-4.css —— 地产集团案例私有样式（图为主文为辅）
   结构：页头(图底) → 大图主视觉 → 背景 → 做了什么 → 成果(图+数据) → 设计 → 技术 → 评价 → 相关 → CTA
   ========================================================================== */

.case-hero {
  position: relative;
  color: #fbfaf6;
  padding: 120px 0 100px;
  background:
    linear-gradient(rgba(35, 36, 31, .78), rgba(63, 95, 58, .55)),
    url("../images/hangye-dichan.jpg") center / cover no-repeat;
}
.case-hero .case-eyebrow {
  font-size: .8rem;
  letter-spacing: .25em;
  color: #cfe0c8;
  margin-bottom: 10px;
}
.case-hero h1 { color: #fbfaf6; margin-bottom: 14px; }
.case-hero .case-sub { max-width: 720px; color: rgba(251, 250, 246, .85); margin-bottom: 20px; }
.crumb-light { color: rgba(251, 250, 246, .75); }
.crumb-light a { color: rgba(251, 250, 246, .8); }
.crumb-light .current { color: #cfe0c8; }
.tag-on-dark {
  background: rgba(251, 250, 246, .14);
  color: #fbfaf6;
  border-color: rgba(251, 250, 246, .3);
}

/* 大图主视觉 */
.hero-img-sec { padding-bottom: 0; }
.hero-img-sec img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

/* 成果：图+数据 */
.result-grid { align-items: center; gap: 40px; }
.result-grid img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}
.stats-col { grid-template-columns: 1fr; gap: 20px; text-align: left; }
.stats-col .stat-num { font-size: 2rem; }

.design-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(--rice-deep); padding: 56px 0; }
.cta-card {
  background: var(--paper);
  border-radius: var(--radius-lg);
  padding: 40px;
  box-shadow: var(--shadow-md);
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}
.cta-card h2 { margin-bottom: 12px; }
.cta-card p { margin-bottom: 20px; }