/* 直接粘贴到文章内容页“文章内容（默认）→ 编辑组件样式 → 样式表”。 */

/* 以下结构与“博达正文组件模板.ftl”配套。 */
.detail-card [data-boda-component-root] {
  display: contents;}

.detail-card .news-detail__header {
  padding: clamp(24px, 3.2vw, 46px) clamp(22px, 4vw, 58px) 12px;
  text-align: center;
  border-bottom: 1px solid #dbe6f2;
  background: transparent;}

.detail-card .news-detail__header h1 {
  margin: 0;
  color: #000000;
  font-size: clamp(26px, 2.25vw, 30px);
  font-weight: 560;
  line-height: 1.35;}

.detail-card .news-detail__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 22px;
  margin-top: 20px;
  color: #728198;
  font-size: 15px;
  line-height: 1.7;}

.detail-card .detail-card__body {
  padding: 8px clamp(22px, 4vw, 58px) clamp(28px, 4vw, 58px);
  color: #000000;
  font-size: 18px;
  line-height: 2;
  overflow-wrap: anywhere;}

.detail-card .detail-card__body p {
  margin: 0 0 1.2em;
  text-align: justify;
  text-indent: 2em;}

.detail-card .detail-card__body img {
  border-radius: clamp(0.65rem, 1.5vw, 1rem);
  box-shadow: 0 10px 28px rgba(32, 74, 120, 0.14);}

