/* 案例详情页 & 服务落地页 共用样式 */
.case-hero{margin-top:50px}
.big-shot{
  aspect-ratio:21/9;background:var(--paper-2);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--muted);
  font-size:13.5px;text-align:center;line-height:1.8;overflow:hidden;
}
.big-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.case-layout{display:grid;grid-template-columns:1fr 320px;gap:70px;align-items:start}
.case-main h2{font-size:26px;margin:46px 0 18px}
.case-main h2:first-child{margin-top:0}
.case-main p{font-size:16px;line-height:2.05;margin-bottom:16px}
.case-main p b{color:var(--ink)}
.did{list-style:none;margin:10px 0 20px}
.did li{padding:14px 0 14px 30px;border-bottom:1px dashed var(--line);font-size:15px;line-height:1.9;position:relative}
.did li::before{content:"—";position:absolute;left:0;color:var(--gold-deep)}
.did li b{color:var(--ink)}
.ph-note{background:var(--paper-2);border:1px dashed var(--line);padding:18px 22px;font-size:14px;color:var(--muted)}
.shots-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.shot-s{
  aspect-ratio:4/3;background:var(--paper-2);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--muted);
  font-size:12.5px;text-align:center;line-height:1.7;overflow:hidden;
}
.shot-s img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.case-side{position:sticky;top:120px;background:var(--white);border:1px solid var(--line);padding:34px 32px}
.case-side h3{font-family:var(--serif);font-size:19px;margin-bottom:18px}
.case-side .specs{list-style:none;margin-bottom:26px}
.case-side .specs li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.case-side .specs li span:first-child{color:var(--muted);white-space:nowrap}
.case-side .specs li span:last-child{color:var(--ink);text-align:right;font-weight:500}
.case-next{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  border-top:1px solid var(--line);margin-top:40px;padding:44px 32px 90px;flex-wrap:wrap;
}
.case-next>span{font-size:13px;letter-spacing:.2em;color:var(--muted)}
@media(max-width:960px){
  .case-layout{grid-template-columns:1fr}
  .case-side{position:static}
  .shots-row{grid-template-columns:1fr}
  .big-shot{aspect-ratio:16/10}
}