/* ============================================================
   searchDetail/sci4.css — 活力橙·大圆角版（与列表页 sci4 配套）
   主色: #ff7a00 | 圆角 12px | 橙色渐变胶囊 | 暖色斑马纹
   ============================================================ */

/* ---- 顶部期刊卡 ---- */
.detail-c {
  height: auto; /* 去掉CDN基础样式写死的height */
}

/* ===== 详情页版本二：经典学术出版风格（sci3 / sci4） ===== */
.sciDetail { color: #18243a; font-family: Georgia, "Times New Roman", "Songti SC", serif; }
.sciDetail .detail-top { border-radius: 0; border-top: 5px solid #153b67; border-bottom: 1px solid #b8c6d6; background: #f4f7fa; box-shadow: none; }
.sciDetail .detail-top .right-text .text-info { border-radius: 0; border-color: #cbd5df; background: #fff; }
.sciDetail .detail-top .tag-box .tag-item { border-radius: 0; background: #153b67; }
.sciDetail .qk-js { display: grid; grid-template-columns: 430px minmax(0, 1fr); column-gap: 34px; row-gap: 0; align-items: start; }
.sciDetail .qk-js > * { grid-column: 1 / -1; min-width: 0; }
.sciDetail .qk-js > .title, .sciDetail .qk-js > .title-box { border-bottom: 1px solid #aebdcd; padding-bottom: 9px; }
.sciDetail .qk-js .title { color: #153b67; font-family: Georgia, "Times New Roman", "Songti SC", serif; letter-spacing: .3px; }
.sciDetail .qk-js .title::before { content: none; }
.sciDetail .qk-js .title::after { content: ""; flex: none; width: 34px; height: 2px; margin-left: 12px; background: #a06b24; }
.sciDetail .qk-js .info { border-radius: 0; border-left: 4px solid #a06b24; background: #f7f3eb; color: #55452f; }
.sciDetail .qk-js > .c-table { grid-column: 1; grid-row: 5 / 10; margin: 0; align-self: start; }
.sciDetail .qk-js > .title:has(+ .c-table-2) { grid-column: 2; grid-row: 5; margin-top: 0; }
.sciDetail .qk-js > .title + .c-table-2 { grid-column: 2; grid-row: 6; margin: 0 0 34px; padding-bottom: 0; align-self: start; }
.sciDetail .qk-js > .title-box:has(+ .h-m) { grid-column: 2; grid-row: 7; margin-top: 18px; }
.sciDetail .qk-js > .title-box + .h-m { grid-column: 2; grid-row: 8; margin: 0; align-self: start; }
.sciDetail .qk-js > .h-m + .origin { grid-column: 2; grid-row: 9; }
.sciDetail .qk-js > .c-table + .title { grid-column: 1; grid-row: 10; margin-top: 34px; }
.sciDetail .qk-js > .c-table + .title + .list-tag-box { grid-column: 1; grid-row: 11; max-height: 350px; overflow-y: auto; margin: 0; padding-right: 7px; scrollbar-gutter: stable; }
.sciDetail .qk-js > .c-table + .title + .list-tag-box + .more-box { grid-column: 1; grid-row: 12; margin-top: 14px; }
.sciDetail .qk-js > .title:has(+ .chat-box) { grid-column: 2; grid-row: 10; margin-top: 34px; }
.sciDetail .qk-js > .title + .chat-box { grid-column: 2; grid-row: 11 / 13; margin: 0; align-self: start; }
.sciDetail .qk-js > .title-box:has(+ .c-table-3) { grid-column: 1; grid-row: 13; margin-top: 38px; }
.sciDetail .qk-js > .c-table-3 { grid-column: 1; grid-row: 14; margin: 0; padding-bottom: 0; align-self: start; }
.sciDetail .qk-js > .title-box:has(+ .c-table-4:nth-child(1 of .c-table-4)) { grid-column: 2; grid-row: 13; margin-top: 38px; }
.sciDetail .qk-js > .c-table-4:nth-child(1 of .c-table-4) { grid-column: 2; grid-row: 14; margin: 0; }
.sciDetail .qk-js > .title-box:has(+ .c-table-4:nth-child(2 of .c-table-4)) { grid-column: 1; grid-row: 15; margin-top: 38px; }
.sciDetail .qk-js > .c-table-4:nth-child(2 of .c-table-4) { grid-column: 1; grid-row: 16; margin: 0; }
.sciDetail .qk-js > .title:has(+ .comment-box) { grid-column: 2; grid-row: 15; margin-top: 38px; }
.sciDetail .qk-js > .comment-box { grid-column: 2; grid-row: 16; }
.sciDetail .qk-js > .comment-box + .more-box { grid-column: 2; grid-row: 17; }
.sciDetail .qk-js .c-table, .sciDetail .qk-js .c-table-2, .sciDetail .qk-js .c-table-3, .sciDetail .qk-js .c-table-4, .sciDetail .qk-js .chat-box, .sciDetail .qk-js .list-tag-item { border-radius: 0; border-color: #cbd5df; box-shadow: none; }
.sciDetail .qk-js .c-table-2 .t-h { background: #153b67; color: #fff; }
.sciDetail .qk-js .c-table-2 .t-item:not(.t-h):nth-child(even), .sciDetail .qk-js .c-table .t-item:nth-child(odd) { background: #f5f7fa; }
.sciDetail .qk-js > .c-table-3 { font-size: 12px; overflow: hidden; }
.sciDetail .qk-js > .c-table-3 .t-h span:first-child, .sciDetail .qk-js > .c-table-3 .t-content .t-left { flex: 0 0 160px; }
.sciDetail .qk-js > .c-table-3 .t-h .set-mm, .sciDetail .qk-js > .c-table-3 .t-content .t-center { min-width: 0; flex: 1; }
.sciDetail .qk-js > .c-table-3 .t-h span:last-child, .sciDetail .qk-js > .c-table-3 .t-content .t-center .t-x { flex: 0 0 58px; }
.sciDetail .qk-js > .c-table-3 .t-content > .t-center.tt-item { display: flex; flex-direction: column; justify-content: center; align-self: stretch; }
.sciDetail .qk-js > .c-table-3 .t-content > .t-center.tt-item .t-inner { flex: 1; min-width: 0; min-height: 46px; align-items: stretch; }
.sciDetail .qk-js > .c-table-3 .t-content > .t-center.tt-item .t-i, .sciDetail .qk-js > .c-table-3 .t-content > .t-center.tt-item .t-x { display: flex; align-items: center; justify-content: center; line-height: 18px; }
.sciDetail .qk-js > .c-table-3 .t-content > .t-center.tt-item .t-i { width: auto; min-width: 0; flex: 1; padding: 10px 7px; text-align: center; overflow-wrap: anywhere; }
.sciDetail .qk-js > .c-table-4 { font-size: 12px; overflow: hidden; }
.sciDetail .qk-js > .c-table-4 .t-h span { min-width: 0; padding-left: 7px; padding-right: 7px; }
.sciDetail .qk-js > .c-table-4 .sss-m, .sciDetail .qk-js > .c-table-4 .tt-center { min-width: 0; width: 205px; }
.sciDetail .qk-js > .c-table-4 .tt-left { padding: 0 9px; }
.sciDetail .qk-js > .c-table-4 .s-s-s, .sciDetail .qk-js > .c-table-4 .tt-right { max-width: 72px; }
.sciDetail .qk-js > .c-table .t-item .t-v { min-width: 0; padding: 9px 12px; flex-wrap: wrap; overflow-wrap: anywhere; }
.sciDetail .qk-js > .c-table .t-item .c-button { width: 100%; margin: 5px 0 0; white-space: normal; line-height: 17px; }
.detail-top {
  background-color: #ffedd6;
  background-blend-mode: soft-light;
  padding: 18px 20px 12px 28px;
  width: 1200px;
  max-width: 1200px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 5px;
}
.detail-top .right-text {
  min-width: 0;
}
.detail-top .right-text .title {
  font-weight: 700;
}
.detail-top .right-text .text-info {
  border-radius: 12px;
  border: 1px solid #ffd9ae;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 237, 214, .5) 100%);
  padding: 20px 24px;
  box-sizing: border-box;
  gap: 14px 0; /* 列距必须为0，列宽+space-between负责对齐 */
}
.detail-top .right-text .info-item {
  margin-bottom: 0; /* 行距统一由row-gap控制，避免叠加 */
  box-sizing: border-box;
}
.detail-top .tag-box .tag-item {
  background: linear-gradient(135deg, #ff9a3d, #ff7a00);
  border-radius: 30px;
  padding: 4px 16px;
}

/* ---- 栏目标题：圆点标记 ---- */
.qk-js .title {
  font-weight: 600;
}
.qk-js .title::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff7a00;
  margin-right: 9px;
}
.qk-js .title-box .sm-a {
  color: #ff7a00;
}

/* ---- 中文简介提示条 ---- */
.qk-js .info {
  color: #b25a00;
  background: #fff2e3;
  border-radius: 12px;
  border-left: 4px solid #ff7a00;
}

/* ---- 基础信息表 ---- */
.qk-js .c-table {
  border: 1px solid #ffe3c2;
  border-radius: 12px;
  overflow: hidden;
}
.qk-js .c-table .t-item:nth-child(odd) {
  background: #fff7ef;
}
.qk-js .c-table .t-item .t-v {
  border-left: 1px solid #ffe3c2;
}
.qk-js .c-table .t-item .c-button {
  border-color: #ffd9ae;
  border-radius: 30px;
}

/* ---- 高被引文献卡片 / 查看更多 ---- */
.qk-js .list-tag-box .list-tag-item {
  border: 1px solid #ffe3c2;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(255, 122, 0, .06);
}
.qk-js .list-tag-box .list-tag-item .c-title:hover {
  color: #ff7a00;
}
.qk-js .more-box .more-btn {
  color: #ff7a00;
  border: 1px solid #ffd9ae;
  border-radius: 30px;
  padding: 6px 56px;
}
.qk-js .more-box .more-btn:hover {
  background: linear-gradient(135deg, #ff9a3d, #ff7a00);
  color: #fff;
  border-color: transparent;
}

/* ---- 指标表格 / 图表 ---- */
.qk-js .c-table-2 {
  border: 1px solid #ffe3c2;
  border-radius: 12px;
  overflow: hidden;
}
.qk-js .c-table-2 .t-item span {
  border-right: 1px solid #ffe3c2;
}
.qk-js .c-table-2 .t-h {
  background: #fff2e3;
}
.qk-js .c-table-2 .t-item:not(.t-h):hover {
  background: #fff7ef;
}
.qk-js .c-table-4 .tag {
  color: #ff7a00;
  background: #ffe8cf;
  border-radius: 30px;
}
.qk-js .chat-box {
  border: 1px solid #ffe3c2;
  border-radius: 12px;
}
.qk-js .chat-box .search-top .tt::before {
  border-color: #ff7a00;
}
.qk-js .chat-box .search-top .tab-box {
  border-color: #ffd9ae;
  background: #fff2e3;
}
.qk-js .chat-box .search-top .tab-box .s-active {
  background: linear-gradient(135deg, #ff9a3d, #ff7a00);
}

/* ---- 相关推荐列表圆点 ---- */
.sciDetail .li-1::before {
  background: #ff7a00;
}
.sciDetail .li-1 .c-1 .link-1:hover {
  color: #ff7a00;
}

/* ===== 首页主题同步：sci4 活力橙圆角 ===== */
.sciDetail { color: #5a3b18; font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
.sciDetail .detail-top { border: 1px solid #ffd9ae; border-top: 5px solid #ff7a00; border-radius: 12px; background: #ffedd6; box-shadow: 0 8px 24px rgba(255,122,0,.10); }
.sciDetail .detail-top .right-text .title { color: #8a5200; font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
.sciDetail .detail-top .right-text .sub-title { font-style: normal; color: #a56a2c; }
.sciDetail .detail-top .right-text .text-info { border-color: #ffd9ae; border-radius: 12px; background: rgba(255,255,255,.80); }
.sciDetail .detail-top .tag-box .tag-item { border-radius: 30px; background: linear-gradient(135deg, #ff9a3d, #ff7a00); }
.sciDetail .qk-js > .title, .sciDetail .qk-js > .title-box { padding: 8px 12px; border: 1px solid #ffe3c2; border-bottom: 0; border-radius: 12px 12px 0 0; background: #fff2e3; }
.sciDetail .qk-js > .title-box .title { margin: 0; padding: 0; border: 0; background: none; }
.sciDetail .qk-js .title { color: #b25a00; font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; font-weight: 700; }
.sciDetail .qk-js .title::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 9px; border-radius: 50%; background: #ff7a00; transform: none; }
.sciDetail .qk-js .title::after { content: none; }
.sciDetail .qk-js .title-box .sm-a { color: #ff7a00; }
.sciDetail .qk-js .info { border-left-color: #ff7a00; border-radius: 12px; background: #fff2e3; color: #b25a00; }
.sciDetail .qk-js .c-table, .sciDetail .qk-js .c-table-2, .sciDetail .qk-js .c-table-3, .sciDetail .qk-js .c-table-4, .sciDetail .qk-js .chat-box { border-color: #ffe3c2; border-radius: 0 0 12px 12px; box-shadow: none; overflow: hidden; }
.sciDetail .qk-js > .c-table { border-radius: 12px; }
.sciDetail .qk-js .c-table-2 .t-h { background: linear-gradient(135deg, #ff9a3d, #ff7a00); color: #fff; }
.sciDetail .qk-js .c-table-2 .t-h span { color: #fff; }
.sciDetail .qk-js .c-table-2 .t-item:not(.t-h):nth-child(even), .sciDetail .qk-js .c-table .t-item:nth-child(odd) { background: #fff7ef; }
.sciDetail .qk-js .list-tag-item { border-color: #ffe3c2; border-radius: 10px; background: #fffaf4; }
.sciDetail .qk-js .more-box .more-btn { border-color: #ff7a00; border-radius: 30px; color: #ff7a00; }
.sciDetail .qk-js .chat-box .search-top .tab-box { border-color: #ffd9ae; border-radius: 30px; background: #fff2e3; }
.sciDetail .qk-js .chat-box .search-top .tab-box .s-active { border-radius: 30px; background: linear-gradient(135deg, #ff9a3d, #ff7a00); color: #fff; }

/* ===== 版本二：等宽 Bento 指标卡片式 ===== */
.sciDetail .qk-js { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; row-gap: 0; align-items: start; font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; }
.sciDetail .qk-js > * { min-width: 0; }
.sciDetail .qk-js > .c-table { grid-column: 1; grid-row: 5 / 10; width: 100%; }
.sciDetail .qk-js > .title:has(+ .c-table-2) { grid-column: 2; grid-row: 5; margin-top: 0; }
.sciDetail .qk-js > .title + .c-table-2 { grid-column: 2; grid-row: 6; margin: 0 0 30px; padding-bottom: 0; }
.sciDetail .qk-js > .title-box:has(+ .h-m) { grid-column: 2; grid-row: 7; margin-top: 18px; }
.sciDetail .qk-js > .title-box + .h-m { grid-column: 2; grid-row: 8; margin: 0; }
.sciDetail .qk-js > .h-m + .origin { grid-column: 2; grid-row: 9; }
.sciDetail .qk-js > .c-table + .title { grid-column: 1; grid-row: 10; margin-top: 36px; }
.sciDetail .qk-js > .c-table + .title + .list-tag-box { grid-column: 1; grid-row: 11; max-height: 350px; overflow-y: auto; margin: 0; padding-right: 6px; scrollbar-gutter: stable; }
.sciDetail .qk-js > .c-table + .title + .list-tag-box + .more-box { grid-column: 1; grid-row: 12; margin-top: 14px; }
.sciDetail .qk-js > .title:has(+ .chat-box) { grid-column: 2; grid-row: 10; margin-top: 36px; }
.sciDetail .qk-js > .title + .chat-box { grid-column: 2; grid-row: 11 / 13; margin: 0; }
.sciDetail .qk-js > .title-box:has(+ .c-table-3) { grid-column: 1; grid-row: 13; margin-top: 38px; }
.sciDetail .qk-js > .c-table-3 { grid-column: 1; grid-row: 14; margin: 0; padding-bottom: 0; }
.sciDetail .qk-js > .title-box:has(+ .c-table-4:nth-child(1 of .c-table-4)) { grid-column: 2; grid-row: 13; margin-top: 38px; }
.sciDetail .qk-js > .c-table-4:nth-child(1 of .c-table-4) { grid-column: 2; grid-row: 14; margin: 0; }
.sciDetail .qk-js > .title-box:has(+ .c-table-4:nth-child(2 of .c-table-4)) { grid-column: 1; grid-row: 15; margin-top: 38px; }
.sciDetail .qk-js > .c-table-4:nth-child(2 of .c-table-4) { grid-column: 1; grid-row: 16; margin: 0; }
.sciDetail .qk-js > .title:has(+ .comment-box) { grid-column: 2; grid-row: 15; margin-top: 38px; }
.sciDetail .qk-js > .comment-box { grid-column: 2; grid-row: 16; }
.sciDetail .qk-js > .comment-box + .more-box { grid-column: 2; grid-row: 17; }
.sciDetail .qk-js > .c-table .t-item .t-v { min-width: 0; padding: 9px 12px; flex-wrap: wrap; overflow-wrap: anywhere; }
.sciDetail .qk-js > .c-table .t-item .c-button { width: 100%; margin: 5px 0 0; white-space: normal; }
.sciDetail .qk-js > .c-table-3 { font-size: 12px; }
.sciDetail .qk-js > .c-table-3 .t-h span:first-child, .sciDetail .qk-js > .c-table-3 .t-content .t-left { flex: 0 0 176px; }
.sciDetail .qk-js > .c-table-3 .t-h .set-mm, .sciDetail .qk-js > .c-table-3 .t-content .t-center { min-width: 0; flex: 1; }
.sciDetail .qk-js > .c-table-3 .t-h span:last-child, .sciDetail .qk-js > .c-table-3 .t-content .t-center .t-x { flex: 0 0 64px; }
.sciDetail .qk-js > .c-table-3 .t-content > .t-center.tt-item .t-inner { min-width: 0; }
.sciDetail .qk-js > .c-table-3 .t-content > .t-center.tt-item .t-i { width: auto; min-width: 0; flex: 1; overflow-wrap: anywhere; }
.sciDetail .qk-js > .c-table-4 { font-size: 12px; }
.sciDetail .qk-js > .c-table-4 .sss-m, .sciDetail .qk-js > .c-table-4 .tt-center { min-width: 0; width: 205px; }