/* 资源列表卡片可点击时显示手型光标 */
.resource-center-page.resources-page .rc-resource-card {
  cursor: pointer;
}

/* 精选问答等可点击卡片统一手型 */
.resource-center-page .rc-clickable-item {
  cursor: pointer;
}

/* 通用空态：列表为空时展示（使用 rem，移动端自适应） */
.resource-center-page .rc-empty {
  width: 100%;
  padding: 0.533rem 0; /* 20px @ 1rem=37.5px */
  text-align: center;
  color: #999999;
  font-size: 0.875rem; /* 14px @ 1rem=16px */
  line-height: 1.3;
}

@media (max-width: 1024px) {
  .resource-center-page .rc-empty {
    padding: 0.533rem 0;
    font-size: 0.8rem;
  }
}
/* 响应式基准：rem 以 16px 为基准，便于不同设备缩放 */
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  min-width: 0;
}

.resource-center-page {
  margin: 0;
  color: #666666;
  background: #fff;
  overflow-x: hidden;
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

.resource-center-page * {
  box-sizing: border-box;
}

.resource-center-page img {
  max-width: 100%;
  height: auto;
}

.resource-center-page a {
  color: inherit;
}

.resource-center-page.rc-menu-open {
  overflow: hidden;
}

.resource-center-page .rc-shell-mobile {
  display: none;
}

.resource-center-page .rc-shell-desktop {
  display: block;
}

.resource-center-page .rc-shell {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.resource-center-page .rc-main {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 1024px) {
  /* 750设计稿：html=视口/10，rem=设计稿px/37.5。例：375→37.5px，31.5px→0.84rem */
  html {
    font-size: clamp(37.5px, 10vw, 43px);
    -webkit-text-size-adjust: 100%;
  }
  html,
  body {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

.resource-center-page .rc-hd-wrap {
  width: 1200px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
}

.resource-center-page .rc-hd-topbar {
  height: 34px;
  background: #1d1f24;
  color: #cdd3e0;
  font-size: 12px;
}

.resource-center-page .rc-hd-topbar .rc-hd-wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.resource-center-page .rc-hd-main {
  background: #fff;
  border-bottom: 1px solid #eef1f6;
}

.resource-center-page .rc-hd-main .rc-hd-wrap {
  height: 78px;
  display: flex;
  align-items: center;
}

.resource-center-page .rc-hd-logo img {
  width: 101px;
  height: 47px;
  display: block;
}

.resource-center-page .rc-hd-nav {
  margin-left: 52px;
  display: flex;
  gap: 38px;
  font-size: 15px;
  color: #202a3d;
}

.resource-center-page .rc-hd-nav a {
  text-decoration: none;
  height: 78px;
  display: inline-flex;
  align-items: center;
  border-bottom: 2px solid transparent;
}

.resource-center-page .rc-hd-nav a.active {
  color: #186cea;
  border-bottom-color: #186cea;
}

.resource-center-page .rc-hd-actions {
  margin-left: auto;
  display: flex;
  gap: 10px;
}

.resource-center-page .rc-hd-actions a {
  text-decoration: none;
  min-width: 98px;
  height: 34px;
  border-radius: 17px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.resource-center-page .rc-hd-actions a:first-child {
  background: #186cea;
  color: #fff;
}

.resource-center-page .rc-hd-actions a:last-child {
  border: 1px solid #cfe0ff;
  color: #186cea;
}

.resource-center-page .rc-hd-menu-btn,
.resource-center-page .rc-hd-mask,
.resource-center-page .rc-hd-drawer {
  display: none;
}

.resource-center-page .rc-wrap {
  width: 1200px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
}

.resource-center-page .rc-hero {
  background: url("../img/knowledge-article-banner-bg@2x.png") center center no-repeat;
  background-size: cover;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 359px; /* 默认值，PC 端在 @media(min-width:1025px) 中覆盖为 444px */
  margin-top: 85px; /* 默认值，PC 端在 @media 中改为 0 */
  padding: 0;       /* 默认值，PC 端在 @media 中改为 padding-top:85px */
}

.resource-center-page .rc-hero-title {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  color: #333333;
}

.resource-center-page .rc-hero-desc {
  margin: 28px auto 59px;
  font-size: 18px;
  color: #666666;
}

.resource-center-page .rc-hero-actions {
  display: flex;
  justify-content: center;
  gap: 22px;
  margin-top: 20px;
}

.resource-center-page .rc-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 122px;
  height: 34px;
  border-radius: 21px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}

.resource-center-page .rc-action img {
  width: 22px;
  height: 22px;
}

.resource-center-page .rc-action-primary {
  background: #1264E2;
  color: #fff;
}

.resource-center-page .rc-action-ghost {
  border: 1px solid #1264E2;
  color: #1264E2;
}

.resource-center-page .rc-content {
  background: #fff;
}

/* PC 端：header 悬浮覆盖 rc-hero，高度 444px，露出 359px */
@media (min-width: 1025px) {
  /* Header 悬浮在页面最上方，不占文档流高度 */
  .resource-center-page #rcHeaderDesktop.rc-shell-desktop {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
  }

  /* Footer 保持正常流动，不悬浮 */
  .resource-center-page #rcFooterDesktop.rc-shell-desktop {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  /* Hero 实际高度 444px，顶部被 header 遮住 85px，视觉上露出 359px */
  .resource-center-page .rc-hero {
    height: 444px;
    margin-top: 0;
    padding-top: 85px;
    box-sizing: border-box;
  }

  /* 你点名的 6 个页面：PC 端 rc-hero 背景图统一成“行业智库 PC 背景图” */
  .resource-center-page.article-page .rc-hero,
  .resource-center-page.article-detail-page .rc-hero,
  .resource-center-page.faq-page .rc-hero,
  .resource-center-page.faq-page.faq-detail-page .rc-hero,
  .resource-center-page.resources-page .rc-hero,
  .resource-center-page.resource-center-detail-page .rc-hero {
    background: url("../img/knowledge-article-banner-bg2@2x.png") center center no-repeat !important;
    background-size: cover !important;
  }
}

.resource-center-page .rc-top-tabs-wrap {
  border-bottom: 1px solid #eceff5;
}

.resource-center-page .rc-main-tabs-bar {
  display: flex;
  align-items: center;
}

.resource-center-page .rc-tabs-main {
  min-height: 42px;
  align-items: flex-end;
  padding-bottom: 0;
}

.resource-center-page .rc-tabs-expand-btn,
.resource-center-page .rc-mobile-tabs-panel,
.resource-center-page .rc-tabs-mask {
  display: none;
}

.resource-center-page .rc-board {
  padding-top: 20px;
}

.resource-center-page .rc-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.resource-center-page .rc-search {
  width: 315px;
  flex-shrink: 0;
  position: relative;
}

.resource-center-page .rc-search input {
  width: 100%;
  height: 40px;
  border: 1px solid #C6CBD8;
  border-radius: 4px;
  font-size: 14px;
  color: #AAAAAA;
  padding: 13px 8px 13px 34px;
}

.resource-center-page .rc-search input::placeholder {
  color: #AAAAAA;
}

/* 搜索小图标（纯 CSS 绘制） */
.resource-center-page .rc-search::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 9px;
  height: 9px;
  border: 1.5px solid #707070;
  border-radius: 50%;
  transform: translateY(-60%);
  pointer-events: none;
}

.resource-center-page .rc-search::after {
  content: "";
  position: absolute;
  left: 21px;
  top: 50%;
  width: 6px;
  height: 1.5px;
  background: #707070;
  transform: translateY(2px) rotate(45deg);
  border-radius: 1px;
  pointer-events: none;
}

.resource-center-page .rc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 315px;
  gap: 50px;
  align-items: start;
}

.resource-center-page .rc-filter {
  border-bottom: 1px solid #eceff5; 
  margin-bottom: 14px;
}

.resource-center-page .rc-tabs,
.resource-center-page .rc-subtabs {
  display: flex;
  gap: 30px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0 0 9px;
}

.rc-subtab2 {
  gap: 2px !important;
}

.resource-center-page .rc-tabs.rc-tabs-main {
  padding-bottom: 0;
  overflow: visible;
}

.resource-center-page .rc-tab,
.resource-center-page .rc-subtab {
  border: 1px solid transparent;
  background: #fff;
  color: #333333;
  border-radius: 3px;
  padding: 0 10px;
  font-size: 14px;
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  height: 27px;
  line-height: 27px;
  cursor: pointer;
  min-width: 48px;
  -webkit-tap-highlight-color: transparent;
}

.resource-center-page .rc-tab:active,
.resource-center-page .rc-tab:focus,
.resource-center-page .rc-subtab:active,
.resource-center-page .rc-subtab:focus {
  background: #fff;
  -webkit-tap-highlight-color: transparent;
}

.resource-center-page .rc-tabs-main .rc-tab:active,
.resource-center-page .rc-tabs-main .rc-tab:focus {
  background: transparent;
}

.resource-center-page .rc-tabs-main .rc-tab {
  position: relative;
  min-width: auto;
  height: auto;
  line-height: 40px;
  padding: 0 1px;
  border: 0;
  border-radius: 0;
  background: transparent;
  flex: 0 0 auto;
}

.resource-center-page .rc-tabs-main .rc-tab::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #186cea;
  opacity: 0;
  transform: translateY(1px);
}

