/*
 * 文献、检索与期刊页面专项样式
 *
 * 旧 ASPX 的 id/name/class 挂载点保持不变；本文件只补充页面级外层与响应式展示。
 */

:is(
    .literature-page,
    .cross-search-page,
    .journals-page,
    .journal-list-page,
    .journal-single-page
  )
  .page-heading-row {
  border-bottom-color: var(--theme-primary);
}

/* 文献检索与期刊链路：末尾广告后的空白与广告前间距保持一致。 */
.compact-footer-gap .inner-page {
  padding-bottom: 0;
}

/* GeneralView.aspx / CrossSearch.aspx：检索区与常驻资源侧栏。 */
.literature-page .c-search-top1 {
  transition:
    border-color 0.2s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

.literature-page .c-search-top1:focus-within {
  border-color: var(--theme-primary);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-primary) 13%, transparent),
    0 10px 24px color-mix(in srgb, var(--theme-primary) 10%, transparent);
}

.knowledge-results-layout,
.cross-search-page .search-results-layout {
  display: flex;
  align-items: flex-start;
  gap: 26px;
  min-width: 0;
}

.knowledge-results-layout {
  margin-top: 30px;
}

.knowledge-results-main,
.cross-search-page .result-main {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.knowledge-resource-sidebar,
.cross-search-page #screen_div {
  position: sticky;
  top: 88px;
  flex: 0 0 292px;
  width: 292px;
  min-width: 0;
}

.knowledge-resource-sidebar {
  overflow: hidden;
  border: 1px solid var(--border);
  border-top: 3px solid var(--theme-primary);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(29, 51, 70, 0.06);
}

.knowledge-resource-brand {
  padding: 19px 18px 17px;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--theme-primary) 4%, white);
}

.knowledge-resource-brand img {
  display: block;
  width: 188px;
  max-width: 100%;
  height: auto;
  margin-bottom: 14px;
}

.knowledge-resource-brand strong {
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}

.knowledge-resource-brand p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}

.knowledge-resource-nav section + section {
  border-top: 1px solid var(--border);
}

.knowledge-resource-nav h2 {
  margin: 0;
  padding: 13px 16px 9px;
  color: var(--theme-primary);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.knowledge-resource-nav a {
  position: relative;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 45px;
  padding: 8px 28px 8px 16px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    padding-left 0.2s ease;
}

.knowledge-resource-nav a::after {
  position: absolute;
  right: 14px;
  color: var(--quiet);
  content: "\2192";
  font-size: 13px;
}

.knowledge-resource-nav b {
  color: var(--ink);
  font-size: 15px;
  font-weight: 600;
}

.knowledge-resource-nav span {
  min-width: 0;
  color: var(--quiet);
  font-size: 13px;
  line-height: 1.55;
}

.knowledge-resource-ad {
  display: grid;
  gap: 5px;
  margin: 16px;
  padding: 15px;
  border-left: 3px solid var(--theme-primary);
  background: var(--page);
}

.knowledge-resource-ad span,
.knowledge-resource-ad small {
  color: var(--quiet);
  font-size: 12px;
}

.knowledge-resource-ad b {
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
}

.knowledge-resource-ad .ad-slot__fallback {
  display: grid;
  gap: 5px;
}

.literature-page .dataList > #list > li {
  margin-bottom: 12px;
  border: 1px solid var(--border);
  border-left: 3px solid transparent;
  border-radius: 4px;
  background: #fff;
}

.literature-page .dataList > #list > li:last-child {
  margin-bottom: 0;
}

/* CrossSearch.aspx：操作按钮、排序菜单和筛选面板。 */
.cross-search-page .cross-workbench.search-bar .c-subnav-search {
  position: relative;
  gap: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.cross-search-page .c-subnav-action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--theme-primary);
  border-radius: 3px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.cross-search-page .c-subnav-action svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.cross-search-page .cross-workbench.search-bar .c-subnav-action--filter {
  background: var(--theme-primary);
  color: #fff;
}

.cross-search-page .cross-workbench.search-bar .c-subnav-action--sort {
  background: #fff;
  color: var(--theme-primary);
}

.cross-search-page #selectordermenu {
  position: absolute;
  z-index: 50;
  top: calc(100% + 4px);
  left: 136px;
  width: 150px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-top: 2px solid var(--theme-primary);
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(31, 45, 61, 0.14);
}

.cross-search-page #selectordermenu .c-submenu-item {
  display: block;
  padding: 10px 13px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
}

.cross-search-page #selectordermenu .c-submenu-item:last-child {
  border-bottom: 0;
}

.cross-search-page .search-results-layout {
  grid-template-columns: none;
  margin-top: 30px;
}

.cross-search-page #screen_div {
  align-self: flex-start;
}

.cross-search-page #screen_div[hidden] {
  display: none;
}

.cross-search-page #menu.c-filter {
  width: 100%;
  min-height: 340px;
}

.cross-search-page #blackbox {
  display: none !important;
}

/* Journal.aspx：搜索条和可自适应的期刊卡片。 */
.journals-page .journal-search {
  display: block;
  max-width: none;
  min-height: 0;
  margin-bottom: 24px;
  border: 0;
}

.journals-page .journal-search .c-search-top-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 116px;
  min-height: 48px;
  overflow: hidden;
  border: 2px solid var(--theme-primary);
  border-radius: 4px;
  background: #fff;
  transition:
    border-color 0.2s ease,
    box-shadow 0.24s ease;
}

