/* ===== 案例分类页 ===== */
.case-hero {
  position:relative; padding:150px 0 100px;
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);
  color:#fff; overflow:hidden;
}
.case-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 20% 50%,rgba(37,99,235,.15) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 50%,rgba(99,102,241,.1) 0%,transparent 50%);
  pointer-events:none;
}
.case-hero[style*="background-image"]::before { background:inherit; }
.case-hero-overlay {
  position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(15,23,42,.85) 0%,rgba(30,41,59,.7) 100%);
}
.case-hero-inner {
  position:relative; z-index:1; text-align:center;
}
.case-breadcrumb {
  display:flex; align-items:center; justify-content:center; gap:6px;
  margin-bottom:24px; font-size:1.5rem;
}
.case-breadcrumb a { color:rgba(255,255,255,.6); transition:color .3s; text-decoration:none; }
.case-breadcrumb a:hover { color:#fff; }
.case-breadcrumb span:last-child { color:rgba(255,255,255,.8); }
.case-breadcrumb-sep { display:flex; color:rgba(255,255,255,.3); }
.case-hero-title {
  font-size:2.2rem; font-weight:800; line-height:1.2; margin-bottom:50px;
  background:linear-gradient(135deg,#fff 0%,#93c5fd 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.case-hero-subtitle {
  font-size:2rem; color:rgba(255,255,255,.65); max-width:600px;
  margin:0 auto; line-height:1.7;
}

/* 左右两栏布局 */
.case-layout {
  display:flex; gap:36px; align-items:flex-start;
}

/* 左侧边栏 */
.case-sidebar {
  width:220px; flex-shrink:0; position:sticky; top:100px;
}
.case-sidebar-header {
  padding-bottom:16px; margin-bottom:16px;
  border-bottom:2px solid var(--primary);
}
.case-sidebar-header h3 {
  font-size:1.15rem; font-weight:700; color:var(--text);
}
.case-sidebar-nav { list-style:none; padding:0; margin:0; }
.case-sidebar-nav li { margin-bottom:4px; }
.case-sidebar-nav li a {
  display:flex; align-items:center; gap:10px;
  padding:25px 16px; border-radius:10px;
  font-size:1.1rem; font-weight:500; color:#000000;
  text-decoration:none; transition:all .25s ease;
}
.case-sidebar-nav li a:hover {
  background:var(--bg-gray); color:var(--text);
}
.case-sidebar-nav li.active a {
  background:var(--primary); color:#fff; font-weight:600;
}
.case-nav-dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--border); flex-shrink:0;
}
.case-sidebar-nav li.active .case-nav-dot { background:#fff; }
.case-sidebar-nav li:not(.active) a:hover .case-nav-dot { background:var(--text); }

/* 右侧主区域 */
.case-main { flex:1; min-width:0; }

/* 案例列表 */
.case-list-header {
  display:flex; align-items:baseline; justify-content:space-between;
  margin-bottom:24px;
}
.case-list-title {
  font-size:1.3rem; font-weight:700; color:var(--text);
  padding-left:14px; border-left:3px solid var(--primary);
}
.case-list-count { font-size:.85rem; color:var(--text-muted); }
.case-list-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:20px;
}
.case-list-card {
  display:flex; background:var(--bg-white); border:1px solid var(--border);
  border-radius:14px; overflow:hidden; transition:all .3s ease;
}
.case-list-card:hover {
  box-shadow:0 8px 30px rgba(37,99,235,.08);
  border-color:var(--primary-light);
}
.case-list-card-img {
  width:180px; min-height:140px; flex-shrink:0; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg-alt); text-decoration:none; /* 【图片180×140px】案例分类列表配图 */
}
.case-list-card-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.case-list-card:hover .case-list-card-img img { transform:scale(1.05); }
.case-list-img-placeholder { padding:30px; }
.case-list-card-body {
  flex:1; padding:16px 18px; display:flex; flex-direction:column;
}
.case-list-card-body h3 {
  font-size:.95rem; font-weight:600; margin-bottom:6px; line-height:1.35;
}
.case-list-card-body h3 a { color:var(--text); text-decoration:none; transition:color .3s; }
.case-list-card-body h3 a:hover { color:var(--primary); }
.case-list-card-body p {
  font-size:.82rem; color:var(--text-muted);
  line-height:1.6; flex:1;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.case-list-card-footer {
  margin-top:10px; padding-top:8px; border-top:1px solid var(--border);
}
.case-list-detail {
  display:inline-flex; align-items:center; gap:4px;
  font-size:.82rem; font-weight:600; color:var(--primary);
  text-decoration:none; transition:gap .3s;
}
.case-list-detail:hover { gap:8px; }

/* 分页 */
.case-pagination {
  display:flex; align-items:center; justify-content:center;
  gap:4px; margin-top:36px; flex-wrap:wrap;
}
.case-pgn-btn {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:36px; border-radius:8px;
  border:1px solid var(--border); background:var(--bg-white);
  color:var(--text); font-size:.85rem; text-decoration:none;
  transition:all .2s ease;
}
.case-pgn-btn:hover:not(.disabled):not(.active) {
  border-color:var(--primary); color:var(--primary);
}
.case-pgn-btn.active {
  background:var(--primary); border-color:var(--primary); color:#fff;
}
.case-pgn-btn.disabled { opacity:.3; cursor:default; }
.case-pgn-ellipsis { color:var(--text-muted); padding:0 2px; font-size:.82rem; }
.case-pgn-info { margin-left:6px; font-size:.82rem; color:var(--text-muted); }

/* 空状态 */
.case-empty { text-align:center; padding:60px 20px; }
.case-empty-icon { margin-bottom:16px; }
.case-empty h3 { font-size:1.1rem; font-weight:700; color:var(--text); margin-bottom:8px; }
.case-empty p { font-size:.9rem; color:var(--text-muted); margin-bottom:0; }

/* CTA */
.case-cta {
  background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%);
  padding:56px 0; color:#fff; text-align:center;
}
.case-cta-inner { max-width:540px; }
.case-cta h2 { font-size:1.4rem; font-weight:700; margin-bottom:10px; }
.case-cta p { font-size:.95rem; color:rgba(255,255,255,.65); margin-bottom:24px; }
.case-cta-btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 32px; border-radius:100px;
  background:var(--primary); color:#fff; font-size:.95rem; font-weight:600;
  text-decoration:none; transition:all .3s ease;
}
.case-cta-btn:hover { background:var(--primary-dark); gap:12px; }

/* ===== 响应式 ===== */
@media(max-width:992px) {
  .case-layout { flex-direction:column; }
  .case-sidebar { width:100%; position:static; }
  .case-sidebar-nav {
    display:flex; flex-wrap:wrap; gap:6px;
  }
  .case-sidebar-nav li { margin-bottom:0; }
  .case-sidebar-nav li a { padding:8px 14px; font-size:.85rem; }
  .case-list-grid { grid-template-columns:1fr; }
  .case-hero-title { font-size:1.8rem; }
}
@media(max-width:576px) {
  .case-hero { padding:80px 0 48px; }
  .case-hero-title { font-size:1.4rem; }
  .case-list-card { flex-direction:column; }
  .case-list-card-img { width:100%; height:180px; }
  .case-list-title { font-size:1.1rem; }
}