/* 含章心理 - 全站共享搜索下拉样式
 * 由 search.js 渲染结果时使用，配合 nav.js 注入的 #hz-search-results 容器
 * 单一来源：以后改下拉项样式只改这一个文件即可
 */

/* 浮层容器位置（兜底，nav 已有 #hz-search-results 基础定位） */
#hz-search-results { z-index: 10000; }

/* 单条结果：flex 排版让标签在左、标题摘要在右 */
.sr-item {
  display: block;
  padding: 12px 14px;
  border-bottom: 1px solid #F5F0E8;
  text-decoration: none;
  color: inherit;
  transition: background .15s;
  cursor: pointer;
}
.sr-item:last-child { border-bottom: none; }
.sr-item:hover { background: #FFFCF5; }

/* 类型标签（药丸样式） */
.sr-tag {
  display: inline-block;
  font-size: .7rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 3px;
  margin-right: 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.sr-tag-psy   { background: #FFF3E0; color: #E65100; }   /* 心理研究 橙 */
.sr-tag-tech  { background: #E3F2FD; color: #1565C0; }   /* 科技与心智 蓝 */
.sr-tag-econ  { background: #E8F8E8; color: #2E7D32; }   /* 行为经济学 绿 */
.sr-tag-daily { background: #F3E5F5; color: #6A1B9A; }   /* 简报 紫 */
.sr-tag-topic { background: #FFF8E1; color: #F57F17; }   /* 专题 黄 */
.sr-tag-page  { background: #ECEFF1; color: #546E7A; }   /* 页面 灰 */

/* 右侧信息容器 */
.sr-info {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 80px);
}
.sr-title {
  font-size: .88rem;
  font-weight: 600;
  color: #3D2C2E;
  line-height: 1.4;
  margin-bottom: 2px;
}
.sr-title mark {
  background: #FFF59D;
  color: #E65100;
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 700;
}
.sr-summary {
  font-size: .76rem;
  color: #9E9E9E;
  line-height: 1.4;
  margin-top: 2px;
}
.sr-summary mark {
  background: #FFF59D;
  color: #E65100;
  padding: 0 2px;
  border-radius: 2px;
}
.sr-date {
  font-size: .68rem;
  color: #BDBDBD;
  margin-top: 3px;
}

/* 空状态 */
.sr-empty {
  padding: 24px;
  text-align: center;
  color: #9E9E9E;
  font-size: .88rem;
}

/* 移动端（窄屏）：上下堆叠，更省空间 */
@media (max-width: 600px) {
  .sr-info { max-width: 100%; display: block; margin-top: 4px; }
}