/* ============================================================
   licheng.html · 发展历程
   hero 变体 H16：阶梯错位
   ============================================================ */

.lc-hero{position:relative;padding:90px 0 100px;background:linear-gradient(180deg,var(--cream),var(--bg))}
.lc-xline{top:55%;opacity:.4}
.lc-vline{left:30%;opacity:.3}
.lc-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:start}
.lc-step-a{transform:translateY(0)}
.lc-step-b{transform:translateY(50px)}
.lc-hero-title{font-size:clamp(28px,3.8vw,42px);font-weight:800;margin:18px 0}
.lc-hero-title em{font-style:normal;color:var(--green-deep)}
.lc-hero-sub{color:var(--muted);line-height:2;font-size:15.5px}
.lc-step-b img{width:100%}

/* 纵向时间线 */
.lc-timeline-sec{background:#fff}
.lc-timeline{position:relative;max-width:880px;margin:0 auto;padding:20px 0}
.lc-timeline::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;
  background:linear-gradient(180deg,var(--blue),var(--green),var(--yellow));opacity:.5;
}
.lc-titem{position:relative;width:50%;padding:0 40px 44px 0}
.lc-titem-l{left:0;text-align:right}
.lc-titem-r{left:50%;padding:0 0 44px 40px;text-align:left}
.lc-tdot{
  display:inline-flex;width:54px;height:54px;border-radius:50%;
  background:var(--yellow);font-weight:800;align-items:center;justify-content:center;
  border:3px solid #fff;box-shadow:var(--shadow-sm);position:relative;z-index:1;
}
.lc-titem-r .lc-tdot{background:var(--blue)}
.lc-tcard{
  display:inline-block;background:var(--bg);border:2px solid var(--line);
  border-radius:var(--r-md);padding:20px 22px;margin-top:14px;text-align:left;
}
.lc-tcard h3{font-size:17px;margin-bottom:8px}
.lc-tcard p{font-size:14px;color:var(--muted);line-height:1.9}

/* 历程小结 */
.lc-note{background:#fff}
.lc-note-in{max-width:820px;margin:0 auto;text-align:center}
.lc-note-in p{color:var(--muted);line-height:2.1;font-size:15.5px}

/* 里程碑图片 */
.lc-miles{position:relative;background:var(--bg)}
.lc-miles-xline{top:30%;opacity:.35}
.lc-miles-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.lc-mpic img{width:100%}
.lc-mpic figcaption{
  margin-top:12px;font-size:13.5px;color:var(--muted);
  padding-left:14px;border-left:4px solid var(--green);
}
.lc-mpic-down{transform:translateY(46px)}

/* 数字条 */
.lc-nums{background:linear-gradient(120deg,var(--blue),var(--green))}
.lc-nums-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.lc-num b{display:block;font-size:clamp(22px,2.6vw,32px);font-weight:800;color:var(--ink)}
.lc-num span{font-size:13.5px;opacity:.85}

/* CTA */
.lc-cta{background:linear-gradient(120deg,var(--blue-ink),#22577A);color:#fff;text-align:center}
.lc-cta-in h2{color:#fff;font-size:clamp(22px,3vw,32px)}
.lc-cta-in h2 em{color:var(--yellow);font-style:normal}
.lc-cta-in p{color:#D2E6F1;margin:14px auto 0;max-width:620px}
.lc-cta-btns{margin:26px 0 24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.lc-cta-tel{display:flex;justify-content:center;gap:36px;flex-wrap:wrap}
.lc-cta-tel li{display:flex;gap:8px}
.lc-cta-tel span{color:#B6D6E6}
.lc-cta-tel a{color:#fff;font-weight:700}

@media (max-width:760px){
  .lc-hero-in{grid-template-columns:1fr}
  .lc-step-b{transform:none}
  .lc-timeline::before{left:24px}
  .lc-titem,.lc-titem-r{width:100%;left:0;text-align:left;padding:0 0 36px 60px}
  .lc-miles-row{grid-template-columns:1fr}
  .lc-mpic-down{transform:none}
  .lc-nums-grid{grid-template-columns:1fr 1fr}
}

/* ===== 补充：里程碑背后的故事 ===== */
.lc2-story{position:relative;background:var(--bg)}
.lc2-xline{top:20%;opacity:.3}
.lc2-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.lc2-cols p{background:#fff;border:2px solid var(--line);border-radius:var(--r-md);padding:24px 26px;color:var(--muted);line-height:2;font-size:15px;border-left:5px solid var(--green)}
.lc2-cols p:nth-child(2n){border-left-color:var(--blue)}
.lc2-cols p:nth-child(3n){border-left-color:var(--yellow)}
@media (max-width:960px){.lc2-cols{grid-template-columns:1fr}}