/* 搜索页 */
.sr-wrap { max-width: 720px; margin: 26px auto 46px; padding: 0 16px; }
.sr-form { display: flex; gap: 10px; margin-bottom: 22px; }
.sr-form input {
  flex: 1;
  border: 1px solid var(--rule);
  border-radius: 999px;
  padding: 11px 20px;
  font-size: 15px;
  outline: none;
  background: #fff;
}
.sr-form input:focus { border-color: var(--accent, #3b82f6); }
.sr-sec { margin-bottom: 26px; }
.sr-cap {
  font-size: 16px;
  margin-bottom: 12px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.sr-cap i { font-style: normal; font-size: 13px; color: var(--ink-soft); }
.sr-users, .sr-posts { display: flex; flex-direction: column; gap: 8px; }
.sr-user, .sr-post {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 13px;
  padding: 12px 14px;
  text-decoration: none;
  color: var(--ink);
  transition: background .15s, border-color .15s;
}
.sr-user:hover, .sr-post:hover { background: #f4f9fe; border-color: #cfe3f5; }
.sr-av {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef3f8;
  flex: none;
}
.sr-user-main, .sr-post-main { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.sr-user-main b, .sr-post-main b { font-size: 14.5px; display: flex; align-items: center; gap: 7px; }
.sr-user-main small, .sr-post-main small { color: var(--ink-soft); font-size: 12.5px; }
.sr-post-main p {
  margin: 0;
  font-size: 13.5px;
  color: var(--ink-soft);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sr-friend {
  font-style: normal;
  font-size: 11px;
  font-weight: 600;
  color: var(--accent, #3b82f6);
  background: #e7f1fe;
  border-radius: 999px;
  padding: 2px 8px;
}
.sr-empty { color: var(--ink-soft); font-size: 13.5px; }