/* ============================================================
   Candy Theme — 搜索页 CSS
   对齐 preview/search-preview.html 设计稿
   全走 candy token，零裸 hex，守禁六
   ============================================================ */

/* ===== 搜索 banner（整合在 page-head 内）===== */
.page-search .page-head{margin:0 0 0;background:var(--bg);border:1px solid var(--line);border-top:none;box-shadow:var(--shadow);overflow:hidden;}
.page-search .head-title{padding:24px 0 0;display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;}
.page-search .head-title h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.4vw,40px);letter-spacing:.01em;margin:0;}
.page-search .breadcrumb{font-size:13px;color:var(--faint);display:flex;align-items:center;gap:6px;width:100%;margin-bottom:14px;}
.page-search .breadcrumb a:hover{color:var(--gold);}
.page-search .breadcrumb .sep{color:var(--line-strong);margin:0 2px;}

.sb-wrap{padding:0 0 20px;}
.sb-form{width:100%;}
.sb-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.sb-input-wrap{flex:1;min-width:200px;position:relative;}
.sb-input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--faint);pointer-events:none;}
.sb-input{width:100%;padding:12px 14px 12px 44px;border:2px solid var(--line);border-radius:var(--radius-sm);font-size:15px;font-family:var(--serif);color:var(--ink);outline:none;transition:var(--transition-fast);background:var(--bg-soft);}
.sb-input:focus{border-color:var(--gold);background:var(--bg);box-shadow:0 0 0 3px var(--gold-soft);}
.sb-input::placeholder{color:var(--faint);font-family:var(--sans);font-size:14px;}
.sb-adv-btn{display:flex;align-items:center;gap:6px;padding:11px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--muted);cursor:pointer;font-size:13px;font-family:var(--sans);transition:var(--transition-fast);white-space:nowrap;}
.sb-adv-btn:hover{border-color:var(--gold);color:var(--gold);}
.sb-adv-btn.active{background:var(--gold-soft);border-color:var(--gold);color:var(--gold);}
.sb-adv-btn svg{width:15px;height:15px;}
.sb-submit{padding:11px 28px;border:none;border-radius:var(--radius-sm);background:var(--gold);color:var(--bg);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast);font-family:var(--sans);white-space:nowrap;}
.sb-submit:hover{background:var(--gold-hover);}

.sb-filter-bar{display:flex;gap:4px;margin-top:14px;border-bottom:1px solid var(--line);padding-bottom:0;flex-wrap:wrap;}
.sb-pill{padding:8px 16px;font-size:13px;color:var(--muted);cursor:pointer;position:relative;transition:var(--transition-fast);border:none;background:none;font-family:var(--sans);display:flex;align-items:center;gap:5px;text-decoration:none;}
.sb-pill:hover{color:var(--ink);}
.sb-pill.active{color:var(--ink);font-weight:500;}
.sb-pill.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold);border-radius:1px;}
.sb-pill .cnt{font-size:11px;color:var(--faint);background:var(--bg-soft);padding:1px 7px;border-radius:999px;font-weight:400;}

.sb-adv-panel{display:none;margin-top:14px;padding:16px 20px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);gap:16px;flex-wrap:wrap;align-items:end;}
.sb-adv-panel.open{display:flex;}
.adv-group{display:flex;flex-direction:column;gap:4px;}
.adv-group label{font-size:12px;color:var(--faint);font-weight:500;}
.adv-group select{padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-family:var(--sans);color:var(--muted);background:var(--bg);outline:none;cursor:pointer;min-width:130px;}
.adv-group select:focus{border-color:var(--gold);}
.adv-clear{font-size:12px;color:var(--gold);cursor:pointer;padding:8px 12px;white-space:nowrap;text-decoration:none;}
.adv-clear:hover{text-decoration:underline;}

/* ===== 结果区 ===== */
.sr-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;padding:24px 0 56px;align-items:start;}

