/* 书报合辑 · 独立站内搜索结果页（微信读书风，复用 bookstore.css 的配色/封面色 cv*） */
.bsr{ -webkit-text-size-adjust:100%; }

/* ===== 顶部吸顶搜索条 ===== */
.sr-top{
  position:sticky; top:0; z-index:20;
  background:var(--bg); border-bottom:1px solid var(--line);
}
.sr-topwrap{
  max-width:900px; margin:0 auto; padding:14px 16px;
  display:flex; align-items:center; gap:12px;
}
.sr-back{
  flex:0 0 auto; width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:var(--ink2); background:transparent; border:0; text-decoration:none;
  transition:.15s;
}
.sr-back:hover{ color:var(--gold); background:rgba(0,0,0,.04); }
/* 微信读书式：柔和填充胶囊，无白盒/无阴影/无渐变，克制干净 */
.sr-form{
  flex:1; min-width:0; min-height:58px; display:flex; align-items:center; gap:10px;
  background:rgba(120,90,40,.08); border:0; border-radius:999px;
  padding:5px 5px 5px 16px;
}
.sr-form:focus-within{ background:rgba(120,90,40,.11); }
.sr-mag{ flex:0 0 auto; color:var(--muted); display:flex; }
.sr-form input{
  flex:1; min-width:0; border:0; outline:0; background:transparent;
  padding:10px 2px; font-size:17px; color:var(--ink);
}
.sr-form input::placeholder{ color:var(--muted); }
.sr-form button{
  flex:0 0 auto; min-height:48px; border:0; cursor:pointer; background:var(--gold);
  color:#fff; font-size:15px; font-weight:700; letter-spacing:.5px;
  padding:9px 21px; border-radius:999px; transition:background .15s;
}
.sr-form button:hover{ background:#9c742a; }

/* ===== 主体 ===== */
.sr-main{ max-width:900px; margin:0 auto; padding:20px 16px 60px; }

.sr-sect{ margin-bottom:30px; }
.sr-secttl{ display:flex; align-items:baseline; gap:9px; margin:0 2px 14px; }
.sr-secttl h2{
  margin:0; font-size:18px; font-weight:700; color:var(--ink); letter-spacing:.5px;
  font-family:"Songti SC","Noto Serif SC",STSong,serif;
}
.sr-cnt{
  font-size:12.5px; color:var(--gold); font-weight:600;
  background:#fbf4e6; border:1px solid #f0e2c4; border-radius:10px; padding:1px 8px;
  font-variant-numeric:tabular-nums;
}

/* ===== 书籍：文字渐变书封书架 ===== */
.sr-shelf{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(102px,1fr)); gap:18px 14px;
}
.sr-bcard{ text-decoration:none; display:flex; flex-direction:column; min-width:0; }
.sr-cover{
  position:relative; aspect-ratio:3/4.15; border-radius:7px; overflow:hidden;
  display:flex; align-items:center; justify-content:center; padding:10px 9px;
  box-shadow:0 4px 12px rgba(60,40,15,.18);
  transition:transform .16s, box-shadow .16s;
}
.sr-bcard:hover .sr-cover{ transform:translateY(-3px); box-shadow:0 10px 20px rgba(60,40,15,.26); }
.sr-cover::after{ /* 书脊高光 */
  content:""; position:absolute; left:6px; top:0; bottom:0; width:2px;
  background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.05));
}
.sr-cover em{
  font-style:normal; color:#fff; text-align:center; line-height:1.32;
  font-family:"Songti SC","Noto Serif SC",STSong,serif; font-weight:600;
  font-size:14px; letter-spacing:.5px; text-shadow:0 1px 3px rgba(0,0,0,.28);
  display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;
}
.sr-bname{
  margin-top:9px; font-size:13.5px; font-weight:600; color:var(--ink); line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.sr-bmeta{
  margin-top:3px; font-size:11.5px; color:var(--muted);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* ===== 篇章内容：结果列表 ===== */
.sr-list{ list-style:none; margin:0; padding:0; }
.sr-list li{ border-bottom:1px solid var(--line); }
.sr-item{
  display:block; text-decoration:none; padding:15px 6px; transition:background .15s;
}
.sr-item:hover{ background:#fbf8f1; }
.sr-ititle{
  font-size:15.5px; font-weight:600; color:var(--ink); line-height:1.4;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.sr-isnip{
  margin-top:5px; font-size:13.5px; color:var(--ink2); line-height:1.65;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.sr-ibook{
  margin-top:7px; font-size:12px; color:var(--muted); display:flex; align-items:center; gap:6px;
}
.sr-dot{ width:5px; height:5px; border-radius:50%; background:var(--gold-soft); flex:0 0 auto; }

/* 命中高亮：把老搜索的红色改成主题金色（覆盖内联 style） */
.sr-main [style*="color:red"], .sr-main [style*="color: red"]{
  color:var(--gold) !important; font-weight:600;
  background:#fbf1d8; border-radius:3px; padding:0 1px;
}

.sr-more{
  margin-top:16px; text-align:center; font-size:12.5px; color:var(--muted);
}

/* ===== 空态 / 引导 / 热搜 ===== */
.sr-lead{ text-align:center; padding:40px 10px 22px; }
.sr-lead-ttl{ font-size:21px; color:var(--ink); font-weight:700; letter-spacing:1px; }
.sr-lead-sub{ margin:8px 0 0; color:var(--muted); font-size:14px; }
.sr-empty{ text-align:center; padding:52px 16px 26px; }
.sr-empty svg{ display:block; margin:0 auto 14px; }
.sr-empty-ttl{ font-size:16px; color:var(--ink); font-weight:600; }
.sr-empty-sub{ margin-top:7px; color:var(--muted); font-size:13.5px; }

.sr-hotbox{ max-width:620px; margin:6px auto 0; text-align:center; }
.sr-hotlbl{ font-size:12.5px; color:var(--muted); margin-bottom:12px; letter-spacing:1px; }
.sr-hotchips{ display:flex; flex-wrap:wrap; gap:9px; justify-content:center; }
.sr-hotchips a{
  text-decoration:none; background:#fff; color:var(--ink2); font-size:13.5px;
  padding:6px 15px; border-radius:20px; border:1px solid var(--line); transition:.15s;
}
.sr-hotchips a:hover{ border-color:var(--gold-soft); color:var(--gold); background:#fffdf6; }

@media (max-width:600px){
  .sr-topwrap{ padding:9px 12px; }
  .sr-main{ padding:16px 12px 50px; }
  .sr-shelf{ grid-template-columns:repeat(3,1fr); gap:16px 12px; }
  .sr-form button{ padding:9px 14px; }
}
@media (max-width:360px){
  .sr-shelf{ grid-template-columns:repeat(2,1fr); }
}