.journals-page .journal-search .form-type {
  width: 100%;
  min-width: 0;
  padding: 0 15px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 15px;
}

.journals-page .journal-search .btn-search-block,
.journals-page .journal-search .btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 44px;
}

.journals-page .journal-search .btn-search-block {
  background: var(--theme-primary);
}

.journals-page .journal-search .btn-search {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.journals-page .journal-search .c-search-top-body:focus-within {
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--theme-primary) 14%, transparent),
    0 9px 22px color-mix(in srgb, var(--theme-primary) 10%, transparent);
}

.journals-page .journal-catalog-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 22px;
}

.journals-page .journal-catalog-grid > .divjournallist:not(article) {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 18px;
  min-height: 218px;
  padding: 17px;
  overflow: hidden;
  border-radius: 4px;
}

.journals-page .journal-card-cover {
  display: block;
  align-self: start;
  width: 112px;
  height: 166px;
  overflow: hidden;
  background: var(--page);
}

.journals-page .journal-card-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journals-page .journal-card-copy {
  min-width: 0;
}

.journals-page .journal-card-copy h2 {
  margin: 2px 0 13px;
  color: var(--ink);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
}

.journals-page .journal-card-copy dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.journals-page .journal-card-copy dl > div {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 7px;
}

.journals-page .journal-card-copy dt,
.journals-page .journal-card-copy dd {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.journals-page .journal-card-copy dt {
  color: var(--quiet);
}

.journals-page .journal-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}

.journals-page .journal-card-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--theme-border);
  border-radius: 3px;
  color: var(--theme-primary);
  font-size: 12px;
}

/* JournalList.aspx：期次浏览区与封面比例。 */
.journal-list-page .journal-profile,
.journal-list-page .journal-intro,
.journal-list-page .journal-years,
.journal-list-page #imglist.issue-grid {
  border-radius: 4px;
}

.journal-list-page .journal-profile > p {
  font-size: 13px;
  line-height: 1.7;
}

.journal-list-page .journal-profile > a {
  min-height: 38px;
  font-size: 13px;
}

.journal-list-page .journal-issues-main {
  min-width: 0;
}

.journal-list-page .journal-intro {
  padding: 22px 24px 18px;
  border-top: 3px solid var(--theme-primary);
  border-radius: 4px 4px 0 0;
  background: #fff;
}

.journal-list-page .journal-intro h2 {
  font-size: 20px;
}

.journal-list-page .journal-intro > p {
  margin: 0;
  font-size: 14px;
}

.journal-list-page .journal-years {
  padding: 14px 18px;
  border: 1px solid var(--border);
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background: var(--page);
}

.journal-list-page .journal-years .ck-fl-left {
  margin: 0;
}

.journal-list-page .journal-years .ck-fl-left-item {
  min-width: 66px;
  min-height: 36px;
  font-size: 14px;
}

.journal-list-page #imglist.issue-grid {
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.journal-list-page #imglist.issue-grid > .ck-fl-item {
  padding: 11px;
}

.journal-list-page #imglist.issue-grid .ck-fl-img {
  width: 100%;
  aspect-ratio: 0.72;
}

.journal-list-page #imglist.issue-grid .ck-fl-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journal-list-page #imglist.issue-grid .ck-fl-content {
  font-size: 13px;
}
/*20260911 JournalList.aspx：左侧期刊简介粘性滚动 */
@media (min-width: 781px) {
    .journal-list-page .journal-profile {
        position: sticky;
        top: 88px;
        align-self: start;
    }
}

/* JournalSingle.aspx：刊内搜索、文章辅助文字和往期封面。 */
.journal-single-page .issue-cover > p,
.journal-single-page .issue-cover > a {
  font-size: 13px;
}

.journal-single-page .qk-search-block {
  margin-bottom: 20px;
  padding: 14px;
  overflow: visible;
  border: 1px solid var(--border);
  border-top: 3px solid var(--theme-primary);
  border-radius: 4px;
  background: var(--page);
}

.journal-single-page .qk-search-block-inner {
  display: flex;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 108px;
  min-height: 44px;
  overflow: hidden;
  border: 1px solid var(--theme-primary);
  border-radius: 3px;
  background: #fff;
}

.journal-single-page .qk-search-block .select {
  position: relative;
  display: flex;
  flex: 0 0 112px;
  align-items: stretch;
  min-width: 0;
  overflow: hidden;
  border-right: 1px solid var(--border);
  background: #fff;
}

.journal-single-page .qk-search-block .select::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 13px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #6f7c88;
  border-bottom: 2px solid #6f7c88;
  content: "";
  pointer-events: none;
  transform: translateY(-68%) rotate(45deg);
}

.journal-single-page .qk-search-block select,
.journal-single-page .qk-search-block input,
.journal-single-page .qk-search-block button {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-family: inherit;
  font-size: 14px;
}

.journal-single-page .qk-search-block select {
  display: block;
  box-sizing: border-box;
  height: 42px;
  padding: 0 34px 0 12px;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: none;
  color: var(--muted);
  line-height: 42px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.journal-single-page .qk-search-block input {
  flex: 1 1 auto;
  padding: 0 12px;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  color: var(--muted);
}

.journal-single-page .qk-search-block button {
  flex: 0 0 108px;
  padding: 0 10px;
  -webkit-appearance: none;
  appearance: none;
  background: var(--theme-primary);
  color: #fff;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

.journal-single-page .issue-article-list #list > a.c-catalog__item-web .c-catalog__item-subdiv {
  font-size: 13px;
}

/* JournalSingle.aspx：往期列表 - 自动填充，最大宽度排列 */
.journal-single-page .issue-article-list .c-suggest__body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    gap: 14px !important;
    padding: 14px !important;
}