.resource-center-page .rc-tabs::-webkit-scrollbar,
.resource-center-page .rc-subtabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.resource-center-page .rc-tabs,
.resource-center-page .rc-subtabs {
  scrollbar-width: none;
}

.resource-center-page .rc-tab.active,
.resource-center-page .rc-tabs-main .rc-tab.active {
  color: #186cea;
  font-weight: bold;
  border-bottom-color: transparent;
}

.resource-center-page .rc-tabs-main .rc-tab.active::after {
  opacity: 1;
}

.resource-center-page .rc-subtab.active {
  color: #1264E2;
  border-color: #1065E2;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 6px 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.resource-center-page .rc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.resource-center-page .rc-card {
  border: 1px solid #e5ebf5;
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  position: relative;
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);
  min-height: 294px;
  display: flex;
  flex-direction: column;
}

.resource-center-page .rc-card-cover {
  height: 130px;
  background: url("../img/knowledge-resources-list-bg1@2x.png") center center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 0;
}

/* 第二排使用 bg2 */
.resource-center-page .rc-grid .rc-card:nth-child(4) .rc-card-cover,
.resource-center-page .rc-grid .rc-card:nth-child(5) .rc-card-cover,
.resource-center-page .rc-grid .rc-card:nth-child(6) .rc-card-cover {
  background-image: url("../img/knowledge-resources-list-bg2@2x.png");
}

/* 第三排使用 bg3 */
.resource-center-page .rc-grid .rc-card:nth-child(7) .rc-card-cover,
.resource-center-page .rc-grid .rc-card:nth-child(8) .rc-card-cover,
.resource-center-page .rc-grid .rc-card:nth-child(9) .rc-card-cover {
  background-image: url("../img/knowledge-resources-list-bg3@2x.png");
}

.resource-center-page .rc-card-cover-title {
  width: 183px;
  max-width: calc(100% - 20px);
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  line-height: 1.35;
  word-break: break-word;
}

.resource-center-page .rc-card-cover-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  padding: 5px 22px;
  background: #FFFFFF;
  border-radius: 4px;
  color: #333333;
  font-size: 14px;
  opacity: 0.74;
}

.resource-center-page .rc-card-title {
  margin: 15px 29px;
  text-align: center;
  font-size: 18px;
  color: #333333;
  font-weight: 500;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resource-center-page .rc-card-meta {
  margin: 0 auto;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666666;
  font-size: 14px;
  line-height: 1;
}

.resource-center-page .rc-card-actions {
  margin: 10px 12px 25px;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

.resource-center-page .rc-card-actions span.rc-card-download {
  cursor: pointer;
}
.resource-center-page .rc-card-actions span {
  color: #2a73e8;
  font-size: 12px;
  height: 29px;
  padding: 6px 11px 8px 11px;
  box-sizing: border-box;
  border: 1px solid #8fb8ff;
  border-radius: 2px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  gap: 4px;
  line-height: 1;
}

.resource-center-page .rc-card-actions span::before {
  content: "";
  width: 18px;
  height: 18px;
  margin-top: 1px;
  display: inline-block;
  background: url("../img/knowledge-resources-icon-download@2x.png") center center no-repeat;
  background-size: 18px 18px;
}

.resource-center-page .rc-card-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 29px;
  padding: 6px 11px 8px 11px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #186cea;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
}

.resource-center-page .rc-card-actions a::before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-top: 2px;
  margin-right: 4px;
  background: url("../img/knowledge-article-icon-consult@2x.png") center center no-repeat;
  background-size: 18px 18px;
}

.resource-center-page .rc-pagination {
  margin: 30px 0 30px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  gap: 6px;
}

.resource-center-page .rc-pagination button,
.resource-center-page .rc-pagination span,
.resource-center-page .rc-pagination .page-btn {
  min-width: 30px;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  background: #fff;
  color: #333333;
  font-size: 14px;
  padding: 9px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  margin: 0 2px;
}

.resource-center-page .rc-pagination .page-btn:hover:not(.disabled) {
  border-color: #186cea;
  color: #186cea;
}

.resource-center-page .rc-pagination button.active,
.resource-center-page .rc-pagination .page-btn.active {
  border-color: #186cea;
  background: #186cea;
  color: #fff;
}

.resource-center-page .rc-pagination button.disabled,
.resource-center-page .rc-pagination .page-btn.disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

.resource-center-page .rc-pagination .total-info {
  margin-left: 12px;
  color: #6b7280;
  font-size: 12px;
}

.resource-center-page .rc-pagination-mobile {
  display: none;
}
.rc-hot-tag-box {
   margin-top: 50px;
}

.resource-center-page .rc-side-box {
  border: 0;
  border-radius: 0;
  background: #fff;
  padding: 0;
  margin-bottom: 33px;
}

.resource-center-page .rc-side-cta {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 43px 15px 47px;
  background: url("../img/knowledge-faq-banner@2x.png") center center no-repeat;
  background-size: cover;
  color: #fff;
  height: 225px;
}

.resource-center-page .rc-side-cta h3 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.45;
  font-weight: 500;
}

.resource-center-page .rc-side-cta a {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  height: 32px;
  line-height: 32px;
  border-radius: 17px;
  font-size: 14px;
  margin-top: 10px;
}

.resource-center-page .rc-side-cta a {
  background: #fff;
  color: #0065ff;
}


.resource-center-page .rc-side-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
}

.resource-center-page .rc-side-box h4 {
  margin: 0;
  font-size: 16px;
  line-height: 1;
  color: #1f2937;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.resource-center-page .rc-side-box h4::before {
  content: "";
  width: 4px;
  height: 18px;
  background: #2f76ff;
  border-radius: 2px;
  margin-right: 12px;
}

.resource-center-page .rc-side-more {
  font-size: 14px;
  color: #1264E2;
  text-decoration: none;
  white-space: nowrap;
}

