/* ============================================================================
   搜索结果页（search.html）专属样式 · 基理设计规范 v2.1
   卡片样式复用 common.css（.ins-card），此处仅写布局/边栏/分页
   ============================================================================ */

body{background:var(--bg-page);}

/* ===== Hero 搜索区 ===== */
.search-hero{background:var(--brand-800);color:#fff;text-align:center;padding:var(--sp-10) 0 var(--sp-12);}
.search-hero h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--sp-5);}
.search-hero h2 em{font-style:normal;color:var(--brand-200);}
.search-hero .search-box{width:760px;max-width:92%;}
.search-hero .search-box button{width:120px;}

/* ===== 主体布局 ===== */
.search-body{padding:var(--sp-8) 0 var(--sp-16);}
.search-layout{display:flex;gap:var(--sp-6);align-items:flex-start;}

/* ===== 左侧筛选边栏 ===== */
.filter-sidebar{
  width:232px;flex-shrink:0;
  background:var(--bg-card);border:1px solid var(--line-1);border-radius:var(--r-lg);
  padding:var(--sp-4);box-shadow:var(--sh-1);
  position:sticky;top:84px;
}
.sb-head{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:var(--sp-3);margin-bottom:var(--sp-2);
  border-bottom:1px solid var(--line-1);
}
.sb-title{font-size:var(--text-base);font-weight:600;color:var(--text-1);}
.sb-reset{font-size:var(--text-xs);color:var(--brand-text);cursor:pointer;}
.sb-reset:hover{text-decoration:underline;}
.sb-group{padding:var(--sp-3) 0;}
.sb-group + .sb-group{border-top:1px dashed var(--line-1);}
.sb-group-title{font-size:var(--text-sm);font-weight:500;color:var(--text-1);margin-bottom:var(--sp-2);}
.sb-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:260px;overflow-y:auto;}
.sb-list label{
  display:flex;align-items:center;gap:var(--sp-2);
  font-size:var(--text-sm);color:var(--text-2);cursor:pointer;
  padding:2px var(--sp-1);border-radius:var(--r-sm);
}
.sb-list label:hover{color:var(--text-1);background:var(--bg-page);}
.sb-list input[type=checkbox]{width:14px;height:14px;accent-color:var(--brand-solid);cursor:pointer;flex-shrink:0;}
.sb-list .cnt{margin-left:auto;font-size:var(--text-xs);color:var(--text-3);}

/* ===== 右侧主区 ===== */
.ins-main{flex:1;min-width:0;}
.result-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);}
.result-count{font-size:var(--text-sm);color:var(--text-2);}
.result-count b{color:var(--brand-text);font-size:var(--text-base);margin:0 var(--sp-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums;}

/* 卡片网格：search 页 3 列（覆盖 common.css 默认） */
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);}

/* 空状态 */
.empty-tip{padding:var(--sp-16) 0;}
.empty-state{text-align:center;color:var(--text-3);}

/* ===== 分页 ===== */
.pager{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);margin-top:var(--sp-8);flex-wrap:wrap;}
.pager span{
  min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 var(--sp-2);font-size:var(--text-sm);border-radius:var(--r-md);
  cursor:pointer;border:1px solid var(--line-1);color:var(--text-2);
}
.pager span.cur{background:var(--brand-solid);color:#fff;border-color:var(--brand-solid);}
.pager span.arr{border:none;}
.pager span.arr:hover{color:var(--brand-solid);}
.pager svg{width:14px;height:14px;}

/* ===== 卡片入场动画 ===== */
@keyframes insCardIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ins-card { animation: insCardIn .4s cubic-bezier(.22,.61,.36,1) both; }
.ins-grid .ins-card:nth-child(1) { animation-delay: 0ms; }
.ins-grid .ins-card:nth-child(2) { animation-delay: 60ms; }
.ins-grid .ins-card:nth-child(3) { animation-delay: 120ms; }
.ins-grid .ins-card:nth-child(4) { animation-delay: 180ms; }
.ins-grid .ins-card:nth-child(5) { animation-delay: 240ms; }
.ins-grid .ins-card:nth-child(6) { animation-delay: 300ms; }
.ins-grid .ins-card:nth-child(7) { animation-delay: 360ms; }
.ins-grid .ins-card:nth-child(8) { animation-delay: 420ms; }
.ins-grid .ins-card:nth-child(9) { animation-delay: 480ms; }

/* ===== 响应式 ===== */
@media (max-width:1100px){
  .ins-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:820px){
  .search-layout{flex-direction:column;}
  .filter-sidebar{width:100%;position:static;}
  .ins-grid{grid-template-columns:1fr;}
}