.journal-single-page .issue-article-list .c-suggest__item {
  padding: 9px;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: #fff;
  transition:
    border-color 0.2s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

.journal-single-page .issue-article-list .c-suggest__img {
  width: 100%;
  height: auto;
  aspect-ratio: 0.72;
}

.journal-single-page .issue-article-list .c-suggest__img img {
  object-fit: cover;
  transition: transform 0.3s ease;
}

.journal-single-page .issue-article-list .c-suggest__test,
.journal-single-page #morelist {
  font-size: 13px;
}
    /* 新增：期次名称悬停变主题色 */
    .journal-single-page .issue-article-list .c-suggest__test:hover {
        color: var(--theme-primary);
    }

/* 新增："查看全部往期" 链接样式 */
.journal-single-page .issue-article-list .c-catalog__item-web-last {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 14px !important;
    margin-top: 4px !important;
    border-top: 1px solid var(--border) !important;
    color: var(--theme-primary) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: background 0.2s ease !important;
    text-decoration: none !important;
}

    .journal-single-page .issue-article-list .c-catalog__item-web-last:hover {
        background: var(--theme-soft) !important;
    }

    .journal-single-page .issue-article-list .c-catalog__item-web-last .fa-angle-right {
        font-size: 13px;
    }
/* JournalSingle.aspx：往期列表 - 自动填充，最大宽度排列 */


/* Detail.aspx：标题下的装饰短线按本轮文档要求移除。 */
.article-detail-page #topcontent .c-card__subline {
  display: none;
}

.article-detail-page #topcontent .c-card__title2 {
  margin-bottom: 22px;
}

@media (hover: hover) and (pointer: fine) {
  .literature-page .c-search-top1:hover {
    border-color: var(--theme-primary);
    box-shadow:
      0 0 0 4px color-mix(in srgb, var(--theme-primary) 13%, transparent),
      0 10px 24px color-mix(in srgb, var(--theme-primary) 10%, transparent);
    transform: translateY(-1px);
  }

  .knowledge-resource-nav a:hover {
    padding-left: 20px;
    background: var(--theme-soft);
    color: var(--theme-primary);
  }

  .knowledge-resource-nav a:hover b,
  .knowledge-resource-nav a:hover::after {
    color: var(--theme-primary);
  }

  .cross-search-page .c-subnav-action:hover,
  .cross-search-page .c-subnav-action[aria-expanded="true"] {
    box-shadow: 0 5px 14px color-mix(in srgb, var(--theme-primary) 18%, transparent);
  }

  .cross-search-page #selectordermenu .c-submenu-item:hover {
    background: var(--theme-soft);
    color: var(--theme-primary);
  }

  .journals-page .journal-card-actions a:hover {
    border-color: var(--theme-primary);
    background: var(--theme-soft);
  }

  .journal-single-page .issue-article-list .c-suggest__item:hover {
    border-color: var(--theme-primary);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--theme-primary) 12%, transparent);
    transform: translateY(-2px);
  }

  .journal-single-page .issue-article-list .c-suggest__item:hover img {
    transform: scale(1.025);
  }
}

@media (max-width: 780px) {
  .knowledge-results-layout,
  .cross-search-page .search-results-layout,
  .cross-search-page .search-results-layout.filter-is-open {
    display: block;
  }

  .knowledge-resource-sidebar {
    display: none;
  }

  .cross-search-page #screen_div:not([hidden]) {
    position: fixed;
    z-index: 420;
    inset: 0;
    display: block;
    width: auto;
    padding: 76px 12px 12px;
    overflow-y: auto;
    background: rgba(20, 34, 47, 0.58);
    overscroll-behavior: contain;
  }

  .cross-search-page #screen_div #menu {
    width: min(100%, 560px);
    min-height: calc(100dvh - 88px);
    margin: 0 auto;
    overflow: visible;
  }

  .cross-search-page #menu .c-filter-button-block2 {
    position: sticky;
    bottom: 0;
    z-index: 3;
    border-top: 1px solid var(--border);
  }

  .cross-search-page .cross-workbench.search-bar .c-subnav-search {
    overflow: visible;
  }

  .cross-search-page #selectordermenu {
    position: fixed;
    z-index: 430;
    top: auto;
    right: 12px;
    bottom: 18px;
    left: 12px;
    width: auto;
  }

  .journals-page .journal-search .form-type {
    font-size: 16px;
  }

  .journals-page .journal-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .journals-page .journal-catalog-grid > .divjournallist:not(article) {
    display: flex;
    min-height: 0;
    padding: 11px;
    flex-direction: column;
    gap: 10px;
  }

  .journals-page .journal-card-cover {
    width: min(100%, 132px);
    height: auto;
    aspect-ratio: 0.72;
    margin: 0 auto;
  }

  .journals-page .journal-card-copy h2 {
    margin: 0;
    text-align: center;
    font-size: 15px;
  }

  .journals-page .journal-card-copy dl {
    display: none;
  }

  .journals-page .journal-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 9px;
  }

  .journals-page .journal-card-actions a {
    min-height: 34px;
    font-size: 13px;
  }

  .journal-list-page #imglist.issue-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .journal-list-page #imglist.issue-grid .ck-fl-content {
    font-size: 14px;
  }

  .journal-single-page .qk-search-block-inner {
    grid-template-columns: 92px minmax(0, 1fr) 92px;
  }

  .journal-single-page .qk-search-block .select {
    flex-basis: 92px;
  }

  .journal-single-page .qk-search-block button {
    flex-basis: 92px;
  }

  .journal-single-page .qk-search-block select,
  .journal-single-page .qk-search-block input,
  .journal-single-page .qk-search-block button {
    font-size: 16px;
  }

  .journal-single-page .issue-article-list .c-suggest__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .cross-search-page .c-subnav-action {
    min-height: 34px;
    padding: 0 10px;
    font-size: 14px;
  }

  .journals-page .journal-search .c-search-top-body {
    grid-template-columns: minmax(0, 1fr) 84px;
  }

  .journals-page .journal-card-cover {
    width: min(100%, 116px);
  }

  .journal-single-page .qk-search-block {
    padding: 10px;
  }

  .journal-single-page .qk-search-block-inner {
    grid-template-columns: 84px minmax(0, 1fr) 88px;
  }

  .journal-single-page .qk-search-block .select {
    flex-basis: 84px;
  }

  .journal-single-page .qk-search-block button {
    flex-basis: 88px;
  }

  .journal-single-page .qk-search-block input {
    padding: 0 8px;
  }

  .journal-single-page .qk-search-block select {
    padding-right: 29px;
    padding-left: 9px;
  }

  .journal-single-page .qk-search-block .select::after {
    right: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .literature-page .c-search-top1,
  .knowledge-resource-nav a,
  .cross-search-page .c-subnav-action,
  .journal-single-page .issue-article-list .c-suggest__item,
  .journal-single-page .issue-article-list .c-suggest__img img {
    transform: none !important;
    transition: none !important;
  }
}