.resource-center-page .rc-side-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.resource-center-page .rc-side-box li {
  margin: 10px 0 0;
  line-height: 1.55;
  display: flex;
  align-items: center;
}

.resource-center-page .rc-side-box li a {
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.resource-center-page .rc-hot-article-box li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #cccccc;
  margin-right: 8px;
  flex-shrink: 0;
}

.resource-center-page .rc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 10px;
  padding-top: 2px;
}

.resource-center-page .rc-tags a {
  text-decoration: none;
  color: #4983F2;
  background: #F0F4FC;
  font-weight: 400;
  border-radius: 0;
  font-size: 14px;
  padding: 4px 12px;
}

.resource-center-page .rc-comment {
  padding: 12px 0 34px;
  background: #f7f7f7;
}

.resource-center-page .rc-comment-head {
  margin-top: 15px;
  margin-bottom: 22px;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.resource-center-page .rc-comment-title {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
}

.resource-center-page .rc-comment-title-icon {
  width: 33px;
  height: 33px;
  margin-right: 18px;
  background: url("../img/knowledge-article-icon-answer@2x.png") center center no-repeat;
  background-size: 33px 33px;
}

.resource-center-page .rc-comment-head-more {
  color: #3a80ee;
  text-decoration: none;
  font-size: 14px;
}

.resource-center-page .rc-comment-mobile-more {
  display: none;
}

.resource-center-page .rc-comment-list-wrap {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 1px rgba(153,153,153,0.16);
  border-radius: 10px 10px 10px 10px;
  padding: 0 18px;
}

.resource-center-page .rc-comment-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 30px;
  padding: 18px 0;
  border-bottom: 1px solid #eeeeee;
  align-items: start;
}

.resource-center-page .rc-comment-item:last-child {
  border-bottom: 0;
}

.resource-center-page .rc-comment-item .avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #f3f4f6;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  flex-shrink: 0;
}

.resource-center-page .avatar-wrap {
  width: auto;
  min-width: 56px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding-top: 7px;
  align-self: start;
}

.resource-center-page .avatar-name {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #999999;
  line-height: 1.2;
  white-space: nowrap;
}

.resource-center-page .rc-comment-item .avatar.avatar-01 {
  background-image: url("../img/knowledge-article-answer-avatar01@2x.png");
}

.resource-center-page .rc-comment-item .avatar.avatar-02 {
  background-image: url("../img/knowledge-article-answer-avatar02@2x.png");
}

.resource-center-page .rc-comment-item .avatar.avatar-03 {
  background-image: url("../img/knowledge-article-answer-avatar03@2x.png");
}

.resource-center-page .qa-wrap {
  min-width: 0;
  grid-column: 2;
}

.resource-center-page .qa-row {
  display: flex;
  align-items: baseline;
  margin-top: 2px;
}

.resource-center-page .qa-row.a {
  margin-top: 4px;
}

.resource-center-page .qa-row.a .qa-prefix {
  width: 2em;
}

.resource-center-page .qa-prefix {
  color: #555;
  font-size: 14px;
  margin-right: 0;
  flex-shrink: 0;
  width: 2em;
  line-height: 1.55;
}

.resource-center-page .qa-row.q .qa-content {
  flex: 1;
  min-width: 0;
  line-height: 1.55;
}

