/* ============================================================================
   qiye-anli.html 合作案例专属样式（复古美式工业风）
   ========================================================================== */

/* ---------- 题头：斜切色带+图 ---------- */
.a-head{position:relative;min-height:440px;overflow:hidden;display:flex;align-items:flex-end}
.a-head-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.a-head-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,20,7,.9),rgba(36,20,7,.55) 60%,rgba(15,33,24,.35))}
.a-head-band{
  position:relative;z-index:2;width:100%;
  background:linear-gradient(100deg,var(--brown-800) 0%,var(--green-900) 60%,transparent 100%);
  padding:calc(var(--header-h) + 40px) 0 44px;
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
}
.a-head .crumb{margin-bottom:16px}
.a-head h1{font-size:clamp(28px,4vw,46px);color:var(--cream-50);margin-bottom:10px;max-width:720px}
.a-head-band p{font-size:15px;color:var(--cream-200);max-width:640px;line-height:1.85}

/* ---------- 标签云 ---------- */
.a-cloud{background:var(--cream-50)}
.a-tags{display:flex;flex-wrap:wrap;gap:10px}
.a-tags .tag{font-size:14px;padding:8px 16px}

/* ---------- 案例卡 ---------- */
.a-cases{background:var(--cream-100)}
.a-case{
  background:var(--cream-50);border:1px solid var(--line);padding:clamp(24px,3vw,36px);
  margin-bottom:20px;border-left:5px solid var(--brass);box-shadow:var(--shadow-sm);
}
.a-case-tag{
  display:inline-block;font-size:12px;letter-spacing:.15em;color:var(--cream-50);
  background:var(--green-700);padding:3px 12px;border-radius:var(--r-xs);margin-bottom:12px;
}
.a-case h3{font-size:clamp(19px,2.2vw,24px);color:var(--brown-800);margin-bottom:10px;line-height:1.4}
.a-case p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:14px}
.a-case-tags{display:flex;flex-wrap:wrap;gap:8px}
.a-case-tags span{
  font-size:12px;color:var(--green-700);background:rgba(58,107,76,.1);
  padding:3px 10px;border-radius:var(--r-xs);
}

/* ---------- 左图右文错位 ---------- */
.a-quote{background:var(--cream-50)}
.a-quote-wrap{position:relative;min-height:380px}
.a-quote-media{width:56%;box-shadow:var(--shadow-lg);position:relative}
.a-quote-media img{width:100%;height:320px;object-fit:cover}
.a-quote-plate{
  position:absolute;bottom:16px;left:16px;background:var(--brass);color:var(--cream-50);
  font-size:12px;letter-spacing:.2em;padding:4px 14px;
}
.a-quote-body{
  position:relative;margin:-60px 4% 0 50%;background:var(--cream-100);
  border:1px solid var(--line);padding:28px 30px;box-shadow:var(--shadow-md);
}
.a-quote-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.a-quote-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:10px}

/* ---------- 效果说明（深棕） ---------- */
.a-effect{background:var(--brown-800);color:var(--cream-100)}
.a-effect-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:center}
.a-effect-media img{width:100%;height:280px;object-fit:cover;box-shadow:var(--shadow-lg)}
.a-effect-body h2{color:var(--cream-50);font-size:clamp(22px,2.6vw,30px);margin-bottom:14px}
.a-effect-body ul{margin-bottom:14px}
.a-effect-body li{
  padding:7px 0 7px 20px;position:relative;color:var(--cream-200);font-size:14.5px;line-height:1.8;
  border-bottom:1px dashed var(--line-dark);
}
.a-effect-body li::before{content:"▸";position:absolute;left:0;color:var(--brass)}
.a-effect-body p{font-size:13.5px;color:var(--cream-300);line-height:1.9}

/* ---------- 底部横幅 ---------- */
.a-foot{padding:64px 0;text-align:center}
.a-foot h2{color:var(--cream-50);font-size:clamp(24px,3vw,34px);margin-bottom:10px}
.a-foot p{color:var(--cream-200);margin-bottom:24px}
.a-foot-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .a-head-band{clip-path:none;padding:calc(var(--header-h) + 40px) 0 34px}
  .a-quote-media{width:100%}
  .a-quote-body{margin:20px 0 0}
  .a-effect-wrap{grid-template-columns:1fr}
}

/* 服务过的企业类型 */
.a-scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.a-scope{background:var(--cream-50);border:1px solid var(--line);padding:24px 26px;border-left:4px solid var(--brass)}
.a-scope h3{font-size:17px;color:var(--brown-800);margin-bottom:8px}
.a-scope p{font-size:14px;color:var(--ink-soft);line-height:1.85}
/* 看案例的正确姿势 */
.a-how-body{max-width:820px;margin:0 auto}
.a-how-body p{font-size:14.5px;color:var(--ink-soft);line-height:2;margin-bottom:14px}
@media(max-width:900px){.a-scope-grid{grid-template-columns:1fr}}