/* 2026-08-15 Word 复核：旧 ASPX 分页保留 ul/li 挂载点，只规范化展示。 */
.literature-page .fenye,
.journals-page .fenye {
  margin-top: 24px;
}

.literature-page .fenye ul,
.journals-page .fenye ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.literature-page .fenye li,
.journals-page .fenye li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.literature-page .fenye a,
.journals-page .fenye a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 3px;
  background: #fff;
  color: var(--muted);
  font-size: 14px;
}

.literature-page .fenye a.active,
.journals-page .fenye a.active {
  border-color: var(--theme-primary);
  background: var(--theme-primary);
  color: #fff;
}

/* CrossSearch.aspx：桌面和手机统一使用阻断式筛选层。 */
body.cross-filter-open {
  overflow: hidden;
}

.cross-search-page #screen_div:not([hidden]) {
  position: fixed;
  z-index: 420;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: auto;
  height: 100vh;
  height: 100dvh;
  padding: 76px max(24px, calc((100% - var(--site-width)) / 2)) 24px;
  overflow-y: auto;
  background: rgba(20, 34, 47, 0.58);
  overscroll-behavior: contain;
}

.cross-search-page #screen_div #menu.c-filter {
  width: min(430px, 100%);
  max-height: calc(100vh - 100px);
  max-height: calc(100dvh - 100px);
  min-height: 0;
  overflow-y: auto;
  border: 1px solid var(--border);
  border-top: 3px solid var(--theme-primary);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 20px 56px rgba(13, 28, 41, 0.28);
}

/* 筛选弹层开启时保留左侧资源栏；标题蓝色覆盖面板两端边线。 */
.cross-search-page #screen_div #menu.c-filter > .c-nav {
  width: calc(100% + 2px);
  margin: -1px -1px 0;
  border-radius: 3px 3px 0 0;
}

.journal-single-page .issue-article-list {
  border-top: 0;
}

.cross-search-page #menu .c-filter-button-block2 {
  position: sticky;
  z-index: 3;
  bottom: 0;
  border-top: 1px solid var(--border);
  background: #fff;
}

.cross-search-page .c-sort-control {
  position: relative;
  display: inline-flex;
}

.cross-search-page .c-sort-control #selectordermenu {
  position: absolute;
  z-index: 430;
  top: calc(100% + 4px);
  right: 0;
  bottom: auto;
  left: auto;
  width: 164px;
}

/* Detail.aspx：摘要保持单块通栏，阅读数收到底部操作条并弱化。 */
.article-detail-page #topcontent.academic-article {
  grid-template-columns: minmax(0, 1fr);
}

.article-detail-page #topcontent > .c-card__statics {
  display: none;
}

.article-detail-page .article-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.article-detail-page .article-read-count {
  flex: none;
  color: var(--quiet);
  font-size: 13px;
  font-weight: 400;
}

.article-detail-page .article-action-bar .u-btn-car-container {
  flex: 1 1 auto;
}

