/* 面包屑导航 */
.breadcrumb {background:#fff;padding:20px 0;border-bottom:1px solid #e2e8f0}
.breadcrumb-content {font-size:14px;color:#64748b}
.breadcrumb-content a {color:#1e3a8a}
.breadcrumb-content span {color:#94a3b8}

/* 页面标题区 */
.page-header {background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;padding:60px 0;text-align:center}
.page-header h1 {font-size:36px;margin-bottom:15px;font-weight:700}
.page-header p {font-size:18px;opacity:.95}

/* 筛选器 */
.filter-section {background:#fff;padding:30px 0;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.filter-wrapper {display:flex;gap:40px;flex-wrap:wrap;align-items:center}
.filter-group {display:flex;gap:15px;align-items:center}
.filter-label {font-weight:600;color:#1e293b;white-space:nowrap}
.filter-tags {display:flex;gap:10px;flex-wrap:wrap}
.tag {padding:8px 20px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:14px;cursor:pointer;transition:.3s;border:1px solid #e2e8f0}
.tag:hover {background:#e2e8f0}
.tag.active {background:#f97316;color:#fff;border-color:#f97316}

/* 案例网格 */
.case-section {padding:50px 0}
.case-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;margin-bottom:50px}
.case-card {background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:.3s}
.case-card:hover {transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}
.case-image {height:250px;object-fit:cover;width:100%;position:relative}
.case-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center;gap:15px}
.case-card:hover .case-overlay {opacity:1}
.overlay-btn {padding:10px 25px;background:#f97316;color:#fff;border-radius:8px;font-size:14px;font-weight:500}
.case-badge {position:absolute;top:15px;right:15px;background:#f97316;color:#fff;padding:5px 15px;border-radius:20px;font-size:12px}
.case-body {padding:25px}
.case-title {font-size:20px;margin-bottom:10px;color:#1e293b;font-weight:600}
.case-expo {color:#f97316;font-size:14px;margin-bottom:8px}
.case-desc {color:#64748b;font-size:15px;line-height:1.7;margin-bottom:15px}
.case-meta {display:flex;justify-content:space-between;font-size:14px;color:#94a3b8;margin-bottom:15px}
.case-tags {display:flex;gap:8px;flex-wrap:wrap}
.case-tag {padding:4px 12px;background:#f1f5f9;color:#475569;border-radius:15px;font-size:12px}
.case-link {color:#f97316;font-weight:600;display:inline-flex;align-items:center;gap:5px;margin-top:15px}

/* 分页 */
.pagination {display:flex;justify-content:center;gap:10px;margin:40px 0}
.page-btn {padding:10px 15px;background:#fff;border:1px solid #e2e8f0;color:#475569;border-radius:8px;cursor:pointer;transition:.3s}
.page-btn:hover {background:#f97316;color:#fff;border-color:#f97316}
.page-btn.active {background:#f97316;color:#fff}

/* 侧边栏 */
.sidebar {width:320px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);height:fit-content;position:sticky;top:120px}
.sidebar-title {font-size:20px;margin-bottom:20px;color:#1e293b;font-weight:600;border-left:4px solid #f97316;padding-left:15px}
.hot-case {display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f1f5f9}
.hot-case img {width:80px;height:60px;object-fit:cover;border-radius:6px}
.hot-case-info h4 {font-size:14px;color:#1e293b;margin-bottom:5px}
.hot-case-info p {font-size:12px;color:#94a3b8}
.cta-box {background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;padding:25px;border-radius:12px;text-align:center;margin-top:30px}
.cta-box h4 {font-size:18px;margin-bottom:15px}
.cta-box button {width:100%;padding:12px;background:#fff;color:#f97316;border:none;border-radius:8px;font-weight:600;cursor:pointer}

/* 响应式 */
@media(max-width:768px){
	.filter-wrapper {flex-direction:column;align-items:flex-start;gap:20px}
	.case-grid {grid-template-columns:1fr}
	.sidebar {width:100%;margin-top:30px;position:static}
	.nav {overflow-x:auto}
	.container {flex-direction: column;}
}