.resource-center-page .qa-row.q .qa-content .qa-text {
  display: inline;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.resource-center-page .qa-row.q .qa-content .qa-status {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}

.resource-center-page .qa-row.a .qa-text {
  flex: 1;
  min-width: 0;
}

/* 问+已解决：qa-status 在 qa-text 内，自然紧跟最后一行的问号，无多余行高 */
.resource-center-page .qa-row .qa-text:has(.qa-status) {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.resource-center-page .qa-row .qa-text .qa-status {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}

.resource-center-page .qa-text {
  color: #444;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.resource-center-page .qa-status {
  flex-shrink: 0;
  border-radius: 3px;
  background: #009F1E;
  color: #fff;
  font-size: 12px;
  padding: 1px 10px;
}

.resource-center-page .rc-comment-item .meta {
  margin-top: 12px;
  color: #999999;
  font-size: 12px;
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 29px;
  flex-wrap: wrap;
}

.resource-center-page .rc-comment-item .meta .meta-date,
.resource-center-page .rc-comment-item .meta .meta-view {
  display: inline-flex;
  align-items: center;
}

.resource-center-page .rc-comment-item .meta .meta-date::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url("../img/knowledge-article-icon-time@2x.png") center center no-repeat;
  background-size: 16px 16px;
}

.resource-center-page .rc-comment-item .meta .meta-view::before {
  content: "";
  width: 19px;
  height: 16px;
  margin-right: 4px;
  background: url("../img/knowledge-article-icon-read@2x.png") center center no-repeat;
  background-size: 19px 16px;
}

.resource-center-page .rc-comment-item .meta em {
  color: #3a80ee;
  font-style: normal;
  font-weight: 600;
}

.resource-center-page .rc-ft {
  background: #2e2e2e;
  color: #d7d7d7;
}

.resource-center-page .rc-ft-main {
  border-top: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
}

.resource-center-page .rc-ft-wrap {
  width: 1200px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  min-height: 220px;
  display: grid;
  grid-template-columns: 260px repeat(3, 1fr);
  gap: 20px;
  align-items: center;
  padding: 20px 0;
}

.resource-center-page .rc-ft-col {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.resource-center-page .rc-ft-col h4 {
  color: #fff;
  font-size: 16px;
  margin: 0 0 8px;
}

.resource-center-page .rc-ft-col a {
  color: #cdcdcd;
  text-decoration: none;
  font-size: 13px;
}

.resource-center-page .rc-ft-contact .rc-ft-phone {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.resource-center-page .rc-ft-contact p {
  margin: 8px 0 0;
  font-size: 13px;
}

.resource-center-page .rc-ft-bottom {
  width: 1200px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: #bdbdbd;
}

.resource-center-page .rc-ft-bottom a {
  color: #bdbdbd;
  text-decoration: none;
}

.resource-center-page .rc-ft-mobile-nav {
  background: #585858;
}

.resource-center-page .rc-ft-mobile-main {
  padding: 16px 14px 12px;
}

.resource-center-page .rc-ft-mobile-group + .rc-ft-mobile-group {
  margin-top: 16px;
}

.resource-center-page .rc-ft-mobile-group h4 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

.resource-center-page .rc-ft-mobile-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 12px;
  row-gap: 14px;
}

.resource-center-page .rc-ft-mobile-links a,
.resource-center-page .rc-ft-mobile-quick a {
  color: #ededed;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}

.resource-center-page .rc-ft-mobile-quick {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 12px;
  margin-top: 14px;
}

.resource-center-page .rc-ft-mobile-quick a:nth-child(2) {
  grid-column: 2;
}

.resource-center-page .rc-ft-mobile-group:first-child .rc-ft-mobile-quick a {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

.resource-center-page .rc-ft-mobile-links-about {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.resource-center-page .rc-ft-mobile-quick-single {
  grid-template-columns: 1fr;
  column-gap: 0;
}

.resource-center-page .rc-ft-mobile-bottom {
  border-top: 1px solid #707070;
  background: #4f4f4f;
  padding: 10px 14px 12px;
}

.resource-center-page .rc-ft-mobile-bottom p {
  margin: 0;
  text-align: center;
  color: #ddd;
  font-size: 11px;
  line-height: 1.6;
}

.resource-center-page .rc-ft-mobile-bottom a {
  color: #ddd;
  text-decoration: none;
}

.resource-center-page .rc-ft-mobile-record {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 2px !important;
}

.resource-center-page .rc-ft-mobile-record .record-dot {
  width: 12px;
  height: 12px;
  background: url("../img/police-icon.png") center center no-repeat;
  background-size: 12px 12px;
  flex: 0 0 auto;
}

@media (max-width: 1024px) {
  .resource-center-page.rc-tabs-open {
    overflow: hidden;
    height: 100vh;
    touch-action: none;
  }

  .resource-center-page .rc-hero {
    margin-top: 0;
    height: 7.067rem !important; /* 265px @ 1rem=37.5px */
    padding: 1.6rem 0 0.8rem !important; /* 顶部留出移动端 header 高度 */
    align-items: flex-start !important;
    box-sizing: border-box;
  }

  /* 指定页面移动端 banner 使用 mobile 图（只改这几个页面） */
  .resource-center-page.article-page .rc-hero,
  .resource-center-page.article-detail-page .rc-hero,
  .resource-center-page.faq-page .rc-hero,
  .resource-center-page.resource-center-detail-page .rc-hero,
  .resource-center-page.resources-page .rc-hero {
    background-image: url("../img/knowledge-article-banner-bg-mobile@2x.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .resource-center-page .rc-hero-title {
    font-size: 0.84rem;
  }

  .resource-center-page .rc-hero-desc {
    max-width: 8rem;
    font-size: 0.32rem;
    margin: 0.48rem auto 1.12rem;
  }

  .resource-center-page .rc-wrap,
  .resource-center-page .rc-hd-wrap,
  .resource-center-page .rc-ft-wrap,
  .resource-center-page .rc-ft-bottom {
    max-width: calc(100% - 0.747rem);
  }

  .resource-center-page .rc-action {
    min-width: 3.213rem;
    height: 0.827rem;
    font-size: 0.36rem;
  }

  .resource-center-page .rc-mobile-tabs-panel {
    padding: 0.32rem 0.32rem 0.33rem;
  }

  .resource-center-page .rc-subtabs {
    align-items: center;
  }

  .resource-center-page .rc-subtab {
    font-size: 0.373rem;
    min-width: auto;
    height: 0.6667rem; /* 25/37.5 */
    line-height: 1;
    padding: 0.0533rem 0.2133rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .resource-center-page .rc-subtab.active {
    min-width: auto;
    height: 0.6667rem; /* 25/37.5 */
    line-height: 1;
    padding: 0.0533rem 0.2133rem; /* 上下2px 左右8px */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .resource-center-page .rc-card-cover {
    height: 4.44rem;
  }

  .resource-center-page .rc-card-cover-title,
  .resource-center-page .rc-card-title {
    font-size: 0.507rem;
  }

  .resource-center-page .rc-card-actions {
    margin: 0 0.693rem 0.267rem;
  }

  .resource-center-page .rc-comment-title {
    font-size: 0.507rem;
  }

  .resource-center-page .qa-wrap {
    padding: 0.18rem 0.227rem 0.267rem 0.333rem;
  }

  .resource-center-page .rc-grid,
  .resource-center-page .rc-toolbar {
    padding: 0 0.507rem;
  }

  .resource-center-page .rc-ft-mobile-main {
    padding-top: 0.587rem;
    padding-bottom: 0.587rem;
  }

  .resource-center-page .rc-shell-mobile {
    display: block;
  }

  .resource-center-page .rc-shell-desktop {
    display: none;
  }

  .resource-center-page .rc-hd-topbar {
    display: none;
  }

  .resource-center-page .rc-shell-mobile .rc-hd {
    background: transparent;
    min-height: 0;
  }

  .resource-center-page .rc-shell-mobile .rc-hd-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1002;
    border-bottom: 0;
    background: transparent;
    box-shadow: none;
    transition: transform 0.85s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.85s cubic-bezier(0.22, 0.61, 0.36, 1), background-color 0.85s ease, box-shadow 0.85s ease;
  }

  #rcHeaderMobile.rc-hd-scrolled-hide .rc-hd-main {
    transform: translateY(-100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #rcHeaderMobile.rc-hd-bg-white .rc-hd-main {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.12);
  }

  #rcHeaderMobile.rc-hd-bg-white .rc-hd-main .rc-hd-wrap {
    background-color: #ffffff !important;
  }

  .resource-center-page .rc-shell-mobile .rc-hd-main .rc-hd-wrap {
    height: 1.44rem;
    max-width: 100%;
    padding: 0.827rem 0.507rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
  }

  .resource-center-page .rc-shell-mobile .rc-hd-logo img {
    width: 1.861111rem;
    height: 0.888889rem;
  }

  .resource-center-page .rc-hd-main .rc-hd-wrap {
    height: 1.6rem;
  }

  .resource-center-page .rc-hd-nav,
  .resource-center-page .rc-hd-actions {
    display: none;
  }

  .resource-center-page .rc-hd-menu-btn {
    margin-left: auto;
    width: 0.56rem;
    height: 0.56rem;
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
  }

  .resource-center-page .rc-hd-menu-btn img {
    width: 0.56rem;
    height: 0.56rem;
    display: block;
    object-fit: contain;
    position: absolute;
    transition: opacity 0.25s ease;
  }
  .resource-center-page .rc-hd-menu-btn .rc-hd-menu-icon {
    opacity: 1;
  }
  .resource-center-page .rc-hd-menu-btn .rc-hd-close-icon {
    opacity: 0;
  }
  .resource-center-page.rc-menu-open .rc-hd-menu-btn .rc-hd-menu-icon {
    opacity: 0;
  }
  .resource-center-page.rc-menu-open .rc-hd-menu-btn .rc-hd-close-icon {
    opacity: 1;
  }

  .resource-center-page.rc-menu-open .rc-shell-mobile .rc-hd-main {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.12);
    z-index: 1202;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .resource-center-page.rc-menu-open .rc-shell-mobile .rc-hd-main .rc-hd-wrap {
    background-color: #ffffff !important;
  }

  .resource-center-page .rc-hd-mask {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1200;
  }

  .resource-center-page .rc-hd-drawer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    min-height: 100vh;
    background: #ffffff;
    z-index: 1201;
    padding: 1.8rem 0.507rem 0.64rem;
    transform: translateX(100%);
    transition: transform 0.25s ease;
  }

  .resource-center-page .rc-hd-drawer-close {
    display: inline-flex;
    height: 0.8rem;
    border: 0;
    background: #eef2ff;
    color: #3d4a68;
    border-radius: 0.107rem;
    padding: 0 0.267rem;
    font-size: 0.32rem; /* 12/37.5 */
    align-items: center;
    margin-bottom: 0.373rem;
  }

  .resource-center-page .rc-hd-drawer a {
    display: flex;
    align-items: center;
    margin: 0 -0.507rem; /* 负边距使下划线撑满宽度 */
    padding: 0.3467rem 0.8267rem 0.3467rem 0.3467rem; /* 上下13px 左13px 右31px */
    border-bottom: .001rem solid #ddd;
    text-decoration: none;
    color: #333333;
    font-size: 0.4rem; /* 15/37.5 */
  }

  .resource-center-page .rc-hd-drawer .rc-drawer-icon {
    width: 0.5333rem; /* 20/37.5 */
    height: 0.5333rem;
    margin-right: 0.5333rem; /* 31/37.5 */
    flex-shrink: 0;
    object-fit: contain;
  }

  .resource-center-page .rc-hd-drawer a.active {
    color: #1264E2;
    background-color: #ffffff;
  }

  .resource-center-page.rc-menu-open .rc-hd-mask,
  .resource-center-page.rc-menu-open .rc-hd-drawer {
    display: block;
  }

  .resource-center-page.rc-menu-open .rc-hd-drawer {
    transform: translateX(0);
  }

  .resource-center-page .rc-layout {
    grid-template-columns: 1fr;
  }

  .resource-center-page .rc-right {
    display: none;
  }

  .resource-center-page .rc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.373rem;
  }

  .resource-center-page .rc-card {
    min-height: 0;
    display: block;
  }

  .resource-center-page .rc-card-title {
    min-height: 0;
    display: block;
  }

  .resource-center-page .rc-card-actions {
    margin-top: 0.267rem;
  }

  .resource-center-page .rc-card-actions span::before,
  .resource-center-page .rc-card-actions a::before {
    margin-top: 0;
  }

  .resource-center-page .rc-toolbar {
    flex-wrap: wrap;
  }

  .resource-center-page .rc-search {
    display: none;
  }

  .resource-center-page .rc-ft-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 0.373rem 0.48rem;
    padding: 0.48rem 0;
    min-height: 0;
  }

  .resource-center-page .rc-ft-contact {
    grid-column: 1 / -1;
  }

  .resource-center-page .rc-ft-contact .rc-ft-phone {
    font-size: 0.64rem; /* 24/37.5 */
  }

  .resource-center-page .rc-top-tabs-wrap .rc-wrap {
    position: static;
    /* 与 rc-board 统一：使用相同的 max-width 和 margin，再加相同 padding 实现左对齐 */
    padding: 0 0.507rem;
    box-sizing: border-box;
  }

  .resource-center-page .rc-top-tabs-wrap {
    position: relative;
    z-index: 30;
  }

  .resource-center-page .rc-main-tabs-bar {
    min-height: 1.04rem; /* 39/37.5 */
    padding-right: 0.773rem; /* 为展开按钮留出空间 */
    padding-bottom: 0.0533rem; /* 2/37.5 为下划线留出空间，避免被裁切 */
  }

  .resource-center-page .rc-tabs-main {
    min-height: 1.04rem; /* 39/37.5 */
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    gap: 0.773rem;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .resource-center-page .rc-tabs.rc-tabs-main {
    overflow-x: auto;
    overflow-y: visible;
    flex-wrap: nowrap;
  }

  .resource-center-page .rc-tabs-main::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .resource-center-page .rc-tabs-main .rc-tab {
    line-height: 1.04rem; /* 39/37.5 */
    font-size: 0.373rem; /* 14/37.5 */
  }

  .resource-center-page .rc-tabs-main .rc-tab::after {
    height: 0.0533rem; /* 2/37.5 */
    border-radius: 0.0267rem; /* 1/37.5 四边圆角 */
    transform: none;
  }

  .resource-center-page .rc-tabs-expand-btn {
    position: absolute;
    right: 0;
    top: 0.027rem;   /* 留出上边框 */
    bottom: 0.027rem; /* 留出下边框 */
    width: 0.773rem;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #f5f5f5;
    transform: none;
    z-index: 3;
  }

  .resource-center-page .rc-tabs-expand-btn::before {
    display: none;
  }

  .resource-center-page .rc-tabs-expand-btn span {
    width: 0.32rem;
    height: 0.32rem;
    background: url("../img/knowledge-faq-icon-knowledge-faq-icon-expand@2x.png") center center no-repeat;
    background-size: 0.373rem 0.373rem;
  }

  .resource-center-page .rc-mobile-tabs-panel {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 100vw;
    transform: translateX(-50%);
    background: #fff;
    border-top: 1px solid #edf1f7;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    z-index: 31;
    padding: 0.32rem 0.32rem 0.33rem;
  }

  .resource-center-page .rc-mobile-tabs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.6rem;
    padding-bottom: 0.107rem; /* 底部留白防止文字裁切 */
  }

  .resource-center-page .rc-mobile-tabs-grid .rc-tab {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #333333;
    padding: 0;
    height: auto;
    min-width: auto;
    font-size: 0.373rem; /* 14/37.5 */
    -webkit-tap-highlight-color: transparent;
  }

  .resource-center-page .rc-mobile-tabs-grid .rc-tab:active,
  .resource-center-page .rc-mobile-tabs-grid .rc-tab:focus {
    background: transparent;
    -webkit-tap-highlight-color: transparent;
  }

  .resource-center-page .rc-mobile-tabs-grid .rc-tab.active {
    color: #186cea;
    font-weight: 600;
  }

  .resource-center-page .rc-mobile-tabs-grid .rc-tab::after {
    display: none;
  }

  .resource-center-page .rc-mobile-tabs-collapse {
    position: absolute;
    left: 50%;
    bottom: -0.373rem;
    transform: translateX(-50%);
    width: 0.96rem;
    height: 0.96rem;
    border: 0;
    border-radius: 0 0 0.48rem 0.48rem;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .resource-center-page .rc-mobile-tabs-collapse span {
    width: 0.32rem;
    height: 0.32rem;
    background: url("../img/knowledge-faq-icon-knowledge-faq-icon-retract@2x.png") center center no-repeat;
    background-size: 0.32rem 0.32rem;
    margin-top: 0.373rem;
  }

  .resource-center-page.rc-tabs-open .rc-mobile-tabs-panel {
    display: block;
  }

  .resource-center-page.rc-tabs-open .rc-main-tabs-bar {
    display: none;
  }

  .resource-center-page .rc-tabs-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--rc-tabs-overlay-top, 0);
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
  }

  .resource-center-page.rc-tabs-open .rc-tabs-mask {
    display: block;
  }
}

@media (max-width: 768px) {

  .resource-center-page .rc-wrap {
    max-width: calc(100% - 0.747rem);
  }

  .resource-center-page .rc-wrap.rc-board {
    width: 100%;
    max-width: 100%;
    padding-top: 0.4rem; /* 12/37.5，移动端缩小 */
  }

  /* 768px 下 rc-board 为全宽，tab wrap 也需全宽 + 同 padding 才能与“最新”左对齐 */
  .resource-center-page .rc-top-tabs-wrap .rc-wrap {
    width: 100%;
    max-width: 100%;
  }

  .resource-center-page .rc-hd-wrap,
  .resource-center-page .rc-ft-wrap,
  .resource-center-page .rc-ft-bottom {
    max-width: calc(100% - 0.747rem);
  }

  .resource-center-page .rc-hero {
    height: 7.067rem !important; /* 265px */
    padding: 1.7866667rem 0 0 !important;
    align-items: flex-start !important;
    box-sizing: border-box;
  }

  .resource-center-page .rc-hero-title {
    font-size: 0.84rem;
  }

  .resource-center-page .rc-hero-desc {
    max-width: 8rem;
    font-size: 0.32rem;
    line-height: 1.5;
    margin: 0.48rem auto 1.12rem;
    text-align: center;
    color: #666666;
  }

  .resource-center-page .rc-hero-actions {
    margin-top: 0;
    gap: 0;
  }

  .resource-center-page .rc-action {
    min-width: 3.213rem;
    height: 0.827rem;
    font-size: 0.36rem; /* 13.5/37.5 */
    border-radius: 0.453rem;
    font-weight: 500;
  }

  .resource-center-page .rc-action img {
    width: 0.48rem;
    height: 0.48rem;
  }

  .resource-center-page .rc-action-ghost {
    display: none;
  }

  .resource-center-page .rc-content {
    padding-top: 0;
  }

  .resource-center-page .rc-tabs,
  .resource-center-page .rc-subtabs {
    gap: 0.373rem;
    padding-bottom: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    align-items: center;
  }

  .resource-center-page .rc-subtab2 {
    gap: 0.3rem !important; /* 2/37.5 */
  }

  .resource-center-page .rc-subtab {
    flex-shrink: 0;
    min-width: auto;
    height: 0.6667rem; /* 25/37.5 与 active 统一 */
    line-height: 1;
    font-size: 0.373rem; /* 14/37.5 */
    padding: 0.0533rem 0.2133rem; /* 上下2px 左右8px */
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .resource-center-page .rc-subtab.active {
    min-width: auto;
    height: 0.6667rem; /* 25/37.5 */
    line-height: 1;
    padding: 0.0533rem 0.2133rem; /* 上下2px 左右8px */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .resource-center-page .rc-main-tabs-bar {
    min-height: 1.04rem; /* 39/37.5 */
    padding-bottom: 0.01rem; /* 2/37.5 为下划线留出空间 */
  }

  .resource-center-page .rc-tabs-main {
    min-height: 1.04rem; /* 39/37.5 */
    gap: 0.773rem;
  }

  .resource-center-page .rc-tabs-main .rc-tab {
    line-height: 1.04rem; /* 39/37.5 */
    font-size: 0.373rem; /* 14/37.5 */
  }

  .resource-center-page .rc-tabs-main .rc-tab::after {
    height: 0.0533rem; /* 2/37.5 */
    border-radius: 0.0267rem; /* 1/37.5 四边圆角 */
    transform: none;
  }

  .resource-center-page .rc-mobile-tabs-panel {
    padding: 0.32rem 0.32rem 0.33rem;
  }

  .resource-center-page .rc-mobile-tabs-grid {
    gap: 0.25rem 0.6rem;
    padding-bottom: 0.107rem;
  }

  .resource-center-page .rc-mobile-tabs-grid .rc-tab {
    font-size: 0.373rem; /* 14/37.5 */
  }

  .resource-center-page .rc-grid {
    grid-template-columns: 1fr;
    gap: 0.4rem;
    padding: 0 0.507rem;
    box-sizing: border-box;
  }

  .resource-center-page .rc-toolbar {
    margin-bottom: 0.4rem; /* 12/37.5，与 rc-board padding-top 一致 */
    gap: 0.267rem;
    padding: 0 0.507rem;
    box-sizing: border-box;
  }

  .resource-center-page .rc-search input {
    height: 0.853rem;
    font-size: 0.32rem; /* 12/37.5 */
  }

  .resource-center-page .rc-card-cover {
    height: 4.44rem;
    padding: 0.267rem 0;
    gap: 0.32rem;
    background-size: cover;
  }

  .resource-center-page .rc-card-cover-title {
    max-width: none;
    width: auto;
    margin: 0 0.4rem;
    font-size: 0.507rem; /* 19/37.5 */
    color: #333333;
    line-height: 1.35;
    font-weight: 700;
    white-space: normal;
    word-break: break-word;
  }

  .resource-center-page .rc-card-cover-tag {
    margin-top: 0.347rem;
    width: auto;
    min-width: 0;
    height: 0.7333rem;
    line-height: 1.2;
    padding: 0.107rem 0.32rem;
    font-size: 0.373rem; /* 14/37.5 */
    border-radius: 0.067rem;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .resource-center-page .rc-card-title {
    margin: 0.36rem auto 0.36rem;
    font-size: 0.507rem; /* 19/37.5 */
    color: #333333;
  }

  .resource-center-page .rc-card-meta {
    margin-bottom: 0.44rem;
    font-size: 0.373rem; /* 14/37.5 */
    color: #666666;
  }

  .resource-center-page .rc-card-actions {
    margin: 0 0.693rem 0.267rem;
    justify-content: space-between;
    gap: 0.32rem;
  }

  .resource-center-page .rc-card-actions span,
  .resource-center-page .rc-card-actions a {
    padding: 0.1867rem 0.32rem 0.1867rem 0.2667rem; /* 上下7px 左10px 右12px */
    border-radius: 0.1333rem; /* 10/37.5 */
    font-weight: 500;
    box-sizing: border-box;
  }

  .resource-center-page .rc-card-actions span {
    width: 2.64rem; /* 98/37.5 */
    height: 0.8267rem; /* 31/37.5 */
    padding: 0;
    font-size: 0.3467rem; /* 13/37.5 */
    border-color: #1563E2;
    color: #1563E2;
    gap: 0;
  }

  .resource-center-page .rc-card-actions span::before {
    width: 0.5333rem; /* 18/37.5 */
    height: 0.5333rem;
    background-size: 0.5333rem 0.5333rem;
    margin-top: 0;
    margin-right: 0.1867rem; /* 7/37.5 */
  }

  .resource-center-page .rc-card-actions a::before {
    width: 0.48rem; /* 18/37.5 */
    height: 0.48rem;
    background-size: 0.48rem 0.48rem;
    margin-top: 0;
    margin-right: 0.1867rem; /* 7/37.5 */
  }

  .resource-center-page .rc-card-actions a {
    width: 2.64rem; /* 99/37.5 */
    height: 0.8267rem; /* 31/37.5 */
    padding: 0;
    font-size: 0.3467rem; /* 13/37.5 */
    gap: 0;
    background: #1264E2;
  }

  .resource-center-page .rc-card {
    width: 100%;
    border-radius: 0.107rem;
    box-shadow: 0 2px 8px rgba(18, 43, 84, 0.12);
    border: 1px solid #e4e9f2;
  }

  .resource-center-page .rc-pagination {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 0.107rem;
  }

  .resource-center-page .rc-pagination {
    display: none;
  }

  .resource-center-page .rc-pagination-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.44rem;
    margin: 0.613rem 0 0.453rem;
  }

  .resource-center-page .rc-pagination-mobile .rc-pm-btn {
    width: 0.4rem;
    height: 0.4rem;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.4rem 0.4rem;
    padding: 0;
  }

  .resource-center-page .rc-pagination-mobile .rc-pm-icon-1 {
    background-image: url("../img/knowledge-article-list-page-first-on@2x.png");
  }

  .resource-center-page .rc-pagination-mobile .rc-pm-icon-2 {
    background-image: url("../img/knowledge-article-list-page-previous-on@2x.png");
  }

  .resource-center-page .rc-pagination-mobile .rc-pm-icon-3 {
    background-image: url("../img/knowledge-article-list-page-next-on@2x.png");
  }

  .resource-center-page .rc-pagination-mobile .rc-pm-icon-4 {
    background-image: url("../img/knowledge-article-list-page-last-on@2x.png");
  }

  .resource-center-page .rc-pagination-mobile .rc-pm-current {
    min-width: 1.493rem;
    text-align: center;
    font-size: 0.373rem; /* 14/37.5 */
    color: #666;
    line-height: 1;
  }

  .resource-center-page .rc-comment {
    padding: 0.467rem 0 0.533rem;
    background: #f3f3f3;
  }

  .resource-center-page .rc-comment-head {
    height: auto;
    margin: 0 0 0.413rem;
    padding: 0;
    justify-content: center;
  }

  .resource-center-page .rc-comment-title {
    font-size: 0.507rem; /* 19/37.5 */
    font-weight: 700;
    color: #333;
  }

  .resource-center-page .rc-comment-title-icon {
    width: 0.667rem;
    height: 0.667rem;
    background-size: 0.667rem 0.667rem;
    margin-right: 0.24rem;
  }

  .resource-center-page .rc-comment-head-more {
    display: none;
  }

  .resource-center-page .rc-comment-list-wrap {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }

  .resource-center-page .rc-comment-item {
    padding: 0;
    margin-bottom: 0.347rem;
    gap: 0.4rem;
    border: 0;
    grid-template-columns: 1.28rem minmax(0, 1fr);
    align-items: start;
  }

  .resource-center-page .avatar-wrap {
    width: auto;
    min-width: 1.6rem;
    text-align: center;
    padding-top: 0.053rem;
  }

  .resource-center-page .rc-comment-item .avatar {
    width: 1.067rem;
    height: 1.067rem;
    margin: 0 auto;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    background-size: contain;
    background-position: center center;
  }

  .resource-center-page .avatar-name {
    display: block;
    margin-top: 0.16rem;
    font-size: 0.293rem;
    color: #999999;
    line-height: 1.2;
    white-space: nowrap;
  }

  .resource-center-page .qa-prefix {
    font-size: 0.373rem; /* 14/37.5 */
    color: #4a525e;
    margin-right: 0;
    line-height: 1.55;
  }

  .resource-center-page .qa-text {
    font-size: 0.373rem; /* 14/37.5 */
    color: #333333;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .resource-center-page .qa-row.q {
    display: flex;
    align-items: baseline;
    margin-bottom: 0.16rem;
  }

  .resource-center-page .qa-row.q .qa-prefix {
    width: 2em;
    flex-shrink: 0;
  }

  .resource-center-page .qa-row.q .qa-content {
    flex: 1;
    min-width: 0;
    line-height: 1.55;
  }

  .resource-center-page .qa-row.q .qa-content .qa-text {
    display: inline-block;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }

  .resource-center-page .qa-row.q .qa-content .qa-status {
    display: inline-block;
    margin-left: 0.16rem;
    vertical-align: middle;
  }

  .resource-center-page .qa-status {
    padding: 0.053rem 0.187rem;
    font-size: 0.24rem; /* 9/37.5 */
    border-radius: 0.053rem;
    background: #009F1E;
    display: inline-block;
    vertical-align: baseline;
  }

  .resource-center-page .qa-row .qa-text .qa-status {
    vertical-align: middle;
    transform: translateY(-0.027rem); /* 约 1px@37.5，随根字号响应 */
  }

  .resource-center-page .qa-wrap {
    grid-column: 2;
    padding: 0.18rem 0.227rem 0.267rem 0.333rem;
    box-shadow: 0 0 0.08rem 0.013rem rgba(0,0,0,0.16);
    border-radius: 0.133rem;
    background: #fff;
  }

  .resource-center-page .qa-row {
    align-items: baseline;
    margin-top: 0;
    line-height: 1.55;
  }

  .resource-center-page .qa-row.a {
    display: flex;
    margin-top: 0.09rem; /* 9/37.5 */
  }

  .resource-center-page .qa-row.a .qa-prefix {
    width: 2em;
    flex-shrink: 0;
  }

  .resource-center-page .qa-row.a .qa-text {
    flex: 1;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .resource-center-page .rc-comment-item .meta {
    margin-top: 0.213rem;
    font-size: 0.32rem; /* 12/37.5 */
    gap: 0.4rem;
    padding: 0 0 0 0.827rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #999999;
  }

  .resource-center-page .rc-comment-item .meta .meta-date::before {
    width: 0.4rem; /* 15/37.5 */
    height: 0.4rem;
    background-size: 0.4rem 0.4rem;
    margin-right: 0.107rem;
  }

  .resource-center-page .rc-comment-item .meta .meta-view::before {
    width: 0.48rem;
    height: 0.4rem;
    background-size: 0.48rem 0.4rem;
    margin-right: 0.107rem;
  }

  .resource-center-page .rc-comment-mobile-more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.533rem auto 0;
    padding: 0.24rem 0.45rem; /* 上下9px 左右21px */
    width: fit-content;
    box-sizing: border-box;
    border: 0.027rem solid #4d8ff7;
    border-radius: 0.48rem;
    color: #2e78ef;
    font-size: 0.4rem; /* 15/37.5 */
    line-height: 1;
    text-decoration: none;
    background: #f7f9ff;
  }

  .resource-center-page .rc-comment-item .meta-answer {
    display: none;
  }

  .resource-center-page .rc-ft-wrap {
    grid-template-columns: 1fr;
    gap: 0.267rem;
  }

  .resource-center-page .rc-ft-col h4 {
    font-size: 0.373rem; /* 14/37.5 */
  }

  .resource-center-page .rc-ft-col a {
    font-size: 0.32rem; /* 12/37.5 */
  }
  .resource-center-page .rc-card-actions span::before,
  .resource-center-page .rc-card-actions a::before {
    margin-right: 0.1867rem; /* 7/37.5 */
  }
  .resource-center-page .qa-row.q .qa-content .qa-status {
      display: inline-block;
  }
  .resource-center-page .rc-ft-mobile-group h4 {
      font-size: 0.373rem; /* 14/37.5 */
      color: #FFFFFF;
  }
  .resource-center-page .rc-ft-mobile-links a, .resource-center-page .rc-ft-mobile-quick a {
     font-size: 0.347rem; /* 13/37.5 */
     color: #FFFFFF;
     opacity: .8;
  }
  .resource-center-page .rc-ft-mobile-group:first-child .rc-ft-mobile-quick a {
    font-size: 0.373rem; /* 14/37.5 */
    color: #FFFFFF;
    opacity: 1;
  }
  .resource-center-page .rc-ft-mobile-links {
      column-gap: 0;
      row-gap: 0.533rem;
  }
  .resource-center-page .rc-ft-mobile-group h4 {
    margin-bottom: 0.507rem;
  }
  .resource-center-page .rc-ft-mobile-quick {
      margin: 0.8rem 0;
  }
  .resource-center-page .rc-ft-mobile-quick-single {
      margin-top: 0.48rem;
      margin-bottom: 0;
  }
  .resource-center-page .rc-ft-mobile-group + .rc-ft-mobile-group {
      margin-top: 0.507rem;
  }
  .resource-center-page .rc-ft-mobile-main {
      padding-top: 0.587rem;
      padding-bottom: 0.587rem;
  }
  .resource-center-page .rc-ft-mobile-bottom p {
      font-size: 0.24rem; /* 9/37.5 */
      color: #C5C5C5;
  }
  .resource-center-page .rc-ft-mobile-bottom a {
     font-size: 0.24rem; /* 9/37.5 */
     color: #C5C5C5;
  }
  .resource-center-page .rc-ft-mobile-record .record-dot {
      width: 0.267rem;
      height: 0.267rem;
  }
  .resource-center-page .rc-ft-mobile-bottom {
      background: #414141;
      padding: 0.347rem 0.267rem;
  }
  .resource-center-page .rc-ft-mobile-record {
       margin-top: 0.133rem !important;
  }

}

/* 小屏手机断点 (≤375px) */
@media (max-width: 375px) {

  .resource-center-page .rc-wrap,
  .resource-center-page .rc-hd-wrap,
  .resource-center-page .rc-ft-wrap,
  .resource-center-page .rc-ft-bottom {
    max-width: calc(100% - 0.747rem);
  }

  .resource-center-page .rc-hero {
    padding: 1.787rem 0 0.8rem;
  }

  .resource-center-page .rc-hero-title {
    font-size: 0.84rem; /* 31.5/37.5 */
  }

  .resource-center-page .rc-hero-desc {
    max-width: 8rem;
    font-size: 0.32rem; /* 12/37.5 */
    margin: 0.48rem auto 1.12rem;
  }

  .resource-center-page .rc-action {
    min-width: 3.213rem;
    height: 0.827rem;
    font-size: 0.36rem; /* 13.5/37.5 */
  }

  .resource-center-page .rc-grid,
  .resource-center-page .rc-toolbar {
    padding: 0 0.507rem;
  }

  .resource-center-page .rc-mobile-tabs-panel {
    padding: 0.32rem 0.32rem 0.33rem;
  }

  .resource-center-page .rc-subtab {
    font-size: 0.373rem; /* 14/37.5 */
    min-width: auto;
    height: 0.6667rem; /* 25/37.5 */
    line-height: 1;
    padding: 0.0533rem 0.2133rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .resource-center-page .rc-subtab.active {
    min-width: auto;
    height: 0.6667rem; /* 25/37.5 */
    line-height: 1;
    padding: 0.0533rem 0.2133rem; /* 上下2px 左右8px */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .resource-center-page .rc-card-cover {
    height: 4.44rem;
  }

  .resource-center-page .rc-card-cover-title,
  .resource-center-page .rc-card-title {
    font-size: 0.507rem; /* 19/37.5 */
  }

  .resource-center-page .rc-card-actions {
    margin: 0 0.693rem 0.267rem;
  }

  .resource-center-page .rc-comment-title {
    font-size: 0.507rem; /* 19/37.5 */
  }

  .resource-center-page .qa-wrap {
    padding: 0.18rem 0.227rem 0.267rem 0.333rem;
  }

  .resource-center-page .rc-ft-mobile-main {
    padding-top: 0.587rem;
    padding-bottom: 0.587rem;
  }
}

/* 移动端滚动时 header 收起 - 全局生效 */
#rcHeaderMobile.rc-hd-scrolled-hide .rc-hd-main {
  transform: translateY(-100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 底部占位：与底部栏同高，避免内容被遮挡 */
.resource-center-page .rc-bottom-spacer {
  height: 64px;
}

.resource-center-page .rc-mobile-bottom-bar {
  display: none;
}

@media (max-width: 1024px) {
  .resource-center-page .rc-bottom-spacer {
    height: 1.707rem; /* 64/37.5，与底部栏同高，随根字号响应 */
  }
  .resource-center-page .rc-mobile-bottom-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    padding: 0.32rem 0.427rem;
    gap: 1.2rem;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  .resource-center-page .rc-mobile-bottom-btn {
    flex: 1;
    max-width: 4.4rem;
    height: 1.067rem;
    border-radius: 0.533rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.107rem;
    font-size: 0.453rem; /* 17/37.5 */
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .resource-center-page .rc-mobile-bottom-btn:active {
    opacity: 0.85;
  }

  .resource-center-page .rc-mobile-bottom-btn-tel {
    background: #fff;
    border: 1px solid #186cea;
    color: #186cea;
  }

  .resource-center-page .rc-mobile-bottom-btn-online {
    background: #186cea;
    border: none;
    color: #fff;
  }

  .resource-center-page .rc-mobile-bottom-icon {
    width: 0.533rem;
    height: 0.533rem;
    flex-shrink: 0;
  }

  .resource-center-page .rc-mobile-bottom-btn-online .rc-mobile-bottom-icon {
    filter: brightness(0) invert(1);
  }

  .resource-center-page .rc-ft-mobile-main {
      padding-left: 0.48rem;
      padding-right: 0.48rem;
  }
}

/* ========== 资源中心详情页 ========== */
.resource-center-detail-page .rc-detail-toolbar {
  display: none !important;
}

.resource-center-detail-page .rc-detail-left {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.resource-center-detail-page .rc-detail-breadcrumb {
  margin-bottom: 16px;
  font-size: 14px;
  color: #666;
}

.resource-center-detail-page .rc-detail-breadcrumb a {
  color: #666;
  text-decoration: none;
}

.resource-center-detail-page .rc-detail-breadcrumb a:hover {
  color: #186cea;
}

.resource-center-detail-page .rc-breadcrumb-sep {
  margin: 0 6px;
  color: #999;
}

.resource-center-detail-page .rc-breadcrumb-current {
  color: #333;
}

.resource-center-detail-page .rc-detail-report-block {
  background: linear-gradient(135deg, #e8f0fe 0%, #f0f7ff 100%);
  border: 1px dashed #b8d4f0;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}

.resource-center-detail-page .rc-detail-report-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.resource-center-detail-page .rc-detail-report-logo img {
  width: 60px;
  height: auto;
  display: block;
}

.resource-center-detail-page .rc-detail-report-title {
  flex: 1;
  min-width: 200px;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: 1.4;
}

.resource-center-detail-page .rc-detail-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #186cea;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s, opacity 0.2s;
}

.resource-center-detail-page .rc-detail-download-btn:hover {
  background: #1456c4;
}

.resource-center-detail-page .rc-detail-download-btn img {
  width: 18px;
  height: 18px;
}

.resource-center-detail-page .rc-detail-content-overview {
  margin-top: 0;
}

.resource-center-detail-page .rc-detail-content-heading {
  margin: 0 0 16px 0;
  padding-left: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  border-left: 4px solid #186cea;
  line-height: 1.4;
}

.resource-center-detail-page .rc-detail-content-body {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}

.resource-center-detail-page .rc-detail-content-body img {
  max-width: 100%;
  height: auto;
}

.resource-center-detail-page .rc-detail-side-card {
  background: #f8fafc;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 24px;
}

.resource-center-detail-page .rc-detail-side-title {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  line-height: 1.4;
}

.resource-center-detail-page .rc-detail-side-tag {
  display: inline-block;
  padding: 4px 12px;
  background: #e8f0fe;
  color: #186cea;
  font-size: 12px;
  border-radius: 4px;
  margin-bottom: 12px;
}

.resource-center-detail-page .rc-detail-side-meta {
  margin: 0 0 12px 0;
  font-size: 12px;
  color: #999;
}

.resource-center-detail-page .rc-detail-side-desc {
  margin: 0 0 16px 0;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

.resource-center-detail-page .rc-detail-side-consult {
  display: block;
  text-align: center;
  padding: 10px;
  background: #186cea;
  color: #fff;
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s;
}

.resource-center-detail-page .rc-detail-side-consult:hover {
  background: #1456c4;
}

@media (max-width: 1024px) {
  .resource-center-detail-page .rc-detail-breadcrumb {
    margin-bottom: 0.427rem;
    font-size: 0.373rem;
  }
  .resource-center-detail-page .rc-detail-report-block {
    padding: 0.64rem;
    margin-bottom: 0.64rem;
  }
  .resource-center-detail-page .rc-detail-report-inner {
    gap: 0.427rem;
  }
  .resource-center-detail-page .rc-detail-report-logo img {
    width: 1.6rem;
  }
  .resource-center-detail-page .rc-detail-report-title {
    font-size: 0.533rem;
  }
  .resource-center-detail-page .rc-detail-download-btn {
    padding: 0.267rem 0.533rem;
    font-size: 0.373rem;
  }
  .resource-center-detail-page .rc-detail-download-btn img {
    width: 0.48rem;
    height: 0.48rem;
  }
  .resource-center-detail-page .rc-detail-content-heading {
    margin-bottom: 0.427rem;
    padding-left: 0.32rem;
    font-size: 0.48rem;
    border-left-width: 0.107rem;
  }
  .resource-center-detail-page .rc-detail-content-body {
    font-size: 0.373rem;
  }
  .resource-center-detail-page .rc-detail-side-card {
    padding: 0.533rem;
    margin-bottom: 0.64rem;
  }
  .resource-center-detail-page .rc-detail-side-title {
    font-size: 0.427rem;
  }
  .resource-center-detail-page .rc-detail-side-consult {
    padding: 0.267rem;
    font-size: 0.373rem;
  }
}