/* JournalList/JournalSingle：年份最多三行，广告紧跟左侧简介。 */
.journal-list-page .journal-years .ck-fl-left {
  max-height: 118px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 781px) {
  .journal-list-page .journal-detail-layout,
  .journal-single-page .issue-page-layout {
    grid-template-rows: auto 1fr;
  }

  .journal-list-page .journal-profile,
  .journal-single-page .issue-cover {
    grid-column: 1;
    grid-row: 1;
  }

  .journal-list-page .journal-issues-main,
  .journal-single-page .issue-article-list {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .journal-list-page .journal-detail-layout > .ad-slot,
  .journal-single-page .issue-page-layout > .ad-slot {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    min-width: 0;
    margin-top: 18px;
  }
}

/* 手机端文献链路统一放大小字，不改动页面主标题的层级。 */
@media (max-width: 780px) {
  :is(
      .literature-page,
      .cross-search-page,
      .journals-page,
      .journal-list-page,
      .journal-single-page,
      .article-detail-page
    )
    main {
    font-size: 16px;
  }

  :is(
      .literature-page,
      .cross-search-page,
      .journals-page,
      .journal-list-page,
      .journal-single-page,
      .article-detail-page
    )
    .breadcrumb {
    font-size: 14px;
    line-height: 1.7;
  }

  :is(.literature-page, .cross-search-page, .journals-page, .journal-single-page)
    main
    :where(input, select, button, textarea) {
    font-size: 16px;
  }

  .literature-page .c-search-top1 h2 {
    font-size: 21px;
  }

  .literature-page .c-search-top1 :where(.select, .form-type, .btn-search),
  .literature-page .button-container .btn {
    font-size: 16px;
  }

  .literature-page .dataList > #list > li h2,
  .cross-search-page
    #datalist
    > .c-company__body-item:not(article)
    .c-company__body-title {
    font-size: 18px;
  }

  .literature-page .dataList > #list > li :where(.author, p),
  .cross-search-page
    #datalist
    > .c-company__body-item:not(article)
    :where(.c-company__body-author, .c-company__body-content) {
    font-size: 15px;
    line-height: 1.75;
  }

  .literature-page .dataList > #list > li :where(.inforBox, .nianqi),
  .cross-search-page
    #datalist
    > .c-company__body-item:not(article)
    :where(.c-company__body-name, .c-company__body-info) {
    font-size: 14px;
  }

  .literature-page .fenye a,
  .journals-page .fenye a {
    min-width: 40px;
    min-height: 40px;
    font-size: 15px;
  }

  .cross-search-page .c-subnav-action,
  .cross-search-page #selectordermenu .c-submenu-item,
  .cross-search-page #screenfilter,
  .cross-search-page #screenfilter :where(a, label, span, input, button) {
    font-size: 15px;
  }

  .cross-search-page #screen_div:not([hidden]) {
    display: block;
    padding: 68px 12px 12px;
  }

  .cross-search-page #screen_div #menu.c-filter {
    width: min(100%, 560px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    margin: 0 auto;
  }

  .journals-page .journal-card-copy h2 {
    font-size: 17px;
  }

  .journals-page .journal-card-actions a,
  .journals-page :where(.journal-filter, .journal-count) {
    font-size: 15px;
  }

  .journal-list-page .journal-profile > p,
  .journal-list-page .journal-profile > a,
  .journal-list-page .journal-intro > p,
  .journal-list-page .journal-years .ck-fl-left-item,
  .journal-list-page #imglist.issue-grid .ck-fl-content {
    font-size: 15px;
  }

  .journal-list-page .journal-detail-layout,
  .journal-single-page .issue-page-layout {
    grid-template-rows: none;
  }

  .journal-list-page .journal-detail-layout > *,
  .journal-single-page .issue-page-layout > * {
    grid-column: auto;
    grid-row: auto;
  }

  .journal-list-page .journal-detail-layout > .ad-slot,
  .journal-single-page .issue-page-layout > .ad-slot {
    margin-top: 0;
  }

  .journal-single-page .issue-cover > :where(p, a),
  .journal-single-page .issue-article-list #list > a.c-catalog__item-web .c-catalog__item-subdiv,
  .journal-single-page .issue-article-list .c-suggest__test,
  .journal-single-page #morelist {
    font-size: 15px;
  }

  .journal-single-page .issue-article-list #list .c-catalog__item-div {
    font-size: 17px;
  }

  .article-detail-page #topcontent .c-card__title2 {
    font-size: 23px;
  }

  .article-detail-page #topcontent .c-card__aritcle {
    font-size: 16px;
  }

  .article-detail-page #topcontent :where(.c-card__paper-name, .c-card__paper-content),
  .article-detail-page .article-layout :where(.u-button-long, .c-book__time),
  .article-detail-page #simcontent :where(.c-catalog__item-name1, .c-catalog__item-name2),
  .article-detail-page .comments-container :where(label, input, textarea, button),
  .article-detail-page .comment-content {
    font-size: 15px;
  }

  .article-detail-page .article-layout > .article-action-bar {
    min-height: 0;
    padding: 8px 11px;
    gap: 10px;
  }

  .article-detail-page .article-read-count {
    font-size: 14px;
  }

  .article-detail-page .article-action-bar .u-btn-car-container {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
  }

  .article-detail-page .article-action-bar .u-button-long {
    min-height: 34px;
    padding: 0 10px;
  }
}
/* 检索字红色显示 */
.u-color-search {
    color: #e74c3c !important;
    font-weight: 600 !important;
}
/* 检索字红色显示 */


/* 我用deepseek改的文献综合检索面板 */
/* ============================================================
   检索选项面板 - 完整样式（主题色联动）
   ============================================================ */

/* 面板容器 - 遮罩层 */
#screen_div {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 面板打开时显示 */
body.open #screen_div {
    display: flex !important;
}

/* 面板主体 */
#screen_div #menu.c-filter {
    position: relative !important;
    width: 560px !important;
    max-width: 92vw !important;
    max-height: 85vh !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 6px !important;
    background: var(--white, #ffffff) !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.35) !important;
    display: block !important;
}