.detail-card .detail-card__pagination,
.detail-card .detail-card__attachments {
  margin: 0 clamp(22px, 4vw, 58px);
  padding: 22px 0;
  border-top: 1px solid #dbe6f2;
  color: #365977;}

.detail-card .detail-card__attachments h2 {
  margin: 0 0 12px;
  color: #073f78;
  font-size: 18px;}

/* 正文页只显示文章标题，隐藏紧邻正文卡片的旧栏目标题。 */
.subpage-content > .subpage-content__header:has(+ .detail-card) {
  display: none;}

.detail-card {
  display: grid;
  gap: 10px;
  width: 100%;
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: #000000;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}

/* 覆盖博达组件可能自带的白底。 */
.detail-card .boda-article-detail,
.detail-card .news-detail__header,
.detail-card .detail-card__body {
  background: transparent !important;
  box-shadow: none;}

.detail-card form[name="_newscontent_fromname"],
.detail-card .c1174387 {
  display: grid;
  gap: 12px;
  width: 100%;
  margin: 0;}

/* 文章标题。 */
.detail-card .c1174387_title,
.detail-card [class$="_title"] {
  display: block;
  margin: 0;
  color: #000000;
  font-size: clamp(1.65rem, 2.6vw, 2.35rem) !important;
  font-weight: 700;
  line-height: 1.45 !important;
  text-align: center;
  overflow-wrap: anywhere;}

/* 标题所在的默认居中段落，同时形成标题下方分隔线。 */
.detail-card p[align="center"]:has(.c1174387_title),
.detail-card p[style*="text-align: center"]:has(.c1174387_title) {
  margin: 0;
  padding: 0 0 1rem;
  border-bottom: 1px solid var(--color-border, #d7e4f1);}

/* 发布时间、来源、编辑和浏览次数。 */
.detail-card .c1174387_date,
.detail-card .c1174387_source,
.detail-card .c1174387_author,
.detail-card .c1174387_editor,
.detail-card .c1174387_click,
.detail-card .c1174387_clicks,
.detail-card [class$="_date"],
.detail-card [class$="_source"],
.detail-card [class$="_author"],
.detail-card [class$="_editor"],
.detail-card [class$="_click"],
.detail-card [class$="_clicks"] {
  color: var(--color-text-muted, #64748b);
  font-size: 0.92rem !important;
  line-height: 1.7;}

/* 默认组件经常用表格承载元数据；去掉表格视觉并居中。 */
.detail-card form[name="_newscontent_fromname"] > table:not(.vsbcontent-table-container),
.detail-card .c1174387 > table:not(.vsbcontent-table-container) {
  width: 100% !important;
  margin: 0 auto;
  border: 0 !important;
  border-collapse: collapse;
  color: var(--color-text-muted, #64748b);
  font-size: 0.92rem;
  text-align: center;}

.detail-card form[name="_newscontent_fromname"] > table:not(.vsbcontent-table-container) td,
.detail-card .c1174387 > table:not(.vsbcontent-table-container) td {
  padding: 0.2rem 0.6rem;
  border: 0 !important;}

/* 博达编辑器生成的宽表格外壳。 */
.detail-card .vsbcontent-table-container-outer {
  position: relative;
  width: 100%;
  max-width: 100%;}

.detail-card .vsbcontent-table-container {
  width: 100% !important;
  max-width: 100%;
  margin: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;}

/* 正文容器，兼容 id="vsb_content" 和 id="vsb_content_500"。 */
.detail-card [id^="vsb_content"],
.detail-card .v_news_content {
  width: 100% !important;
  max-width: 100%;
  margin: 0;
  padding: 0 !important;
  color: #000000;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.9;
  overflow-wrap: anywhere;}

.detail-card .v_news_content > :first-child {
  margin-top: 0;}

.detail-card .v_news_content > :last-child {
  margin-bottom: 0;}

.detail-card .v_news_content p,
.detail-card .v_news_content p span {
  font-family: inherit !important;
  font-size: 1rem !important;
  line-height: 1.9 !important;
  background: transparent !important;}

.detail-card .v_news_content p {
  max-width: 100%;
  margin: 0 0 1rem;}

.detail-card .v_news_content img {
  border-radius: clamp(0.65rem, 1.5vw, 1rem);
  box-shadow: 0 10px 28px rgba(32, 74, 120, 0.14);}

.detail-card .v_news_content video,
.detail-card .v_news_content iframe {
  max-width: 100% !important;}

.detail-card .v_news_content table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse;}

.detail-card .v_news_content th,
.detail-card .v_news_content td {
  padding: 0.65rem;
  border: 1px solid var(--color-border, #d7e4f1);}

/* 附件区域；如默认模板没有该类，不影响其他内容。 */
.detail-card .detail-card__attachments,
.detail-card [class$="_附件"],
.detail-card [class*="attachment"] {
  display: grid;
  gap: 0.65rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border, #d7e4f1);}

.detail-card a {
  color: var(--color-link, #0e5aa7);}

@media (max-width: 720px) {
  .detail-card .c1174387_title,
  .detail-card [class$="_title"] {
    font-size: clamp(1.35rem, 6vw, 1.75rem) !important;}

  .detail-card form[name="_newscontent_fromname"] > table:not(.vsbcontent-table-container),
  .detail-card .c1174387 > table:not(.vsbcontent-table-container) {
    display: block;
    overflow-x: auto;}

  .detail-card .v_news_content table {
    display: block;
    overflow-x: auto;}
}

/* 强制将标题及其内部文字统一为纯黑色。 */
.detail-card .news-detail__header h1,
.detail-card .news-detail__header h1 *,
.detail-card .c1174387_title,
.detail-card .c1174387_title *,
.detail-card [class$="_title"],
.detail-card [class$="_title"] * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;}

/* 强制将正文所有文字统一为纯黑色，包括链接、表格和编辑器设置过颜色的文字。 */
.detail-card .detail-card__body,
.detail-card .detail-card__body *,
.detail-card [id^="vsb_content"],
.detail-card [id^="vsb_content"] *,
.detail-card .v_news_content,
.detail-card .v_news_content * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;}

/* 正文图片保持编辑器设置的大小，但默认水平居中。 */
.detail-card .detail-card__body img,
.detail-card [id^="vsb_content"] img,
.detail-card .v_news_content img {
  display: block !important;
  float: none !important;
  margin-right: auto !important;
  margin-left: auto !important;}