/**
 * Cases list page styles (from Home/case.html)
 * Header / footer / inquiry / .ph banner use site.css
 */

/* --- 案例区 --- */
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 26px}
.case-card{margin:0}
.case-item{position:relative;display:block;overflow:hidden;background:var(--sand);aspect-ratio:1/1}
.case-item img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.case-item:hover img{transform:scale(1.06)}

.case-mask{
  position:absolute;inset:0;z-index:2;
  display:flex;align-items:center;justify-content:center;
  background:rgba(22,17,12,.45);
  opacity:0;transition:opacity .5s var(--ease);
}
.case-item:hover .case-mask{opacity:1}
.case-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:#fff;color:var(--ink);
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:15px 30px;
  transition:background .35s var(--ease), color .35s var(--ease);
}
.case-btn svg{width:14px;height:14px;transition:transform .35s var(--ease)}
.case-item:hover .case-btn{background:var(--gold);color:#fff}
.case-item:hover .case-btn svg{transform:translateX(3px)}

.case-cap{padding:18px 0 0}
.case-cap b{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.case-cap span{display:block;font-size:13px;line-height:1.62;color:var(--muted)}

/* --- 分页器 --- */
.case-pager{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:10px;margin-top:60px;
}
.case-page-btn{
  min-width:46px;height:46px;padding:0 14px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:transparent;border:1px solid rgba(22,17,12,.16);
  color:var(--ink);cursor:pointer;text-decoration:none;
  font-family:inherit;font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
}
a.case-page-btn:hover:not(.is-on):not(.is-off),
.case-page-btn:hover:not(:disabled):not([aria-current="true"]):not(.is-on):not(.is-off){
  background:var(--gold);border-color:var(--gold);color:#fff;
}
.case-page-btn.is-on,
.case-page-btn[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff;cursor:default;pointer-events:none}
.case-page-btn.is-off,
.case-page-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}
.case-page-btn svg{width:14px;height:14px}

.case-page-info{
  width:100%;margin:4px 0 0;text-align:center;
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);
}

@media (max-width:1000px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (max-width:520px){
  .case-grid{grid-template-columns:1fr}
  .case-pager{gap:8px;margin-top:44px}
  .case-page-btn{min-width:42px;height:42px;padding:0 10px}
}

/* --- 结尾引导 --- */
.pcta{text-align:center}
.pcta p{
  max-width:780px;margin:0 auto 34px;font-family:var(--font-serif);
  font-size:clamp(22px,2.5vw,30px);line-height:1.42;color:var(--ink);
}
.pcta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}