.rich-text {
  position: relative;
  background-color: rgb(var(--color-background));
}

.rich-text .block-button-group .button {
  white-space: normal;
}

.rich-text__background-image {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  user-select: none;
}

.rich-text__background-image img,
.rich-text__background-image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a.rich-text__link {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}

.rich-text__content {
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.rich-text__content > * {
  pointer-events: auto;
}

/*
 * Rich Text - Announcement style
 *
 * 只有后台选择 Announcement 时才会生效。
 */
.rich-text--announcement {
    width: 100%;
    color: rgb(var(--color-text));
    background-color: rgb(var(--color-background));
    border-top: 1px solid rgb(var(--color-entry-line));
    border-bottom: 1px solid rgb(var(--color-entry-line));
}

/*
 * 覆盖富文本 Section 原来的大内距和纵向布局。
 */
.rich-text--announcement .rich-text__content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    column-gap: 20px !important;
    row-gap: 8px !important;

    padding-top: 10px !important;
    padding-right: 30px !important;
    padding-bottom: 10px !important;
    padding-left: 30px !important;

    text-align: center !important;
}

/* 标题改成公告栏的紧凑文字 */
.rich-text--announcement .block-heading {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    color: rgb(var(--color-text)) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

/* 富文本内容 */
.rich-text--announcement .rte {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    color: rgb(var(--color-text)) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

/* 清除富文本中段落默认间距 */
.rich-text--announcement .rte>* {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 按钮组仍然可以使用，但改成适合公告栏的紧凑布局 */
.rich-text--announcement .block-button-group {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;

    column-gap: 10px !important;
    row-gap: 6px !important;
}

/* 手机端参考 Header 公告栏的 6px 上下内距 */
@media screen and (max-width: 959px) {
    .rich-text--announcement .rich-text__content {
        column-gap: 10px !important;
        row-gap: 6px !important;

        padding-top: 6px !important;
        padding-right: 12px !important;
        padding-bottom: 6px !important;
        padding-left: 12px !important;
    }

    .rich-text--announcement .block-heading,
    .rich-text--announcement .rte {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
}