/* 单篇正文组件专用；粘贴到“样式表”，不加 style 标签。 */
.boda-about-page .boda-about-single[data-boda-component-root] {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding-top: clamp(1.5rem, 3vw, 2.25rem);
  color: #000;}

.boda-about-single .boda-about-richtext {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  color: #000 !important;
  font-size: clamp(1rem, 1.15vw, 1.125rem);
  line-height: 2;
  overflow-wrap: anywhere;
  word-break: normal;}

/* 强制覆盖正文编辑器中原有的字体颜色。 */
.boda-about-single--black .boda-about-richtext,
.boda-about-single--black .boda-about-richtext :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span,
  font,
  strong,
  b,
  em,
  i,
  u,
  small,
  li,
  dt,
  dd,
  blockquote,
  figcaption,
  th,
  td,
  a
) {
  color: #000 !important;}

/* 简介正文统一排版。 */
.boda-about-single .boda-about-richtext .about-prose {
  display: block;
  gap: 0;
  padding-top: 0;}

.boda-about-page[data-boda-about="zxjj"]
.boda-about-single
.boda-about-richtext p {
  margin: 0 0 1.4em !important;
  padding: 0;
  color: #000 !important;
  font-size: inherit !important;
  line-height: 2 !important;
  text-align: justify !important;
  text-indent: 2em !important;}

.boda-about-page[data-boda-about="zxjj"]
.boda-about-single
.boda-about-richtext p :where(
  span,
  font,
  strong,
  b,
  em,
  i
) {
  color: #000 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;}

.boda-about-single .boda-about-richtext p:empty {
  display: none;}

/* 视频和嵌入内容不能超出正文区域。 */
.boda-about-single .boda-about-richtext video,
.boda-about-single .boda-about-richtext iframe {
  max-width: 100% !important;}

/*
 * 普通正文图片：
 * 不设置width、height或max-width，
 * 图片尺寸由文章编辑器控制。
 */
.boda-about-page[data-boda-about="zxjj"]
.boda-about-single
.boda-about-richtext img {
  display: block;
  float: none;
  margin: 2rem auto 0;
  border-radius: 1rem;
  box-shadow: 0 12px 32px rgba(18, 58, 102, 0.08);}

/*
 * figure只负责排版和居中，
 * 不限制figure及图片的宽度或高度。
 */
.boda-about-page[data-boda-about="zxjj"]
.boda-about-single
.boda-about-richtext figure {
  margin: 2rem auto 0;
  text-align: center;}

.boda-about-page[data-boda-about="zxjj"]
.boda-about-single
.boda-about-richtext figure img {
  margin: 0 auto;}

/* 图片所在段落不进行首行缩进。 */
.boda-about-page[data-boda-about="zxjj"]
.boda-about-single
.boda-about-richtext p:has(img) {
  text-indent: 0 !important;}

/*
 * 领导头像专用规则。
 * 该规则只作用于领导卡片，不影响普通正文图片。
 */
.boda-about-single .boda-about-richtext .leader-card__photo img {
  width: 100%;
  height: 100% !important;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: cover;}

/* 正文表格。 */
.boda-about-single .boda-about-richtext table {
  max-width: 100% !important;
  border-collapse: collapse;
  color: #000 !important;}

.boda-about-single .boda-about-richtext :where(th, td) {
  padding: 0.65rem;
  border: 1px solid #d7e4f1;
  color: #000 !important;}

/* 正文链接。 */
.boda-about-single .boda-about-richtext a {
  color: #000 !important;
  text-decoration: underline;
  text-underline-offset: 0.2em;}

.boda-about-single .boda-about-richtext > :last-child,
.boda-about-single .boda-about-richtext .about-prose > p:last-child {
  margin-bottom: 0 !important;}

/* 无内容提示。 */
.boda-about-single__empty {
  margin: 0;
  color: #000 !important;
  line-height: 1.8;}

/* 分页和附件。 */
.boda-about-single__pagination,
.boda-about-single__attachments {
  max-width: 100%;
  margin-top: 1.5rem;
  color: #000 !important;
  font-size: 1rem;
  line-height: 1.8;
  overflow-wrap: anywhere;}

.boda-about-single__pagination *,
.boda-about-single__attachments * {
  color: #000 !important;}

.boda-about-single__pagination a,
.boda-about-single__attachments a {
  color: #000 !important;
  text-decoration: underline;
  text-underline-offset: 0.2em;}

.boda-about-single__pagination table,
.boda-about-single__attachments table {
  max-width: 100%;}

/* 手机端。 */
@media (max-width: 720px) {
  .boda-about-page[data-boda-about="zxjj"]
  .boda-about-single
  .boda-about-richtext p {
    text-align: left !important;}

  .boda-about-single .boda-about-richtext table {
    display: block;
    width: 100% !important;
    overflow-x: auto;}

  .boda-about-single__pagination,
  .boda-about-single__attachments {
    overflow-x: auto;}

  /*
   * 手机端也不设置图片宽度、高度或最大宽度，
   * 继续使用文章编辑器中的尺寸。
   */
  .boda-about-page[data-boda-about="zxjj"]
  .boda-about-single
  .boda-about-richtext img {
    border-radius: 0.75rem;}
}