/* ===== 案例列表页 ===== */
.page-hero{background:linear-gradient(135deg,#6B7B8D,#7C8B9C);padding:80px 0;color:#fff;text-align:center}
.page-hero h1{font-size:40px;color:#fff;margin-bottom:12px}
.breadcrumb{color:#c6d3e0;font-size:14px}
.breadcrumb a{color:#d4a843}
.breadcrumb span{margin:0 8px}
.filter-bar{background:#f8f9fa;border-bottom:1px solid #eee;padding:24px 0}
.filter-form{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.filter-form select{padding:12px 18px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;min-width:200px;color:#333}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:60px 0}
.case-card{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:all .4s ease;background:#fff;border:1px solid #f0f0f0;display:block}
.case-card:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(0,0,0,.16)}
.case-card .img{position:relative;overflow:hidden;background:#eef1f5;aspect-ratio:16/11}
.case-card .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.case-card:hover .img img{transform:scale(1.08)}
.case-card .body{padding:20px}
.case-card .body h3{font-size:17px;margin-bottom:8px;line-height:1.4;text-align:center}
.case-card .body .more{color:#c49a2c;font-size:13px;font-weight:600;display:block;text-align:center;margin-top:10px}
.empty-state{text-align:center;padding:80px 20px;color:#999}
.pagination-wrap{margin:0 0 60px;text-align:center}
.pagination-wrap .pagination{display:inline-flex;gap:6px}
.pagination-wrap .pagination li{display:inline}
.pagination-wrap .pagination a,.pagination-wrap .pagination span{display:inline-block;padding:8px 14px;border:1px solid #e0e0e0;border-radius:6px;color:#555;font-size:14px}
.pagination-wrap .pagination .active span,.pagination-wrap .pagination .disabled span{background:#6B7B8D;color:#fff;border-color:#6B7B8D}
.pagination-wrap .pagination a:hover{background:#d4a843;color:#fff;border-color:#d4a843}
@media(max-width:991px){.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.case-grid{grid-template-columns:1fr}.page-hero h1{font-size:30px}}