/* ============================================================
   sci1.css — 经典青绿·精致版（在原版基础上微调）
   主色: #21cdc0 | 圆角 10px | 悬浮微上移 | 列表宽 980px
   ============================================================ */

/* ---- 顶部搜索区 ---- */
.top-search {
  padding: 48px 0 60px;
  background-color: #d8f4f1;
  background-blend-mode: soft-light;
}
.t-s-c h1 {
  letter-spacing: 1px;
}
.top-search .input-c {
  border-radius: 10px 0 0 10px;
  padding-left: 28px;
}
.top-search .btn-c {
  background: #21cdc0;
  border-radius: 0 10px 10px 0;
}
.top-search .btn-c:hover {
  background: #1bb8ac;
}

/* ---- 分类筛选 ---- */
.s-s.active {
  color: #21cdc0;
  font-weight: 600;
}
#search-condition-2 .s-s.active {
  color: #0e204d;
}
.filterItem.nav .desc {
  background: #e6f5f3;
  border-radius: 10px;
}

/* ---- 结果统计条 ---- */
.count-msg {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 36px;
  padding-bottom: 14px;
  color: #66707d;
}
.count-msg .left {
  font-size: 14px;
}
.count-msg .right .r-item:hover {
  background: #f0faf9;
}
.count-msg .right .r-top .arrow-1 { border-bottom-color: #21cdc0; }
.count-msg .right .r-bottom .arrow-2 { border-top-color: #21cdc0; }

/* ---- 列表 ---- */
.list-container {
  width: 980px;
}
.list-box .list-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #efefef;
  transition: transform .2s ease, box-shadow .2s ease;
}
.list-box .list-item:hover {
  transform: translateY(-2px);
}
.list-item .i-box {
  min-width: 148px;
  height: 198px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(14, 32, 77, .08);
}
.list-item .right-text .title {
  font-size: 19px;
}
.list-item .right-text .title:hover {
  color: #21cdc0;
}
.list-item .right-text .info-item {
  font-size: 14px;
  line-height: 22px;
}
.list-item .right-text .tag-item {
  border-radius: 20px;
  background: #f2f6f6;
}
.list-item .right-text .tag-box .tag-item-s {
  color: #149c92;
  background: rgba(33, 205, 192, .12);
}

/* ---- 分页 ---- */
.el-pager li.active {
  background: #21cdc0 !important;
  border-radius: 10px !important;
}
.el-pager li:hover { color: #21cdc0 !important; }
.el-pagination button:hover { color: #21cdc0 !important; }