/* ===== 顶部标题栏（主题色联动） ===== */
#screen_div #menu .c-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 24px !important;
    background: var(--theme-primary, #1a68ea) !important;
    color: var(--white, #fff) !important;
    border-radius: 6px 6px 0 0 !important;
    margin: 0 !important;
}

#screen_div #menu .c-nav__title {
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
}

/* ===== 筛选内容区域 ===== */
#screen_div #screenfilter {
    padding: 4px 0 !important;
    max-height: calc(85vh - 120px) !important;
    overflow-y: auto !important;
}

    /* 每个筛选项 */
    #screen_div #screenfilter .c-filter-item {
        border-bottom: 1px solid var(--line, #eef2f6) !important;
        margin: 0 !important;
    }

        #screen_div #screenfilter .c-filter-item:last-child {
            border-bottom: none !important;
        }

    /* ===== 筛选项标题行 ===== */
    #screen_div #screenfilter .c-filter-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 50px !important;
        padding: 0 20px !important;
        cursor: pointer !important;
        transition: background 0.15s ease !important;
    }

        #screen_div #screenfilter .c-filter-top:hover {
            background: var(--theme-soft, #f5f8fa) !important;
        }

    #screen_div #screenfilter .c-filter-title {
        font-size: 17px !important;
        font-weight: 600 !important;
        color: var(--ink, #2d3d4f) !important;
    }

    #screen_div #screenfilter .c-filter-content i {
        font-size: 17px !important;
        color: var(--quiet, #99a8b5) !important;
        transition: transform 0.25s ease !important;
    }

    /* ============================================================
   "都在搜"：flex布局，宽度自适应，默认展开
   ============================================================ */

    /* 默认收起所有筛选内容 */
    #screen_div #screenfilter .c-filter-bottom {
        display: none !important;
    }

    /* 默认展开"都在搜"（按 data-name 匹配） */
    #screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom {
        display: flex !important;
    }

    #screen_div #screenfilter .c-filter-top[data-name="都在搜"] .c-filter-content i {
        transform: rotate(180deg) !important;
    }

    /* "都在搜"按钮：宽度自适应，自由排列 */
    #screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 8px 20px 18px 20px !important;
    }

        #screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom .c-filter-block {
            display: inline-flex !important;
            align-items: center !important;
            width: auto !important;
            min-width: auto !important;
            height: auto !important;
            min-height: 38px !important;
            padding: 8px 20px !important;
            border: 1px solid var(--border, #dce3ea) !important;
            border-radius: 20px !important;
            background: var(--white, #ffffff) !important;
            color: var(--muted, #4a5b6b) !important;
            font-size: 15px !important;
            font-weight: 500 !important;
            line-height: 1.3 !important;
            cursor: pointer !important;
            transition: all 0.18s ease !important;
            white-space: nowrap !important;
        }

    /* ============================================================
   "检索字段"和"资源类别"：网格布局，每行3个，固定宽度，默认收起
   ============================================================ */

    /* "检索字段"和"资源类别"：网格布局，每行3个 */
    #screen_div #screenfilter .c-filter-top[data-name="检索字段"] + .c-filter-bottom,
    #screen_div #screenfilter .c-filter-top[data-name="资源类别"] + .c-filter-bottom {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        padding: 8px 20px 18px 20px !important;
    }

        /* "检索字段"和"资源类别"按钮：固定宽度，统一大小 */
        #screen_div #screenfilter .c-filter-top[data-name="检索字段"] + .c-filter-bottom .c-filter-block,
        #screen_div #screenfilter .c-filter-top[data-name="资源类别"] + .c-filter-bottom .c-filter-block {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            padding: 8px 6px !important;
            min-height: 38px !important;
            height: 38px !important;
            border: 1px solid var(--border, #dce3ea) !important;
            border-radius: 4px !important;
            background: var(--white, #ffffff) !important;
            color: var(--muted, #4a5b6b) !important;
            font-size: 15px !important;
            font-weight: 500 !important;
            line-height: 1.2 !important;
            cursor: pointer !important;
            transition: all 0.18s ease !important;
            overflow: hidden !important;
            white-space: nowrap !important;
            text-overflow: ellipsis !important;
        }

    /* ===== 公共样式：hover 和选中状态 ===== */
    #screen_div #screenfilter .c-filter-block:hover {
        border-color: var(--theme-primary, #1a68ea) !important;
        background: var(--theme-soft, #f0f5ff) !important;
    }

    #screen_div #screenfilter .c-filter-block-select {
        border-color: var(--theme-primary, #1a68ea) !important;
        background: var(--theme-soft, #edf3fe) !important;
        color: var(--theme-primary, #1a68ea) !important;
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 20%, transparent) !important;
    }

    /* ===== 时间筛选 ===== */
    #screen_div #screenfilter .c-filter-time {
        padding: 6px 0 !important;
    }

    #screen_div #screenfilter .c-filter-time-top {
        display: grid !important;
        grid-template-columns: 1fr 20px 1fr !important;
        align-items: center !important;
        gap: 6px 12px !important;
        padding: 6px 20px 4px 20px !important;
    }

    #screen_div #screenfilter .time-title {
        grid-column: 1 / -1 !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        color: var(--ink, #2d3d4f) !important;
        margin-bottom: 2px !important;
    }

    #screen_div #screenfilter .input-block {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    #screen_div #screenfilter .time-type {
        width: 100% !important;
        min-width: 60px !important;
        height: 38px !important;
        padding: 0 12px !important;
        border: 1px solid var(--border, #dce3ea) !important;
        border-radius: 4px !important;
        background: var(--white, #ffffff) !important;
        font-size: 15px !important;
        outline: none !important;
    }

        #screen_div #screenfilter .time-type:focus {
            border-color: var(--theme-primary, #1a68ea) !important;
            box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary) 20%, transparent) !important;
        }

    #screen_div #screenfilter .input-block .text {
        font-size: 15px !important;
        color: var(--muted, #6a7b8b) !important;
        white-space: nowrap !important;
    }

    #screen_div #screenfilter .slash {
        font-size: 16px !important;
        color: var(--quiet, #99a8b5) !important;
        text-align: center !important;
    }

/* ===== 底部按钮 ===== */
#screen_div #menu .c-filter-button-block2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 14px 20px !important;
    background: var(--page, #f5f7fa) !important;
    border-top: 1px solid var(--line, #eef2f6) !important;
    border-radius: 0 0 6px 6px !important;
}

#screen_div #menu .c-filter-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border: none !important;
    border-radius: 4px !important;
    background: var(--white, #ffffff) !important;
    color: var(--muted, #4a5b6b) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    text-decoration: none !important;
}

    #screen_div #menu .c-filter-button:hover {
        background: var(--line, #eef2f6) !important;
    }

#screen_div #menu .c-filter-button-right {
    background: var(--theme-primary, #1a68ea) !important;
    color: var(--white, #ffffff) !important;
}

    #screen_div #menu .c-filter-button-right:hover {
        background: var(--theme-hover, #1555c0) !important;
    }

/* ============================================================
   已有样式覆盖修正（确保不冲突）
   ============================================================ */

/* 覆盖 literature-pages.css 中可能存在的冲突规则 */
#screen_div #screenfilter .c-filter-bottom[style*="display: block"] {
    display: none !important;
}

#screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom[style*="display: block"] {
    display: flex !important;
}

#screen_div #screenfilter .c-filter-top[data-name="检索字段"] + .c-filter-bottom[style*="display: block"],
#screen_div #screenfilter .c-filter-top[data-name="资源类别"] + .c-filter-bottom[style*="display: block"] {
    display: grid !important;
}

/* ===== 移动端适配 ===== */
@media (max-width: 640px) {
    #screen_div #menu.c-filter {
        width: 96vw !important;
        max-width: 96vw !important;
        border-radius: 6px !important;
    }

    #screen_div #menu .c-nav {
        min-height: 48px !important;
        border-radius: 6px 6px 0 0 !important;
    }

    #screen_div #menu .c-nav__title {
        font-size: 18px !important;
    }

    #screen_div #screenfilter .c-filter-title {
        font-size: 16px !important;
    }

    #screen_div #screenfilter .c-filter-top {
        min-height: 46px !important;
        padding: 0 16px !important;
    }

        /* 移动端"都在搜" */
        #screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom {
            padding: 6px 16px 16px 16px !important;
            gap: 6px !important;
        }

            #screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom .c-filter-block {
                font-size: 14px !important;
                min-height: 34px !important;
                padding: 6px 16px !important;
                border-radius: 16px !important;
            }

        /* 移动端"检索字段"/"资源类别"：改为每行2列 */
        #screen_div #screenfilter .c-filter-top[data-name="检索字段"] + .c-filter-bottom,
        #screen_div #screenfilter .c-filter-top[data-name="资源类别"] + .c-filter-bottom {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 6px !important;
            padding: 6px 16px 16px 16px !important;
        }

            #screen_div #screenfilter .c-filter-top[data-name="检索字段"] + .c-filter-bottom .c-filter-block,
            #screen_div #screenfilter .c-filter-top[data-name="资源类别"] + .c-filter-bottom .c-filter-block {
                font-size: 14px !important;
                min-height: 36px !important;
                height: 36px !important;
                padding: 6px 4px !important;
            }

    /* 移动端时间 */
    #screen_div #screenfilter .time-title {
        font-size: 16px !important;
    }

    #screen_div #screenfilter .c-filter-time-top {
        padding: 4px 16px 2px 16px !important;
        gap: 4px 8px !important;
        grid-template-columns: 1fr 16px 1fr !important;
    }

    #screen_div #screenfilter .time-type {
        font-size: 14px !important;
        height: 36px !important;
        min-width: 50px !important;
        padding: 0 8px !important;
    }

    #screen_div #screenfilter .input-block .text {
        font-size: 14px !important;
    }

    #screen_div #screenfilter .slash {
        font-size: 14px !important;
    }

    /* 移动端底部按钮 */
    #screen_div #menu .c-filter-button-block2 {
        padding: 12px 16px !important;
        gap: 10px !important;
    }

    #screen_div #menu .c-filter-button {
        font-size: 15px !important;
        min-height: 40px !important;
    }
}

