/* ============================================================
   sci10.css — 蓝青渐变·现代版
   主色: #21cdc0 → #2f6bff 渐变 | 大圆角 14px | 渐变按钮/分页 | 悬浮上浮+投影
   ============================================================ */

/* ---- 顶部搜索区 ---- */
.top-search {
  padding: 44px 0 60px;
  background-image: linear-gradient(120deg, rgba(33, 205, 192, .25), rgba(47, 107, 255, .25)),
                    url("../../imgs/s_banner.png");
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}
.t-s-c h1 {
  font-weight: 700;
  background: linear-gradient(90deg, #149c92, #2f6bff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.top-search .input-c {
  border-radius: 14px 0 0 14px;
  border: 1px solid #cfe4f5;
  padding-left: 28px;
  box-shadow: 0 4px 14px rgba(31, 60, 140, .06);
}
.top-search .input-c:focus {
  border-color: #2f6bff;
  box-shadow: 0 0 0 3px rgba(47, 107, 255, .12);
}
.top-search .btn-c {
  background: linear-gradient(135deg, #21cdc0, #2f6bff);
  border-radius: 0 14px 14px 0;
  font-weight: 600;
  box-shadow: -4px 6px 16px rgba(47, 107, 255, .25);
}
.top-search .btn-c:hover {
  opacity: .92;
}

/* ---- 分类筛选 ---- */
.s-s.active {
  background: linear-gradient(90deg, rgba(33, 205, 192, .12), rgba(47, 107, 255, .12));
  border-radius: 6px;
  color: #1a72e8;
  font-weight: 600;
}
#search-condition-2 .s-s {
  border-radius: 8px;
}
#search-condition-2 .s-s.active {
  color: #1a72e8;
  background: linear-gradient(90deg, rgba(33, 205, 192, .15), rgba(47, 107, 255, .15));
}
.filterItem.nav .desc {
  background: linear-gradient(90deg, rgba(33, 205, 192, .07), rgba(47, 107, 255, .07)), #f2f7fb;
  border-radius: 12px;
}
.filterItem.nav .desc ul li.active a {
  color: #1a72e8;
}

/* ---- 结果统计条 ---- */
.count-msg {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #21cdc0, #2f6bff) 1;
  margin-bottom: 34px;
  color: #5c6a85;
}
.count-msg .left {
  font-weight: 600;
  color: #27406e;
}
.count-msg .right .r-item:hover {
  background: linear-gradient(90deg, rgba(33, 205, 192, .08), rgba(47, 107, 255, .08));
}
.count-msg .right .r-top .arrow-1 { border-bottom-color: #2f6bff; }
.count-msg .right .r-bottom .arrow-2 { border-top-color: #2f6bff; }

/* ---- 列表 ---- */
.list-container {
  width: 1000px;
}
.list-box .list-item {
  margin-bottom: 26px;
  padding-bottom: 26px;
  border-bottom: 1px solid #e4ebf7;
  border-radius: 14px;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.list-box .list-item:hover {
  background: #f7fafe;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(31, 60, 140, .08);
}
.list-item .i-box {
  min-width: 150px;
  height: 200px;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(31, 60, 140, .12);
}
.list-item .right-text .title {
  font-size: 19px;
  font-weight: 700;
}
.list-item .right-text .title:hover {
  color: #1a72e8;
}
.list-item .right-text .tag-item {
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(33, 205, 192, .10), rgba(47, 107, 255, .10));
  color: #27406e;
}
.list-item .right-text .tag-box .tag-item-s {
  color: #1a72e8;
  background: linear-gradient(90deg, rgba(33, 205, 192, .22), rgba(47, 107, 255, .22));
  font-weight: 600;
}

/* ---- 分页 ---- */
.el-pager li.active {
  background: linear-gradient(135deg, #21cdc0, #2f6bff) !important;
  border-radius: 8px !important;
}
.el-pager li:hover { color: #2f6bff !important; }
.el-pagination button:hover { color: #2f6bff !important; }