/* ============================================================
   qiye-anli.css —— 企业团报成功案例（L5 三角/阶梯原型）
   三角形 hero 分割 / 案例行阶梯递进缩进
   ============================================================ */

/* ---------- Hero：三角形分割 ---------- */
.al-hero{
  position:relative; min-height:80vh; display:flex; align-items:center;
  padding:calc(var(--header-h) + 60px) 0 90px; overflow:hidden;
}
.al-hero__media{ position:absolute; inset:0; }
.al-hero__media img{ width:100%; height:100%; object-fit:cover; }
.al-hero__tri{
  position:absolute; inset:0;
  background:linear-gradient(120deg,var(--green-950) 0%,var(--green-900) 55%,rgba(34,57,46,.4) 100%);
  clip-path:polygon(0 0,58% 0,100% 100%,0 100%);
}
.al-hero__content{ position:relative; z-index:2; color:var(--cream-50); }
.al-hero .breadcrumb{ color:rgba(251,248,241,.7); }
.al-hero .breadcrumb a{ color:var(--cream-100); }
.al-hero__eyebrow{ font-size:13px; letter-spacing:.34em; color:var(--brown-500); margin:22px 0 16px; }
.al-hero h1{ color:var(--cream-50); font-size:clamp(32px,4.6vw,56px); line-height:1.28; }
.al-hero__lead{ margin-top:20px; max-width:560px; font-size:16.5px; line-height:2.05; color:rgba(251,248,241,.85); }
.al-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }

/* ---------- 案例行：阶梯缩进 ---------- */
.al-case__row{
  display:grid; grid-template-columns:150px 1fr; gap:clamp(20px,4vw,56px);
  align-items:start;
}
.al-case__row--1{ padding-left:0; }
.al-case__row--2{ padding-left:clamp(20px,6vw,96px); }
.al-case__row--3{ padding-left:clamp(40px,12vw,192px); }
.al-case__no{
  font-family:var(--font-serif); font-size:clamp(26px,3vw,40px); color:var(--brown-500);
  line-height:1.1; padding-top:8px;
}
.al-case__no::after{
  content:""; display:block; width:44px; height:3px; background:var(--green-800); margin-top:12px;
}
.al-case__body .tag{ margin-bottom:12px; }
.al-case__body h2{ margin:6px 0 16px; }
.al-case__body p{ font-size:15.5px; margin-bottom:12px; }
.al-case__body b{ color:var(--green-900); }
.al-case__tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.al-case__tags span{
  font-size:13px; color:var(--green-800); background:rgba(44,74,58,.08);
  padding:5px 14px; border-radius:999px;
}

/* ---------- 数据小结表 ---------- */
.al-data__wrap .tbl{ table-layout:fixed; }
.al-data__wrap .tbl th{ font-size:14px; }

/* ---------- 客户反馈（深绿） ---------- */
.al-say__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.al-say{
  background:rgba(251,248,241,.06); border:1px solid rgba(251,248,241,.14);
  border-radius:var(--radius-m); padding:28px 24px;
}
.al-say p{ color:rgba(251,248,241,.82); font-size:15px; }
.al-say cite{
  display:block; margin-top:16px; font-style:normal; font-size:13px; color:var(--brown-500);
}

/* ---------- FAQ ---------- */
.al-faq__list{ max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.al-faq-item{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:4px 26px; transition:border-color .3s;
}
.al-faq-item[open]{ border-color:rgba(44,74,58,.3); }
.al-faq-item summary{
  cursor:pointer; list-style:none; padding:18px 0;
  font-family:var(--font-serif); font-size:16.5px; font-weight:700; color:var(--green-900);
}
.al-faq-item summary::-webkit-details-marker{ display:none; }
.al-faq-item[open] summary{ color:var(--brown-700); }
.al-faq-item p{ padding:0 0 20px; font-size:15px; }

/* ---------- CTA：横条图文 ---------- */
.al-book{ background:linear-gradient(120deg,var(--cream-100),var(--cream-50)); }
.al-book__bar{
  display:grid; grid-template-columns:.85fr 1.15fr; border-radius:var(--radius-l); overflow:hidden;
  box-shadow:var(--shadow-md); background:var(--white);
}
.al-book__bar img{ width:100%; height:100%; object-fit:cover; }
.al-book__copy{ padding:clamp(28px,4vw,52px); align-self:center; }
.al-book__copy h2{ margin:8px 0 12px; }
.al-book__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .al-case__row,.al-case__row--2,.al-case__row--3{ grid-template-columns:1fr; padding-left:0; }
  .al-say__grid{ grid-template-columns:1fr; }
  .al-book__bar{ grid-template-columns:1fr; }
  .al-book__bar img{ min-height:240px; }
}