@media (max-width: 400px) {
    /* 小屏手机"检索字段"/"资源类别"仍保持2列，但按钮更紧凑 */
    #screen_div #screenfilter .c-filter-top[data-name="检索字段"] + .c-filter-bottom,
    #screen_div #screenfilter .c-filter-top[data-name="资源类别"] + .c-filter-bottom {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px !important;
        padding: 5px 12px 14px 12px !important;
    }

        #screen_div #screenfilter .c-filter-top[data-name="检索字段"] + .c-filter-bottom .c-filter-block,
        #screen_div #screenfilter .c-filter-top[data-name="资源类别"] + .c-filter-bottom .c-filter-block {
            font-size: 13px !important;
            min-height: 34px !important;
            height: 34px !important;
            padding: 5px 3px !important;
        }

    #screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom {
        padding: 5px 12px 14px 12px !important;
        gap: 5px !important;
    }

        #screen_div #screenfilter .c-filter-top[data-name="都在搜"] + .c-filter-bottom .c-filter-block {
            font-size: 13px !important;
            min-height: 32px !important;
            padding: 5px 14px !important;
        }

    #screen_div #screenfilter .c-filter-top {
        min-height: 42px !important;
        padding: 0 12px !important;
    }

    #screen_div #screenfilter .c-filter-title {
        font-size: 15px !important;
    }

    #screen_div #menu .c-nav__title {
        font-size: 17px !important;
    }

    #screen_div #menu .c-nav {
        min-height: 44px !important;
    }

    #screen_div #screenfilter .c-filter-time-top {
        padding: 4px 12px 2px 12px !important;
        grid-template-columns: 1fr 14px 1fr !important;
        gap: 4px 6px !important;
    }

    #screen_div #screenfilter .time-title {
        font-size: 15px !important;
    }

    #screen_div #screenfilter .time-type {
        font-size: 13px !important;
        height: 34px !important;
        min-width: 40px !important;
        padding: 0 6px !important;
    }

    #screen_div #menu .c-filter-button-block2 {
        padding: 10px 12px !important;
        gap: 8px !important;
    }

    #screen_div #menu .c-filter-button {
        font-size: 14px !important;
        min-height: 38px !important;
    }
}
/* 我用deepseek改的文献综合检索面板 */