/* ===== 结果分组 ===== */
.sr-group{margin-bottom:28px;}
.sr-group-title{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.sr-group-title .type-badge{font-size:10px;padding:2px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-weight:500;font-family:var(--sans);letter-spacing:.03em;}
.sr-list{display:flex;flex-direction:column;gap:2px;}

/* ===== 结果卡片 ===== */
.sr-item{display:flex;gap:16px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;text-decoration:none;color:inherit;}
.sr-item:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong);}
.sr-item-cover{width:100px;height:100px;border-radius:8px;object-fit:cover;background:var(--bg-soft);flex-shrink:0;overflow:hidden;}
.sr-item-cover img{width:100%;height:100%;object-fit:cover;}
.sr-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center;}
.sr-item-title{font-size:16px;font-weight:600;color:var(--ink);line-height:1.4;}
.sr-item-title mark{background:var(--gold-soft);color:var(--gold);padding:0 3px;border-radius:3px;}
.sr-item-summary{font-size:13px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sr-item-summary mark{background:var(--gold-soft);color:var(--gold);padding:0 2px;border-radius:2px;}
.sr-item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--faint);margin-top:2px;flex-wrap:wrap;}
.sr-item-meta .type-tag{font-size:10px;padding:2px 8px;border-radius:999px;background:var(--bg-soft);color:var(--muted);}

/* ===== 分页 ===== */
.pagination{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;}
.pagination a,.pagination span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:999px;font-size:13px;border:1px solid var(--line);color:var(--muted);transition:var(--transition-fast);text-decoration:none;}
.pagination a:hover{border-color:var(--gold);color:var(--ink);}
.pagination a.active{background:var(--ink);border-color:var(--ink);color:var(--bg);}
.pagination span.disabled{opacity:.45;}
.pagination .pager-dots{border:none;min-width:auto;}
.pager-jump{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:none;min-width:auto !important;height:auto !important;}
.pager-jump input{width:48px;height:34px;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:13px;outline:none;background:var(--bg);color:var(--ink);}
.pager-jump input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}

/* ===== 空状态 ===== */
.sr-empty{text-align:center;padding:80px 20px;color:var(--faint);}
.sr-empty svg{width:64px;height:64px;margin-bottom:16px;color:var(--faint);}
.sr-empty h3{font-family:var(--serif);font-size:20px;color:var(--muted);margin-bottom:8px;}
.sr-empty p{font-size:14px;color:var(--faint);}
.sr-empty .suggest{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px;}
.sr-empty .suggest a{text-decoration:none;}
.sr-empty .suggest span{padding:6px 16px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--muted);cursor:pointer;transition:var(--transition-fast);display:inline-block;}
.sr-empty .suggest span:hover{border-color:var(--gold);color:var(--gold);}

/* ===== 侧边栏 ===== */
.sr-sidebar{display:flex;flex-direction:column;gap:20px;}
.sr-panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);}
.sr-panel h3{font-family:var(--serif);font-size:15px;font-weight:600;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;}
.sr-hot-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:var(--transition-fast);text-decoration:none;color:inherit;}
.sr-hot-item:last-child{border-bottom:none;}
.sr-hot-item:hover{opacity:.8;}
.sr-hot-rank{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--muted);background:var(--bg-soft);flex-shrink:0;}
.sr-hot-rank.top{background:var(--gold);color:var(--bg);}
.sr-hot-kw{flex:1;font-size:13px;color:var(--ink);}
.sr-hot-cnt{font-size:11px;color:var(--faint);}

/* 搜索历史 */
.sr-panel--history{display:none;}
.sr-panel--history.has-history{display:block;}
.sr-history-list{display:flex;flex-direction:column;gap:2px;}
.sr-history-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px;color:var(--muted);transition:var(--transition-fast);text-decoration:none;}
.sr-history-item:hover{color:var(--gold);}
.sr-history-item .del{margin-left:auto;color:var(--faint);cursor:pointer;font-size:14px;border:none;background:none;padding:0 4px;}
.sr-history-item .del:hover{color:var(--danger);}
.sr-clear{font-size:12px;color:var(--faint);cursor:pointer;padding:0;font-weight:400;transition:var(--transition-fast);}
.sr-clear:hover{color:var(--gold);}

/* ===== 高亮标记（兼容详情页 search.js）===== */
mark,.search-high-light{background:var(--gold-soft);color:var(--gold);padding:0 3px;border-radius:3px;}

/* ===== 响应式 ===== */
@media(max-width:980px){
  .sr-layout{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .sb-row{flex-direction:column;align-items:stretch;}
  .sb-submit,.sb-adv-btn{text-align:center;justify-content:center;}
  .sb-pill{padding:6px 10px;font-size:12px;}
  .sr-item{flex-direction:column;}
  .sr-item-cover{width:100%;height:160px;}
  .pager-jump{margin-left:0;justify-content:center;}
}