/* ===== deepseek筛选选中状态 - 右下角对号 ===== */
#screenfilter .c-filter-block-select,
.c-filter-block-select {
    position: relative;
}

    #screenfilter .c-filter-block-select::after,
    .c-filter-block-select::after {
        content: "✓";
        position: absolute;
        bottom: 2px;
        right: 6px;
        font-size: 12px;
        font-weight: 700;
        color: var(--theme-primary, #1a68ea);
        pointer-events: none;
    }
/* ===== deepseek筛选选中状态 - 右下角对号 ===== */

/* =====20260911 我要投稿按钮 ===== */
.generalview-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

    .generalview-title-row .generalview-channel-title {
        margin: 0;
    }

/* ===== 我要投稿按钮 ===== */
.contribution-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    border-radius: 4px;
    background: linear-gradient(135deg, var(--theme-primary, #1a68ea), var(--theme-deep, #0d3b6b));
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    box-shadow: 0 4px 12px rgba(26, 104, 234, 0.25);
}

    .contribution-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(26, 104, 234, 0.35);
        filter: brightness(1.08);
        color: #fff;
    }

    .contribution-btn:active {
        transform: scale(0.97);
    }

@media (max-width: 780px) {
    .generalview-title-row {
        gap: 10px;
        margin-bottom: 10px;
    }

    .contribution-btn {
        padding: 7px 14px;
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contribution-btn {
        transition: none;
    }

        .contribution-btn:hover,
        .contribution-btn:active {
            transform: none;
        }
}
.generalview-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

    .generalview-title-row .generalview-channel-title {
        margin: 0;
    }

    .generalview-title-row .button-container {
        margin: 0;
        flex-shrink: 0;
    }

@media (max-width: 780px) {
    .generalview-title-row {
        gap: 10px;
        margin-bottom: 10px;
    }
}
/* =====20260911 我要投稿按钮 ===== */

/* 20260911 JournalSingle.aspx：左侧封面粘性滚动 */
@media (min-width: 781px) {
    .journal-single-page .issue-cover {
        position: sticky;
        top: 88px;
        align-self: start;
    }
}
/* 20260911 JournalSingle.aspx：左侧封面粘性滚动 */

/* 20260912 CrossSearch.aspx：结果中检索，动态突出显示 */
.cross-workbench.search-bar .sec-btn {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 4px;
    background: var(--theme-soft);
    color: var(--theme-primary);
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    animation: secBlink 2s ease-in-out infinite;
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

    .cross-workbench.search-bar .sec-btn::before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-right: 5px;
        border-radius: 50%;
        background: currentColor;
        animation: secDot 1.2s ease-in-out infinite;
    }

    .cross-workbench.search-bar .sec-btn:hover {
        background: var(--theme-primary);
        color: #fff;
        box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-primary) 35%, transparent);
        animation: none;
    }

@keyframes secBlink {
    0%, 100% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--theme-primary) 45%, transparent);
    }

    50% {
        box-shadow: 0 0 0 6px color-mix(in srgb, var(--theme-primary) 0%, transparent);
    }
}

@keyframes secDot {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(0.7);
    }
}

/* 勾选后：变成实色，停止闪亮 */
.cross-workbench.search-bar .sec_checked:checked ~ .sec-btn {
    background: var(--theme-primary);
    color: #fff;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--theme-primary) 30%, transparent);
}

    .cross-workbench.search-bar .sec_checked:checked ~ .sec-btn::before {
        content: "✓";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        margin-right: 4px;
        border-radius: 50%;
        background: #fff;
        color: var(--theme-primary);
        font-size: 10px;
        font-weight: 700;
        transform: none;
    }

/* 移动端保持同样效果 */
@media (max-width: 780px) {
    .cross-workbench.search-bar .sec-btn {
        padding: 4px 12px;
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cross-workbench.search-bar .sec-btn,
    .cross-workbench.search-bar .sec-btn::before {
        animation: none;
    }
}
/* 20260912 CrossSearch.aspx：结果中检索，动态突出显示 */