body.mbts-sle-template-active {
  --mbts-tooltip-bg: rgba(15, 23, 42, 0.92);
  --mbts-tooltip-color: rgba(241, 245, 249, 0.94);
  --mbts-tooltip-border: rgba(148, 163, 184, 0.2);
  --mbts-tooltip-shadow: 0 10px 22px rgba(15, 23, 42, 0.2);
  --mbts-tooltip-radius: 6px;
  --mbts-tooltip-font-size: 12px;
  --mbts-tooltip-line-height: 1.3;
  --mbts-tooltip-arrow-size: 5px;
  --mbts-tooltip-motion-duration: 0.16s;
}

body.mbts-sle-active .mbts-sle-container {
  overflow: visible;
}

body.mbts-sle-active.single .main .mbts-sle-container {
  max-width: 1200px !important;
}

body.mbts-sle-background-enabled {
  --mbts-sle-page-bg-rgb: 245, 246, 248;
  overflow-x: visible;
  overflow-y: visible;
}

/* clip 不建立滚动容器；旧浏览器保持 visible，优先保证 Header 背景不被纵向裁切。 */
@supports (overflow: clip) {
  body.mbts-sle-background-enabled {
    overflow-x: clip;
    overflow-y: visible;
  }
}

/* Hero 内容覆盖在 body 直属背景层之上；背景层不再受 .main 绘制隔离限制。 */
.mbts-sle-main {
  position: relative;
  z-index: 1;
}

/*
 * 唯一背景宿主紧跟 Header 栈输出。relative top 把它拉回 Header 顶边，
 * 等高负 margin 抵消自身流高度，使后续 .main 仍停留在主题原位置。
 */
body > .mbts-sle-page-backdrop {
  display: none;
  position: relative;
  z-index: 0;
  top: calc(-1 * var(--mbts-sle-backdrop-header-offset, 0px));
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: calc(var(--mbts-sle-backdrop-content-height, 0px) + var(--mbts-sle-backdrop-header-offset, 0px));
  margin-bottom: calc(-1 * (var(--mbts-sle-backdrop-content-height, 0px) + var(--mbts-sle-backdrop-header-offset, 0px)));
  min-height: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0 0 clamp(18px, 2vw, 30px) clamp(18px, 2vw, 30px);
  pointer-events: none;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
  contain: paint;
}

body.mbts-sle-backdrop-ready > .mbts-sle-page-backdrop {
  display: block;
}

.mbts-sle-page-backdrop-visual,
.mbts-sle-page-backdrop-shade {
  position: absolute;
  inset: 0;
}

.mbts-sle-page-backdrop-visual {
  overflow: hidden;
}

.mbts-sle-page-backdrop-shade {
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(2, 6, 23, calc(var(--mbts-sle-bg-overlay, 0.56) + 0.08)) 0%,
    rgba(2, 6, 23, var(--mbts-sle-bg-overlay, 0.56)) 64%,
    rgba(2, 6, 23, calc(var(--mbts-sle-bg-overlay, 0.56) + 0.1)) 100%
  );
}

body.night.mbts-sle-background-enabled,
html.night body.mbts-sle-background-enabled {
  --mbts-sle-page-bg-rgb: 18, 18, 18;
}

body.mbts-sle-background-enabled .mbts-sle-main > .mbts-sle-container {
  position: relative;
  z-index: 1;
}

body.mbts-sle-active .modown-ad {
  overflow: hidden;
}

.mbts-sle-hero {
  --mbts-sle-hero-content-width: 1160px;
  --mbts-sle-title-size: clamp(20px, calc(1vw + 12px), 26px);
  position: relative;
  isolation: isolate;
  overflow: visible;
  margin: -16px 0 0;
  padding: 28px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
}

body.mbts-sle-background-enabled:not(.mbts-sle-backdrop-ready) .mbts-sle-hero {
  background: #0f172a;
  color: #e2e8f0;
}

body.mbts-sle-background-enabled.mbts-sle-backdrop-ready .mbts-sle-hero {
  background: transparent;
  color: #fff;
}

body.mbts-sle-background-image .mbts-sle-page-backdrop-visual {
  inset: -28px;
  background-color: var(--mbts-sle-bg-gradient-from, #0f172a);
  background-image: var(--mbts-sle-page-image, none);
  background-position: var(--mbts-sle-bg-position, center top);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  filter: blur(var(--mbts-sle-bg-blur, 13px)) brightness(var(--mbts-sle-bg-brightness, 100%)) saturate(var(--mbts-sle-bg-saturation, 108%));
  opacity: .78;
}

body.mbts-sle-background-gradient .mbts-sle-page-backdrop-visual {
  background: linear-gradient(var(--mbts-sle-bg-gradient-angle, 145deg), var(--mbts-sle-bg-gradient-from, #0f172a), var(--mbts-sle-bg-gradient-to, #1d4ed8));
}

body.mbts-sle-background-solid .mbts-sle-page-backdrop-visual {
  background: var(--mbts-sle-bg-solid, #0f172a);
}

body.mbts-sle-background-lightfall .mbts-sle-page-backdrop-visual {
  background: #0a29ff;
}

.mbts-sle-lightfall-canvas {
  position: absolute;
  z-index: 0;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  will-change: transform;
}

@media (max-width: 782px) {
  body > .mbts-sle-page-backdrop {
    border-radius: 0 0 20px 20px;
  }

  /* Header 在移动端透明覆盖 Hero 背景，但标题不能被 Logo 或菜单遮住。
   * 先使用主题常见移动 Header 的安全值，几何同步完成后再精确跟随 Header 栈。 */
  body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero {
    padding-top: max(72px, calc(var(--mbts-sle-backdrop-header-offset, 54px) + 18px));
  }

  body.mbts-sle-background-image .mbts-sle-page-backdrop-visual {
    background-attachment: scroll;
  }

}

/* 只让顶端 Header 叠在 Hero 背景上；滚动态完全交还主题。 */
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .header:not(.scrolled),
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .topbar:not(.scrolled) {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .header:not(.scrolled) .nav-main > li,
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .header:not(.scrolled) .nav-main > li > a,
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .header:not(.scrolled) .nav-right > li > a,
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .header:not(.scrolled) .nav-left > li > a,
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .header:not(.scrolled) .nav-main > li.menu-item-has-children::after,
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .topbar:not(.scrolled),
body.mbts-sle-template-active.mbts-sle-background-enabled.mbts-sle-backdrop-ready > .topbar:not(.scrolled) a {
  color: rgba(248, 251, 255, 0.96) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}


.mbts-sle-hero::before {
  content: none;
}

.mbts-sle-hero-overlay {
  display: none;
}

.mbts-sle-hero-topline {
  --mbts-sle-topline-font-size: 12px;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(220px, 1fr);
  gap: 18px;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 40px;
  margin: 8px 0 0;
  padding: 4px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mbts-sle-hero-topline-no-breadcrumbs {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.mbts-sle-hero-breadcrumbs {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 40px;
  max-width: min(42vw, 460px);
  color: rgba(255, 255, 255, 0.56);
}

.mbts-sle-hero-breadcrumbs .breadcrumbs {
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;
  height: 40px;
  padding: 0;
  color: rgba(255, 255, 255, 0.56);
  font-size: var(--mbts-sle-topline-font-size);
  line-height: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mbts-sle-hero-breadcrumbs .breadcrumbs a,
.mbts-sle-hero-breadcrumbs .breadcrumbs span {
  color: rgba(255, 255, 255, 0.56);
}

.mbts-sle-hero-breadcrumbs .breadcrumbs a {
  transition: color 0.16s ease;
}

.mbts-sle-hero-breadcrumbs .breadcrumbs a:hover,
.mbts-sle-hero-breadcrumbs .breadcrumbs a:focus-visible {
  color: rgba(255, 255, 255, 0.96);
}

.mbts-sle-hero-breadcrumbs .breadcrumbs a:focus-visible,
.mbts-sle-hero-topline .mbts-sle-site-notice a:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.88);
  outline-offset: 2px;
  border-radius: 3px;
}

.mbts-sle-standard-topline {
  --mbts-sle-topline-font-size: 14px;
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(280px, 1fr);
  gap: 18px;
  align-items: center;
  width: 100%;
  min-height: 40px;
  /* 对齐 Modown 原生 .breadcrumbs：顶部收紧、底部留出 15px，
   * 公告只是同一行的补充，不能把正文卡片向下推成独立的巨大区块。 */
  margin: -10px 0 0;
  padding: 0 0 15px;
  border-bottom: 0;
}

.mbts-sle-standard-topline-no-breadcrumbs {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.mbts-sle-standard-breadcrumbs {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 40px;
  max-width: min(42vw, 460px);
}

.mbts-sle-standard-breadcrumbs .breadcrumbs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--mbts-sle-topline-font-size);
  line-height: 40px;
}

.mbts-sle-hero-breadcrumbs .breadcrumbs .sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  margin: 0 3px;
  opacity: 0.42;
  font-size: 10px;
  line-height: 1;
  vertical-align: middle;
}

.mbts-sle-hero-breadcrumbs .breadcrumbs .sep i {
  font-size: 10px;
  line-height: 1;
}

.mbts-sle-standard-topline .mbts-sle-site-notice {
  justify-self: stretch;
}

body.mbts-sle-standard-article .mbts-sle-standard-topline {
  position: relative;
  z-index: 2;
}

/* 标准详情页的顶栏与正文属于同一阅读区：顶栏自己的 15px 底部留白
 * 已经足够，不能再叠加通用栅格的 26px 区块间距。 */
body.mbts-sle-standard-article .mbts-sle-grid {
  margin-top: 0;
}

body.mbts-sle-standard-article .mbts-sle-standard-breadcrumbs {
  color: #64748b;
}

body.mbts-sle-standard-article .mbts-sle-standard-breadcrumbs .breadcrumbs,
body.mbts-sle-standard-article .mbts-sle-standard-breadcrumbs .breadcrumbs a,
body.mbts-sle-standard-article .mbts-sle-standard-breadcrumbs .breadcrumbs span {
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.mbts-sle-standard-article .mbts-sle-single-shell > .article-header {
  /* 标准文章复用 Modown 原版节奏：single-content 已经负责 20px 卡片
   * 内边距，标题区不能再次加一层卡片式 padding 或分隔线。 */
  margin: 0 0 20px;
  padding: 0;
  border: 0;
}

/* 标题区提示条按内容自然收缩，长文案最多占用可读行宽；与标题、Meta
 * 共用左侧阅读轴，而不是把整张正文卡片横向撑满或单独居中。 */
body.mbts-sle-standard-article .mbts-sle-article-tips.mbts-sle-article-tips-header.is-static {
  width: fit-content;
  max-width: min(100%, 760px);
  margin: 14px 0 0;
}

body.mbts-sle-standard-article .mbts-sle-article-tips-header .mbts-sle-article-tips-track,
body.mbts-sle-standard-article .mbts-sle-article-tips-header .mbts-sle-article-tips-slide,
body.mbts-sle-standard-article .mbts-sle-article-tips-header .wpzyh.article-tips {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

body.mbts-sle-standard-article .mbts-sle-article-tips-header .wpzyh.article-tips > div {
  text-align: center;
}

:is(body.night.mbts-sle-standard-article, html.night body.mbts-sle-standard-article) .mbts-sle-standard-breadcrumbs {
  color: rgba(226, 232, 240, 0.62);
}

@media (max-width: 782px) {
  .mbts-sle-standard-topline {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 0;
    padding-bottom: 10px;
  }

  .mbts-sle-standard-breadcrumbs {
    max-width: 100%;
  }

  body.mbts-sle-standard-article .mbts-sle-single-shell > .article-header {
    margin-bottom: 20px;
    padding: 0;
  }

  body.mbts-sle-standard-article .mbts-sle-article-tips.mbts-sle-article-tips-header.is-static {
    max-width: 100%;
    margin-top: 12px;
  }
}

.mbts-sle-site-notice {
  --mbts-sle-notice-loop-width: 33.333333%;
  --mbts-sle-notice-offset: 0px;
  --mbts-sle-notice-duration: 46s;
  display: flex;
  justify-self: stretch;
  align-items: stretch;
  overflow: hidden;
  width: 100%;
  max-width: none;
  height: 40px;
  min-height: 40px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #64748b;
  cursor: default;
  font-size: var(--mbts-sle-topline-font-size, 14px);
  line-height: 40px;
}

.mbts-sle-site-notice-label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  box-sizing: border-box;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 3px;
  overflow: hidden;
  height: 28px;
  margin: 6px 12px 6px 0;
  padding: 0 12px 0 10px;
  border: 1px solid color-mix(in srgb, var(--theme-color, #1972f5) 16%, transparent);
  border-radius: var(--theme-radius);
  background: color-mix(in srgb, var(--theme-color, #1972f5) 6%, transparent);
  /* 公告标签是独立的信息层级，不能跟随当前文章的 title_color。 */
  color: #334155;
  cursor: ew-resize;
  font-size: var(--mbts-sle-topline-font-size, 14px);
  font-weight: 700;
  line-height: 28px;
  isolation: isolate;
  white-space: nowrap;
}

.mbts-sle-site-notice-label::before {
  content: none;
  display: none;
}

.mbts-sle-site-notice-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  width: 22px;
  height: 20px;
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  line-height: 1;
  transform: translateZ(0);
}

.mbts-sle-site-notice-speaker {
  position: relative;
  z-index: 1;
  display: block;
  flex: 0 0 22px;
  width: 22px;
  height: 20px;
  color: currentColor;
}

.mbts-sle-site-notice-speaker::before,
.mbts-sle-site-notice-speaker::after {
  content: "";
  position: absolute;
  background: currentColor;
}

.mbts-sle-site-notice-speaker::before {
  top: 7px;
  left: 1px;
  width: 5px;
  height: 6px;
  border-radius: 2px;
}

.mbts-sle-site-notice-speaker::after {
  top: 4px;
  left: 5px;
  width: 8px;
  height: 12px;
  clip-path: polygon(0 32%, 100% 0, 100% 100%, 0 68%);
}

.mbts-sle-site-notice-wave {
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  left: 10px;
  width: 5px;
  height: 5px;
  border: 1.45px solid transparent;
  border-right-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  will-change: left, width, height, opacity;
  animation: mbts-sle-notice-speaker-wave-flow 1.8s linear infinite;
}

.mbts-sle-site-notice-wave:nth-child(1) {
  animation-delay: 0s;
}

.mbts-sle-site-notice-wave:nth-child(2) {
  animation-delay: 0.6s;
}

.mbts-sle-site-notice-wave:nth-child(3) {
  animation-delay: 1.2s;
}

.mbts-sle-site-notice-label:hover .mbts-sle-site-notice-wave {
  animation-duration: 1.45s;
}

.mbts-sle-site-notice-label em {
  z-index: 1;
  font-style: normal;
}

.mbts-sle-site-notice-window {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  cursor: default;
  touch-action: pan-y;
  user-select: none;
}

.mbts-sle-site-notice-window::after {
  content: none;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  pointer-events: none;
  background: none;
}

.mbts-sle-site-notice-items {
  display: flex;
  align-items: center;
  width: max-content;
  min-width: 100%;
  gap: 0;
  padding: 0;
  cursor: default;
  white-space: nowrap;
  will-change: transform;
}

.mbts-sle-site-notice.is-marquee.is-loop-ready:not(.is-manual) .mbts-sle-site-notice-items {
  animation: mbts-sle-notice-marquee var(--mbts-sle-notice-duration, 46s) linear infinite;
}

.mbts-sle-site-notice.is-manual .mbts-sle-site-notice-items {
  animation: none;
  transition: transform 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mbts-sle-site-notice.is-dragging .mbts-sle-site-notice-window {
  cursor: ew-resize;
}

.mbts-sle-site-notice.is-dragging a {
  cursor: ew-resize;
}

.mbts-sle-site-notice.is-dragging .mbts-sle-site-notice-items {
  transition: none;
}

.mbts-sle-site-notice:hover .mbts-sle-site-notice-items {
  animation-play-state: paused;
}

.mbts-sle-site-notice.is-marquee.is-loop-ready.is-hover-paused:not(.is-manual) .mbts-sle-site-notice-items,
.mbts-sle-site-notice.is-marquee.is-loop-ready:not(.is-manual):focus-within .mbts-sle-site-notice-items {
  animation-play-state: paused;
}

.mbts-sle-site-notice.is-hover-paused .mbts-sle-site-notice-wave,
.mbts-sle-site-notice:focus-within .mbts-sle-site-notice-wave {
  animation-play-state: paused;
}

.mbts-sle-site-notice a {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 14px;
  color: #475569;
  font-size: var(--mbts-sle-topline-font-size, 14px);
  font-weight: 400;
  line-height: 40px;
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
}

.mbts-sle-site-notice a:hover {
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
}

/* 标准文章的公告来自 Modown 分类文章，必须逐条消费各公告文章自己的
 * title_color；此前只有 Hero 写了这组覆盖，标准页会退回固定灰色。 */
body.mbts-sle-standard-article .mbts-sle-site-notice a:not(.has-custom-color) {
  color: #333;
}

body.mbts-sle-standard-article .mbts-sle-site-notice a.has-custom-color {
  color: var(--mbts-sle-notice-link-color) !important;
}

body.mbts-sle-standard-article .mbts-sle-site-notice a.has-custom-color:hover,
body.mbts-sle-standard-article .mbts-sle-site-notice a.has-custom-color:focus-visible {
  color: var(--mbts-sle-notice-link-color) !important;
  filter: brightness(1.16) saturate(0.94);
  text-shadow: 0 0 10px color-mix(in srgb, var(--mbts-sle-notice-link-color) 28%, transparent);
}

.mbts-sle-hero-topline .mbts-sle-site-notice {
  color: rgba(255, 255, 255, 0.78);
}

.mbts-sle-hero-topline .mbts-sle-site-notice-label {
  height: 26px;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-right: 10px;
  padding-left: 8px;
  border: 0;
  background: transparent;
  color: #fff;
  font-weight: 600;
  line-height: 26px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}

.mbts-sle-hero-topline .mbts-sle-site-notice a {
  color: rgba(255, 255, 255, 0.78);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

body.mbts-sle-template-active .mbts-sle-hero-topline .mbts-sle-site-notice-icon,
body.mbts-sle-template-active .mbts-sle-hero-topline .mbts-sle-site-notice-label {
  color: #fff;
}

body.mbts-sle-template-active .mbts-sle-hero-topline .mbts-sle-site-notice a.has-custom-color {
  color: var(--mbts-sle-notice-link-color);
}

body.mbts-sle-template-active .mbts-sle-hero-topline .mbts-sle-site-notice a.has-custom-color:hover,
body.mbts-sle-template-active .mbts-sle-hero-topline .mbts-sle-site-notice a.has-custom-color:focus-visible {
  color: var(--mbts-sle-notice-link-color);
  filter: brightness(1.35) saturate(0.92);
  text-shadow: 0 0 12px color-mix(in srgb, var(--mbts-sle-notice-link-color) 42%, transparent);
}

.mbts-sle-hero-topline .mbts-sle-site-notice a:hover,
.mbts-sle-hero-topline .mbts-sle-site-notice a:focus-visible {
  color: rgba(255, 255, 255, 0.96);
}

.mbts-sle-hero-topline .mbts-sle-site-notice-window::after {
  background: none;
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero {
  background: transparent;
  color: inherit;
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero > .article-header .article-title {
  color: #1f2937;
  text-shadow: none;
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero > .article-header .article-meta,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero > .article-header .article-meta a {
  color: #64748b;
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-topline {
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-breadcrumbs,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-breadcrumbs .breadcrumbs,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-breadcrumbs .breadcrumbs a,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-breadcrumbs .breadcrumbs span,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-topline .mbts-sle-site-notice,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-topline .mbts-sle-site-notice a {
  color: #64748b;
  text-shadow: none;
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-topline .mbts-sle-site-notice-label {
  border: 0;
  background: transparent;
  color: #475569;
  text-shadow: none;
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-breadcrumbs .breadcrumbs a:hover,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-breadcrumbs .breadcrumbs a:focus-visible,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-topline .mbts-sle-site-notice a:hover,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-topline .mbts-sle-site-notice a:focus-visible {
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
}

body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-breadcrumbs .breadcrumbs a:focus-visible,
body.mbts-sle-active:not(.mbts-sle-background-enabled) .mbts-sle-hero-topline .mbts-sle-site-notice a:focus-visible {
  outline-color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
}

@media (max-width: 782px) {
  .mbts-sle-hero-topline {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 8px;
    padding: 6px 0 0;
  }

  .mbts-sle-hero-breadcrumbs {
    min-height: 32px;
    max-width: 100%;
  }

  .mbts-sle-hero-breadcrumbs .breadcrumbs {
    height: 32px;
    line-height: 32px;
  }
}

@keyframes mbts-sle-notice-marquee {
  from {
    transform: translate3d(var(--mbts-sle-notice-offset, 0px), 0, 0);
  }

  to {
    transform: translate3d(calc(var(--mbts-sle-notice-offset, 0px) - var(--mbts-sle-notice-loop-width, 33.333333%)), 0, 0);
  }
}

@keyframes mbts-sle-notice-label-sweep {
  0%,
  42% {
    transform: translateX(-115%);
  }

  72%,
  100% {
    transform: translateX(115%);
  }
}

@keyframes mbts-sle-notice-speaker-wave-flow {
  0% {
    left: 10px;
    width: 5px;
    height: 5px;
    opacity: 0;
  }

  15% {
    opacity: 0.9;
  }

  80% {
    left: 13px;
    width: 15px;
    height: 15px;
    opacity: 0;
  }

  100% {
    left: 13px;
    width: 15px;
    height: 15px;
    opacity: 0;
  }
}

.mbts-sle-hero-inner {
  display: grid;
  grid-template-columns: minmax(260px, 390px) minmax(0, 742px);
  justify-content: center;
  gap: 28px;
  align-items: start;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}

.mbts-sle-hero-media {
  justify-self: end;
  overflow: hidden;
  width: 100%;
  max-width: 390px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--theme-radius, 8px);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.mbts-sle-hero-media .demos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(5, 12, 25, 0.72);
}

.mbts-sle-hero-media .demos a,
.mbts-sle-hero-media .demos button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.mbts-sle-hero-media .demos .demo-demo {
  background: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  color: #fff;
}

.mbts-sle-hero-media .demos .side-collect,
.mbts-sle-hero-media .demos .signin-loader {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.88);
}

.mbts-sle-hero-media .demos .side-collect.active {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.mbts-sle-hero-summary,
.mbts-sle-hero-excerpt {
  margin: 0;
  padding: 12px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(6, 14, 29, 0.82);
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.7;
}

.mbts-sle-hero-summary .meta {
  display: flex;
  gap: 6px;
  padding: 3px 0;
}

.mbts-sle-hero-summary .meta span {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.58);
}

.mbts-sle-hero-summary a {
  color: rgba(255, 255, 255, 0.9);
}

.mbts-sle-hero-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mbts-sle-hero-cover {
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
  overflow: hidden;
}

.mbts-sle-cover-demo {
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 1px;
  display: flex;
  max-width: calc(100% - 24px);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: translateX(-50%);
}

.mbts-sle-cover-demo .mbts-dbox-demo-button {
  min-width: 112px;
  min-height: 38px;
  padding: 9px 20px;
}

.mbts-sle-cover-demo.is-inline-fallback {
  position: static;
  align-self: center;
  max-width: calc(100% - 24px);
  margin: 12px auto;
  transform: none;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout {
  --mbts-sle-cover-hw-ratio: 0.6316;
  --mbts-sle-hero-glass-bg: var(--header-bg, rgba(3, 7, 18, 0.58));
  grid-template-columns: minmax(256px, 276px) minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  max-width: 1240px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media {
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-self: stretch;
  max-width: none;
  height: auto;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--theme-radius);
  background: rgba(6, 14, 29, 0.36);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media img {
  flex: 0 0 auto;
  aspect-ratio: 1 / var(--mbts-sle-cover-hw-ratio, 0.6316);
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: center top;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-download {
  align-self: center;
  display: flex;
  min-width: 0;
  --mbts-sle-download-panel: rgba(15, 23, 42, 0.34);
  --mbts-sle-download-panel-soft: rgba(15, 23, 42, 0.22);
  --mbts-sle-download-line: rgba(203, 213, 225, 0.16);
  --mbts-sle-download-text: rgba(255, 255, 255, 0.96);
  --mbts-sle-download-muted: rgba(226, 232, 240, 0.88);
  --mbts-sle-download-rail: color-mix(in srgb, var(--theme-color, #1972f5) 15%, transparent);
  --mbts-sle-download-rail-strong: color-mix(in srgb, var(--theme-color, #1972f5) 24%, transparent);
  --dbox-meta-line: rgba(148, 163, 184, 0.18);
  --dbox-meta-surface: rgb(15 23 42 / 58%);
  --dbox-meta-text: rgba(248, 250, 252, 0.92);
  --dbox-meta-label: rgba(203, 213, 225, 0.8);
  --dbox-meta-link: var(--dbox-meta-text, rgba(248, 250, 252, 0.92));
  color: var(--dbox-meta-text);
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-side {
  align-self: center;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  padding: 0;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-media {
  align-self: center;
  height: auto;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header {
  min-width: 0;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-header {
  margin: 0;
  text-align: center;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-title {
  max-width: none;
  margin: 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: var(--mbts-sle-title-size);
  line-height: 1.28;
  letter-spacing: 0;
  text-align: center;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  justify-content: center;
  max-width: none;
  margin: 10px 0 0;
  line-height: 1.35;
  text-align: center;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-meta .item,
.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-meta .post-edit-link,
.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-meta .item.right {
  display: inline-flex;
  float: none;
  align-items: center;
  gap: 4px;
  margin: 0;
  vertical-align: middle;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-meta a {
  color: rgba(241, 245, 249, 0.82);
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-source-link {
  margin: 0;
}

.mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-download {
  align-self: center;
  min-height: 0;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  min-height: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  background: transparent;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .article-custom-metas.mbts-dbox-meta-grid {
  --dbox-meta-line: rgba(148, 163, 184, 0.18);
  --dbox-meta-surface: var(--dbox-night-surface, rgb(15 23 42 / 58%));
  --dbox-meta-text: rgba(226, 232, 240, 0.86);
  --dbox-meta-label: rgba(203, 213, 225, 0.68);
  --dbox-meta-link: var(--dbox-meta-text, rgba(226, 232, 240, 0.86));
  color: var(--dbox-meta-text) !important;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .article-custom-metas.mbts-dbox-meta-grid > .meta {
  color: var(--dbox-meta-text) !important;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .tips2 {
  margin: 0;
  padding: 10px 12px;
  color: rgba(226, 232, 240, 0.86);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.7;
  text-align: left;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .tips2 a {
  color: var(--theme-color, #1972f5) !important;
  border-bottom-color: rgba(123, 176, 255, 0.32);
}

body.night .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-download,
html.night body .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-download {
  --mbts-sle-download-text: rgba(229, 231, 235, 0.88);
  --mbts-sle-download-muted: rgba(156, 163, 175, 0.78);
}

body.night .mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-title,
html.night body .mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-title {
  color: rgba(229, 231, 235, 0.9);
}

body.night.mbts-sle-template-active .mbts-sle-hero .post-sign,
html.night body.mbts-sle-template-active .mbts-sle-hero .post-sign {
  color: rgba(255, 255, 255, 0.91);
}

body.night .mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-meta a,
html.night body .mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side-header .article-meta a {
  color: rgba(203, 213, 225, 0.82);
}

body.night .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info,
html.night body .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info {
  background: transparent;
}

body.night .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .article-custom-metas.mbts-dbox-meta-grid,
html.night body .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .article-custom-metas.mbts-dbox-meta-grid {
  /* 容器色（gap 露出）用浅银白，cell 用深近黑，从 gap 露出的容器色 = 浅色分隔线 */
  --dbox-meta-line: rgba(203, 213, 225, 0.22);
  --dbox-meta-surface: color-mix(in srgb, #000 32%, rgba(6, 14, 29, 0.36));
  --dbox-meta-text: rgba(203, 213, 225, 0.84);
  --dbox-meta-label: rgba(156, 163, 175, 0.68);
  --dbox-meta-link: var(--dbox-meta-text, rgba(203, 213, 225, 0.84));
}

body.night .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .tips2,
html.night body .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media-info .tips2 {
  color: rgba(203, 213, 225, 0.8);
}

.mbts-sle-hero-inner.mbts-sle-download-layout-short .mbts-sle-hero-media-info {
  padding: 0;
}

.mbts-sle-hero-inner.mbts-sle-download-layout-many .mbts-sle-hero-media-info,
.mbts-sle-hero-inner.mbts-sle-download-layout-extreme .mbts-sle-hero-media-info {
  flex: 0 0 auto;
  justify-content: flex-start;
  min-height: 0;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout.mbts-sle-download-layout-many,
.mbts-sle-hero-inner.mbts-sle-download-integrated-layout.mbts-sle-download-layout-extreme {
  align-items: start;
}

.mbts-sle-hero-inner.mbts-sle-download-integrated-layout.mbts-sle-download-layout-many .mbts-sle-hero-media,
.mbts-sle-hero-inner.mbts-sle-download-integrated-layout.mbts-sle-download-layout-extreme .mbts-sle-hero-media,
.mbts-sle-hero-inner.mbts-sle-download-integrated-layout.mbts-sle-download-layout-many .mbts-sle-hero-download,
.mbts-sle-hero-inner.mbts-sle-download-integrated-layout.mbts-sle-download-layout-extreme .mbts-sle-hero-download {
  align-self: start;
  height: auto;
  min-height: 0;
}

@media (max-width: 1024px) {
  .mbts-sle-hero-inner.mbts-sle-download-integrated-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    width: min(100%, 760px);
  }

  .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-media,
  .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-download,
  .mbts-sle-hero-inner.mbts-sle-download-integrated-layout .mbts-sle-hero-side {
    width: 100%;
    min-width: 0;
  }

  .mbts-sle-hero-inner.mbts-sle-download-title-integrated .mbts-sle-hero-side {
    gap: 16px;
    padding: 0;
  }
}

.mbts-sle-hero > .article-header {
  width: 100%;
  max-width: none;
  margin: 0 0 24px;
  text-align: center;
}

.mbts-sle-hero .article-header {
  padding: 0;
  border: 0;
  background: transparent;
}

.mbts-sle-hero .article-title {
  max-width: var(--mbts-sle-hero-content-width);
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  font-size: var(--mbts-sle-title-size);
}

.mbts-sle-hero .article-meta {
  max-width: var(--mbts-sle-hero-content-width);
  margin-right: auto;
  margin-left: auto;
}

.mbts-sle-hero .article-meta .item,
.mbts-sle-hero .article-meta .post-edit-link,
.mbts-sle-hero .article-meta .item.right {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mbts-sle-hero .article-meta,
.mbts-sle-hero .article-meta a,
.mbts-sle-hero .article-tags,
.mbts-sle-hero .article-tags a {
  color: rgba(255, 255, 255, 0.72);
}

.mbts-sle-hero .article-source-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  text-decoration: none;
}

.mbts-sle-hero .article-meta .article-source-link {
  float: none;
  color: rgba(241, 245, 249, 0.82);
}

.mbts-sle-hero .article-source-link-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0 7px 0 7px;
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  line-height: 1.2;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.mbts-sle-hero .article-source-link:hover .article-source-link-badge {
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

.mbts-sle-hero .wpzyh-version,
.mbts-sle-hero .scroll-to-box,
.mbts-sle-hero .article-comments-link,
.mbts-sle-hero .mbts-sle-meta-cats {
  position: relative;
}

.mbts-sle-hero .wpzyh-version {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 4px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.8em;
  cursor: help;
}

.wpzyh-version .icon-warning {
  display: none !important;
}

.mbts-sle-hero .scroll-to-box {
  display: inline-block;
  color: var(--mbts-sle-accent);
  font-weight: 700;
}

.mbts-sle-hero .scroll-to-box .icon-download {
  font-weight: 700;
}

.mbts-sle-hero .article-comments-link {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.mbts-sle-hero .mbts-sle-meta-cats {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: min(34vw, 360px);
  min-width: 0;
  vertical-align: middle;
}

.mbts-sle-hero .mbts-sle-meta-cats-list {
  display: inline-block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.mbts-sle-hero .mbts-sle-meta-cats-list a + a::before,
.mbts-sle-hero .mbts-sle-meta-cats-more::before {
  content: "/";
  display: inline-block;
  margin: 0 5px;
  color: rgba(226, 232, 240, 0.42);
}

.mbts-sle-hero .wpzyh-version::before,
.mbts-sle-hero .wpzyh-version::after,
.mbts-sle-hero .scroll-to-box::before,
.mbts-sle-hero .scroll-to-box::after,
.mbts-sle-hero .article-comments-link::before,
.mbts-sle-hero .article-comments-link::after,
.mbts-sle-hero .mbts-sle-meta-cats::before,
.mbts-sle-hero .mbts-sle-meta-cats::after {
  position: absolute;
  z-index: 40;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--mbts-tooltip-motion-duration) ease, transform var(--mbts-tooltip-motion-duration) ease;
}

.mbts-sle-hero .wpzyh-version::before,
.mbts-sle-hero .scroll-to-box::before,
.mbts-sle-hero .article-comments-link::before,
.mbts-sle-hero .mbts-sle-meta-cats::before {
  content: attr(data-tooltip);
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-5px);
  margin-bottom: 8px;
  padding: 7px 10px;
  border: 1px solid var(--mbts-tooltip-border);
  border-radius: var(--mbts-tooltip-radius);
  background: var(--mbts-tooltip-bg);
  color: var(--mbts-tooltip-color);
  font-size: var(--mbts-tooltip-font-size);
  line-height: var(--mbts-tooltip-line-height);
  white-space: nowrap;
  box-shadow: var(--mbts-tooltip-shadow);
}

.mbts-sle-hero .wpzyh-version::after,
.mbts-sle-hero .scroll-to-box::after,
.mbts-sle-hero .article-comments-link::after,
.mbts-sle-hero .mbts-sle-meta-cats::after {
  content: '';
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-5px);
  margin-bottom: -2px;
  border: 5px solid transparent;
  border-top-color: var(--mbts-tooltip-bg);
}

.mbts-sle-hero .wpzyh-version:hover::before,
.mbts-sle-hero .wpzyh-version:hover::after,
.mbts-sle-hero .scroll-to-box:hover::before,
.mbts-sle-hero .scroll-to-box:hover::after,
.mbts-sle-hero .scroll-to-box:focus::before,
.mbts-sle-hero .scroll-to-box:focus::after,
.mbts-sle-hero .article-comments-link:hover::before,
.mbts-sle-hero .article-comments-link:hover::after,
.mbts-sle-hero .article-comments-link:focus::before,
.mbts-sle-hero .article-comments-link:focus::after,
.mbts-sle-hero .mbts-sle-meta-cats:hover::before,
.mbts-sle-hero .mbts-sle-meta-cats:hover::after,
.mbts-sle-hero .mbts-sle-meta-cats:focus-within::before,
.mbts-sle-hero .mbts-sle-meta-cats:focus-within::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.mbts-sle-hero .mbts-sle-meta-cats::before {
  width: max-content;
  max-width: min(82vw, 420px);
  white-space: normal;
  text-align: left;
}

.mbts-sle-hero .mbts-sle-meta-cats::before,
.mbts-sle-hero .mbts-sle-meta-cats::after {
  content: none !important;
  display: none !important;
}

.mbts-sle-hero .mbts-sle-meta-cats-popover {
  position: absolute;
  bottom: calc(100% + 9px);
  left: 50%;
  z-index: 42;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: max-content;
  max-width: min(82vw, 440px);
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--theme-radius, 8px);
  background: rgba(15, 23, 42, 0.94);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(5px);
  transition: opacity var(--mbts-tooltip-motion-duration) ease, transform var(--mbts-tooltip-motion-duration) ease, visibility var(--mbts-tooltip-motion-duration) ease;
  visibility: hidden;
}

.mbts-sle-hero .mbts-sle-meta-cats-popover::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 10px;
}

.mbts-sle-hero .mbts-sle-meta-cats-popover a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: calc(var(--theme-radius, 8px) - 2px);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.mbts-sle-hero .mbts-sle-meta-cats-popover a:hover,
.mbts-sle-hero .mbts-sle-meta-cats-popover a:focus-visible {
  background: var(--mbts-sle-accent, #1972f5);
  color: #fff !important;
}

.mbts-sle-hero .mbts-sle-meta-cats:hover .mbts-sle-meta-cats-popover,
.mbts-sle-hero .mbts-sle-meta-cats:focus-within .mbts-sle-meta-cats-popover {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  visibility: visible;
}

.mbts-sle-hero .mbts-sle-article-tips {
  width: fit-content;
  max-width: min(100%, var(--mbts-sle-hero-content-width));
  margin-right: auto;
  margin-left: auto;
  margin-top: 18px;
  margin-bottom: 0;
}

.mbts-sle-hero .wpzyh.article-tips {
  width: 100%;
  max-width: 100%;
}

.mbts-sle-article-tips {
  --mbts-sle-tip-radius: 5px;
  width: 100%;
  overflow: hidden;
}

.mbts-sle-article-tips-track {
  width: 100%;
}

.mbts-sle-article-tips-slide {
  box-sizing: border-box;
  width: 100%;
}

.mbts-sle-article-tips.is-carousel {
  height: 33px;
}

.mbts-sle-hero .wpzyh.article-tips > * {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 4px 18px 5px;
}

.mbts-sle-article-tips .wpzyh.article-tips > div {
  box-sizing: border-box;
  height: 33px;
  padding: 4px 18px 5px;
}

body.mbts-sle-template-active .wpzyh.article-tips:not(.mbts-sle-category-hint) {
  --mbts-sle-article-tips-accent: #f58b36;
  --mbts-sle-article-tips-text: var(--mbts-sle-article-tips-accent);
  --mbts-sle-article-tips-bg: #fff3e9;
  --mbts-sle-article-tips-border: color-mix(in srgb, var(--mbts-sle-article-tips-accent) 20%, transparent);
}

body.mbts-sle-template-active .wpzyh.article-tips.days {
  --mbts-sle-article-tips-accent: #f53636;
  --mbts-sle-article-tips-bg: #ffdddd;
}

body.mbts-sle-template-active .wpzyh.article-tips:not(.mbts-sle-category-hint) > div {
  border: 1px solid var(--mbts-sle-article-tips-border);
  border-radius: var(--mbts-sle-tip-radius);
  color: var(--mbts-sle-article-tips-text);
  background: var(--mbts-sle-article-tips-bg);
  overflow: hidden;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease;
}

:is(body.night.mbts-sle-template-active, html.night body.mbts-sle-template-active) .wpzyh.article-tips:not(.mbts-sle-category-hint) {
  --mbts-sle-article-tips-text: color-mix(in srgb, var(--mbts-sle-article-tips-accent) 74%, #d6dde8);
  --mbts-sle-article-tips-bg: color-mix(in srgb, var(--mbts-sle-article-tips-accent) 15%, #20242b);
  --mbts-sle-article-tips-border: color-mix(in srgb, var(--mbts-sle-article-tips-accent) 30%, rgba(255, 255, 255, 0.12));
}

:is(body.night.mbts-sle-template-active, html.night body.mbts-sle-template-active) .wpzyh.article-tips:not(.mbts-sle-category-hint) > div {
  color: var(--mbts-sle-article-tips-text) !important;
  background: var(--mbts-sle-article-tips-bg) !important;
  border-color: var(--mbts-sle-article-tips-border) !important;
}

body.mbts-sle-template-active .wpzyh.article-tips.mbts-sle-category-hint {
  --mbts-sle-category-hint-accent: #f58b36;
  --mbts-sle-category-hint-surface: #fff3e9;
  --mbts-sle-category-hint-text: var(--mbts-sle-category-hint-accent);
  --mbts-sle-category-hint-bg: var(--mbts-sle-category-hint-surface);
  --mbts-sle-category-hint-border: color-mix(in srgb, var(--mbts-sle-category-hint-accent) 20%, transparent);
}

body.mbts-sle-template-active .wpzyh.article-tips.mbts-sle-category-hint.is-yellow {
  --mbts-sle-category-hint-accent: #f58b36;
  --mbts-sle-category-hint-surface: #fff3e9;
}

body.mbts-sle-template-active .wpzyh.article-tips.mbts-sle-category-hint.is-vip {
  --mbts-sle-category-hint-accent: #fbb715;
  --mbts-sle-category-hint-surface: #482300;
}

body.mbts-sle-template-active .wpzyh.article-tips.mbts-sle-category-hint.is-red {
  --mbts-sle-category-hint-accent: #f53636;
  --mbts-sle-category-hint-surface: #ffdddd;
}

body.mbts-sle-template-active .wpzyh.article-tips.mbts-sle-category-hint.is-green {
  --mbts-sle-category-hint-accent: #008000;
  --mbts-sle-category-hint-surface: #c3fdc3;
}

body.mbts-sle-template-active .wpzyh.article-tips.mbts-sle-category-hint > div {
  border: 1px solid var(--mbts-sle-category-hint-border);
  border-radius: var(--mbts-sle-tip-radius);
  overflow: hidden;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease;
}

:is(body.night.mbts-sle-template-active, html.night body.mbts-sle-template-active) .wpzyh.article-tips.mbts-sle-category-hint {
  --mbts-sle-category-hint-text: color-mix(in srgb, var(--mbts-sle-category-hint-accent) 74%, #d6dde8);
  --mbts-sle-category-hint-bg: color-mix(in srgb, var(--mbts-sle-category-hint-accent) 15%, #20242b);
  --mbts-sle-category-hint-border: color-mix(in srgb, var(--mbts-sle-category-hint-accent) 30%, rgba(255, 255, 255, 0.12));
}

body.mbts-sle-active .mbts-sle-main-column .article-content > .mbts-sle-article-tips-content {
  margin: 0 0 18px;
}

body.mbts-sle-active .mbts-sle-main-column .article-content > .mbts-sle-article-tips-content .wpzyh.article-tips {
  margin-top: 0;
}

body.mbts-sle-active .mbts-sle-main-column .article-content > #erphpdown-box,
body.mbts-sle-active .mbts-sle-main-column .article-content > .erphpdown-box-modern {
  padding: 0 !important;
}

body.mbts-sle-content-download-top .mbts-sle-main-column .article-content > #erphpdown-box,
body.mbts-sle-content-download-top .mbts-sle-main-column .article-content > .erphpdown-box-modern {
  margin-top: 0;
  margin-bottom: 18px;
}

/* “独立模块+内容上/下”明确要求正文保留第二个下载位。主题的默认 box
 * 位置会把这个原生实例隐藏；仅在 SLE 的组合位置内恢复显示，不影响纯独立模块。 */
body.mbts-sle-active.mbts-sle-content-download-top .mbts-sle-main-column .article-content > #erphpdown-box,
body.mbts-sle-active.mbts-sle-content-download-top .mbts-sle-main-column .article-content > .erphpdown-box-modern,
body.mbts-sle-active.mbts-sle-content-download-bottom .mbts-sle-main-column .article-content > #erphpdown-box,
body.mbts-sle-active.mbts-sle-content-download-bottom .mbts-sle-main-column .article-content > .erphpdown-box-modern {
  display: block !important;
}

body.mbts-sle-active article.single-content {
  position: relative;
}

body.mbts-sle-active article.single-content > .article-source-link {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: 10;
  display: inline-flex;
  margin: 0;
  text-decoration: none;
}

body.mbts-sle-active article.single-content > .article-source-link .article-source-link-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 14px;
  border-radius: 0 var(--theme-radius, 7px) 0 var(--theme-radius, 7px);
  background: #e6e8ea;
  color: #3a3a3a;
  font-size: 13px;
  line-height: 1.2;
  box-shadow: none;
  transition: background 0.18s ease, color 0.18s ease;
}

body.mbts-sle-active article.single-content > .article-source-link .article-source-link-badge .icon {
  font-size: 16px;
}

body.mbts-sle-active article.single-content > .article-source-link:hover .article-source-link-badge {
  background: #e0e0e0;
  color: #2a2a2a;
}

body.night.mbts-sle-active article.single-content > .article-source-link .article-source-link-badge {
  background: #2a2a2a;
  color: #e0e0e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.night.mbts-sle-active article.single-content > .article-source-link:hover .article-source-link-badge {
  background: #3a3a3a;
}

.mbts-sle-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.mbts-sle-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: var(--theme-radius, 7px);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.mbts-sle-button-primary {
  background: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  color: #fff;
}

.mbts-sle-button-demo {
  background: #21b99a;
  color: #fff;
}

.mbts-sle-hero-bottom {
  margin-top: 26px;
}

.mbts-sle-hero-bottom .breadcrumbs {
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
}

.mbts-sle-hero-bottom .breadcrumbs a,
.mbts-sle-hero-bottom .breadcrumbs span {
  color: rgba(255, 255, 255, 0.78);
}

.mbts-sle-grid {
  display: grid;
  --mbts-sle-left-width: 220px;
  --mbts-sle-right-width: 300px;
  grid-template-columns: var(--mbts-sle-left-width) minmax(0, 1fr) var(--mbts-sle-right-width);
  gap: 20px;
  align-items: start;
  margin-top: 26px;
}

.mbts-sle-grid-no-right {
  grid-template-columns: var(--mbts-sle-left-width) minmax(0, 1fr);
}

.mbts-sle-grid-no-left {
  grid-template-columns: minmax(0, 1fr) var(--mbts-sle-right-width);
}

.mbts-sle-grid-no-left.mbts-sle-grid-no-right {
  grid-template-columns: minmax(0, 1fr);
}

.mbts-sle-left,
.mbts-sle-main-column,
.mbts-sle-grid > .sidebar {
  min-width: 0;
}

.mbts-sle-grid > .sidebar {
  float: none;
  width: 100%;
  margin: 0;
}

.mbts-sle-main-column > .content-wrap {
  float: none;
  width: 100%;
}

.mbts-sle-main-column > .content-wrap > .content {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .mbts-sle-grid:not(.mbts-sle-grid-no-right) {
    grid-template-columns: var(--mbts-sle-left-width) minmax(0, 1fr);
  }

  .mbts-sle-grid-no-left:not(.mbts-sle-grid-no-right) {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mbts-sle-left-sticky {
  position: sticky;
  top: 88px;
}

.mbts-sle-left .widget {
  overflow: hidden;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: var(--theme-radius, 5px);
  background: #fff;
}

.mbts-sle-left-default {
  padding: 16px 18px;
}

.mbts-sle-left-default a {
  display: block;
  padding: 9px 0;
  color: inherit;
  font-weight: 700;
}

.mbts-sle-left-default a:hover {
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
}

body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer {
  box-sizing: border-box;
  display: flow-root;
  margin: 18px 0 0;
  padding: 15px;
  border-radius: var(--theme-radius, 8px);
  background: color-mix(in srgb, var(--theme-color, #1972f5) 10%, transparent);
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs > .mbts-sle-article-footer {
  margin: 18px 0 0;
  padding: 0;
  background: transparent;
}

body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-copyright,
body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-act,
body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-tags,
body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-shares {
  box-sizing: border-box;
  max-width: 100%;
}

body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-copyright {
  margin: 0 0 18px;
  padding: 10px 12px;
  border-radius: var(--theme-radius, 6px);
  background: color-mix(in srgb, var(--theme-color, #1972f5) 12%, transparent);
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  line-height: 1.85;
}

body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-act,
body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-tags {
  margin: 0 0 18px;
}

body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-shares {
  margin: 0;
}

body.mbts-sle-template-active .mbts-sle-actions {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  clear: both;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced {
  margin: 8px 0 20px;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 56px;
  min-height: 0;
  height: 44px;
  padding: 0 17px;
  margin: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b !important;
  box-shadow: none;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced > a:hover,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced > a:focus-visible,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger:focus-visible,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle:hover,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced > a.active,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger.active,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle.active {
  border-color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  background: color-mix(in srgb, var(--theme-color, #1972f5) 8%, transparent);
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5)) !important;
  box-shadow: none;
  transform: none;
}

body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced > a:focus-visible,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger:focus-visible,
body.mbts-sle-template-active .article-act.mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible {
  outline: 2px solid var(--theme-color, var(--mbts-sle-accent, #1972f5));
  outline-offset: 3px;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .icon,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle-icon {
  position: static;
  top: auto !important;
  right: auto;
  bottom: auto !important;
  left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  min-width: 19px;
  height: 19px;
  min-height: 19px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: currentColor;
  font-size: 19px !important;
  line-height: 1;
  transform: none;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle-icon svg {
  display: block;
  width: 19px;
  height: 19px;
  color: currentColor;
  fill: currentColor;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .article-collect > span,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .article-zan > span,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-comment-action > span,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle-count {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10px;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  box-shadow: none;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transform: none;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .article-shang .mbts-sle-action-text,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger .mbts-sle-action-text {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-flex;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: currentColor;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  transform: none;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  z-index: 42;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  align-items: center;
  width: max-content;
  max-width: min(92vw, 360px);
  margin: 0;
  padding: 9px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.15);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  height: 12px;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-wrap:hover .mbts-sle-share-menu,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-wrap.is-open .mbts-sle-share-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a {
  box-sizing: border-box;
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
  opacity: 0.9;
  text-decoration: none;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy)::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy)::after {
  position: absolute;
  left: 50%;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(4px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy)::before {
  content: attr(data-tooltip);
  bottom: calc(100% + 8px);
  width: max-content;
  padding: 6px 9px;
  border: 1px solid var(--mbts-tooltip-border);
  border-radius: var(--mbts-tooltip-radius);
  background: var(--mbts-tooltip-bg);
  color: var(--mbts-tooltip-color);
  font-size: var(--mbts-tooltip-font-size);
  font-weight: 700;
  line-height: var(--mbts-tooltip-line-height);
  box-shadow: var(--mbts-tooltip-shadow);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy)::after {
  content: "";
  bottom: calc(100% + 2px);
  border: 5px solid transparent;
  border-top-color: var(--mbts-tooltip-bg);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy):hover::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy):hover::after,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy):focus-visible::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a[data-tooltip]:not(.mbts-sle-share-copy):focus-visible::after {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a:hover,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu a:focus-visible {
  opacity: 1;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .article-cover {
  background: linear-gradient(135deg, #ff8a00 0%, #ff4d4f 58%, #e11d48 100%);
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(244, 63, 94, 0.24);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy {
  position: relative;
  border: 1px solid #d7dee8;
  background: #f8fafc;
  color: #475569 !important;
  opacity: 1;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy::after {
  position: absolute;
  left: 50%;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(4px);
  transition: opacity var(--mbts-tooltip-motion-duration) ease, transform var(--mbts-tooltip-motion-duration) ease, visibility var(--mbts-tooltip-motion-duration) ease;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy::before {
  content: attr(data-tooltip);
  bottom: calc(100% + 8px);
  width: max-content;
  padding: 6px 9px;
  border: 1px solid var(--mbts-tooltip-border);
  border-radius: var(--mbts-tooltip-radius);
  background: var(--mbts-tooltip-bg);
  color: var(--mbts-tooltip-color);
  font-size: var(--mbts-tooltip-font-size);
  font-weight: 700;
  line-height: var(--mbts-tooltip-line-height);
  box-shadow: var(--mbts-tooltip-shadow);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy::after {
  content: "";
  bottom: calc(100% + 2px);
  border: 5px solid transparent;
  border-top-color: var(--mbts-tooltip-bg);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy:hover,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy:focus-visible {
  border-color: #94a3b8;
  background: #fff;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy.is-copied {
  border-color: transparent;
  background: #16a34a;
  color: #fff !important;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy.is-copied::before {
  content: attr(data-copied-label);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy:hover::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy:hover::after,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy:focus-visible::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy:focus-visible::after,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy.is-copied::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .mbts-sle-share-copy.is-copied::after {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .share-popover {
  z-index: 45;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .share-weixin .share-popover {
  bottom: calc(100% + 10px);
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  width: 112px;
  height: auto;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--theme-radius, 12px);
  background: #fff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.16);
  transform: translateX(-50%);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .share-weixin .share-popover::before {
  content: "微信扫码分享";
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .share-weixin .share-popover::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  border: 5px solid transparent;
  border-top-color: #fff;
  transform: translateX(-50%);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .share-weixin .share-popover .share-popover-inner {
  display: block;
  width: 88px;
  height: 88px;
  padding: 4px;
  border: 0;
  border-radius: var(--theme-radius, 8px);
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .share-weixin .share-popover .share-popover-inner::before,
body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu .share-weixin .share-popover .share-popover-inner::after {
  content: none;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]::before,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]::after {
  position: absolute;
  left: 50%;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition: opacity var(--mbts-tooltip-motion-duration) ease, transform var(--mbts-tooltip-motion-duration) ease, visibility var(--mbts-tooltip-motion-duration) ease;
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]::before {
  content: attr(data-tooltip);
  bottom: calc(100% + 9px);
  padding: 5px 8px;
  border: 1px solid var(--mbts-tooltip-border);
  border-radius: var(--mbts-tooltip-radius);
  background: var(--mbts-tooltip-bg);
  color: var(--mbts-tooltip-color);
  font-size: var(--mbts-tooltip-font-size);
  line-height: var(--mbts-tooltip-line-height);
  white-space: nowrap;
  box-shadow: var(--mbts-tooltip-shadow);
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]::after {
  content: "";
  bottom: calc(100% + 3px);
  border: 5px solid transparent;
  border-top-color: var(--mbts-tooltip-bg);
}

body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]:hover::before,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]:hover::after,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]:focus-visible::before,
body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a[data-tooltip]:focus-visible::after {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}

@media (min-width: 1025px) {
	  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left {
    position: fixed;
    left: max(10px, calc((100vw - 1200px) / 2 - 65px));
    z-index: 32;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0;
    padding: 1px;
    gap: 3px;
    border: 1px solid rgba(15, 23, 42, 0.08);
	    border-radius: var(--theme-radius);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.1);
    backdrop-filter: blur(12px);
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-position-left-top {
    top: 136px;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-position-left-center {
    top: 50%;
    transform: translateY(-50%);
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-position-left-bottom {
    bottom: 96px;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: var(--theme-radius);
    background: transparent;
    color: #64748b !important;
    box-shadow: none;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:focus-visible,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible {
    background: var(--theme-color, var(--mbts-sle-accent, #1972f5));
    color: #fff !important;
    outline: 0;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover .icon,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible .icon,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover .icon,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:focus-visible .icon,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-icon,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-icon,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-icon svg,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-icon svg,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-wrap.is-open .mbts-sle-share-trigger .icon {
    color: #fff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover .icon::before,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible .icon::before,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover .icon::before,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:focus-visible .icon::before,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-wrap.is-open .mbts-sle-share-trigger .icon::before {
    color: inherit !important;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active {
    background: color-mix(in srgb, var(--theme-color, #1972f5) 9%, transparent);
    color: var(--theme-color, var(--mbts-sle-accent, #1972f5)) !important;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:hover,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:focus-visible,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:hover,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:focus-visible {
    background: var(--theme-color, var(--mbts-sle-accent, #1972f5));
    color: #fff !important;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .icon,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle-icon {
    width: 21px;
    min-width: 21px;
    height: 21px;
    min-height: 21px;
    font-size: 21px !important;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle-icon svg {
    width: 21px;
    height: 21px;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .article-collect > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .article-zan > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-comment-action > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle-count {
    position: static;
    top: auto !important;
    right: auto !important;
    min-width: 0;
    height: 12px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active .mbtcsn-toggle-count {
    background: transparent;
    color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-comment-action:hover > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-comment-action:focus-visible > span,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-count,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-count {
    color: #fff;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-wrap.is-open .mbts-sle-share-trigger {
    background: var(--theme-color, var(--mbts-sle-accent, #1972f5));
    color: #fff !important;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-action-text {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left .mbts-sle-share-menu {
    top: 50%;
    bottom: auto;
    left: calc(100% + 12px);
    display: grid;
    grid-template-columns: repeat(4, 34px);
    width: auto;
    max-width: none;
    padding: 10px;
    border-radius: var(--theme-radius, 16px);
    transform: translate(-4px, -50%);
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left .mbts-sle-share-menu::after {
    top: 0;
    right: auto;
    bottom: 0;
    left: -14px;
    width: 14px;
    height: auto;
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left .mbts-sle-share-wrap:hover .mbts-sle-share-menu,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left .mbts-sle-share-wrap.is-open .mbts-sle-share-menu {
    transform: translate(0, -50%);
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a[data-tooltip]::before,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a[data-tooltip]::after {
    top: 50%;
    bottom: auto;
    left: calc(100% + 10px);
    transform: translate(-4px, -50%);
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a[data-tooltip]::after {
    left: calc(100% + 1px);
    border-color: transparent;
    border-right-color: var(--mbts-tooltip-bg);
  }

  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a[data-tooltip]:hover::before,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a[data-tooltip]:hover::after,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a[data-tooltip]:focus-visible::before,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a[data-tooltip]:focus-visible::after {
    transform: translate(0, -50%);
  }
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs {
  --mbts-sle-tab-surface: #fff;
  --mbts-sle-tabs-bleed: 20px;
  --mbts-sle-mobile-content-gutter: 0px;
  --mbts-sle-tab-rail-bg: color-mix(
    in srgb,
    var(--theme-color, var(--mbts-sle-accent, #1972f5)) 8%,
    var(--mbts-sle-tab-surface)
  );
  overflow: hidden;
  overflow: clip;
  border-radius: var(--theme-radius, 12px);
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-content > #erphpdown-box + .article-tabs-tab,
body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-content > .erphpdown-box-modern + .article-tabs-tab,
body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-content > .article-custom-metas + .article-tabs-tab {
  margin-top: 0;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-content > .article-tabs-tab:not(:first-child) {
  /* 如果 tabs 不是 article-content 的第一个子节点，避免抵消前面内容的 margin-bottom */
  margin-top: 0;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab {
  display: flex;
  box-sizing: border-box;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  overflow: visible;
  width: calc(100% + (var(--mbts-sle-tabs-bleed, 20px) * 2));
  min-height: 44px;
  margin: calc(var(--mbts-sle-tabs-bleed, 20px) * -1) calc(var(--mbts-sle-tabs-bleed, 20px) * -1) 0;
  padding: 1px var(--mbts-sle-tabs-bleed, 20px) 0;
  border: 0;
  border-radius: 0;
  background: var(--mbts-sle-tab-rail-bg);
  text-align: left;
  box-shadow: inset 0 -2px 0 var(--theme-color, var(--mbts-sle-accent, #1972f5));
  scrollbar-width: none;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab::-webkit-scrollbar {
  display: none;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .single-tab {
  position: relative;
  display: inline-flex;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .single-tab::before,
body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .single-tab::after {
  content: none;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a {
  position: relative;
  top: auto;
  z-index: 1;
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  height: 44px;
  padding: 0 22px;
  border: 2px solid transparent;
  border-bottom: 0;
  border-radius: 11px 11px 0 0;
  background: transparent;
  color: #5f6b7a;
  font-size: 15px;
  font-weight: 600;
  line-height: 44px;
  text-decoration: none;
  box-shadow: none;
  transition: color 0.16s ease;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a:hover {
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a.active {
  z-index: 3;
  margin-bottom: -2px;
  border-width: 3px 2px 2px;
  border-style: solid;
  border-color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  border-bottom-color: var(--mbts-sle-tab-surface);
  background: var(--mbts-sle-tab-surface);
  color: #1f2937;
  font-weight: 700;
  transform: none;
  box-shadow: none;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a.active::before,
body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a.active::after {
  content: none !important;
  display: none !important;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-content {
  margin: 22px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-content .wp-template-content {
  box-sizing: border-box;
  max-width: 100%;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-content > .article-tab-item > :first-child {
  margin-top: 0;
}

body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-content > .article-tab-item > :last-child {
  margin-bottom: 0;
}

@media (max-width: 650px) {
  body.mbts-sle-active .mbts-sle-main-column .single-content {
    --mbts-sle-mobile-content-gutter: clamp(10px, 3vw, 14px);
  }

  body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left .mbts-sle-share-menu {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 22px;
    left: 50%;
    max-width: calc(100vw - 32px);
    flex-wrap: wrap;
    justify-content: center;
    border-radius: var(--theme-radius, 16px);
    transform: translate(-50%, 10px);
  }

  body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-wrap:hover .mbts-sle-share-menu,
  body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-wrap.is-open .mbts-sle-share-menu,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left .mbts-sle-share-wrap:hover .mbts-sle-share-menu,
  body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left .mbts-sle-share-wrap.is-open .mbts-sle-share-menu {
    transform: translate(-50%, 0);
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 40px;
    height: 40px;
    padding: 0;
    overscroll-behavior-x: contain;
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs {
    --mbts-sle-tabs-bleed: 0px;
    --mbts-sle-mobile-content-gutter: clamp(10px, 3vw, 14px);
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content.article-content,
  body.mbts-sle-active .mbts-sle-main-column .single-content .article-content {
    box-sizing: border-box;
    padding-right: var(--mbts-sle-mobile-content-gutter) !important;
    padding-left: var(--mbts-sle-mobile-content-gutter) !important;
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content.article-content > #erphpdown-box,
  body.mbts-sle-active .mbts-sle-main-column .single-content.article-content > .erphpdown-box-modern,
  body.mbts-sle-active .mbts-sle-main-column .single-content.article-content > .article-custom-metas.mbts-dbox-meta-grid,
  body.mbts-sle-active .mbts-sle-main-column .single-content .article-content > #erphpdown-box,
  body.mbts-sle-active .mbts-sle-main-column .single-content .article-content > .erphpdown-box-modern,
  body.mbts-sle-active .mbts-sle-main-column .single-content .article-content > .article-custom-metas.mbts-dbox-meta-grid {
    width: calc(100% + (var(--mbts-sle-mobile-content-gutter) * 2));
    margin-right: calc(var(--mbts-sle-mobile-content-gutter) * -1);
    margin-left: calc(var(--mbts-sle-mobile-content-gutter) * -1);
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a {
    min-width: 92px;
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 40px;
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-content {
    margin-top: 18px;
    padding: 0;
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer {
    margin-top: 14px;
    padding: 10px;
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs > .mbts-sle-article-footer {
    margin: 14px 0 0;
    padding: 0;
    background: transparent;
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-copyright {
    margin-bottom: 14px;
    padding: 8px 10px;
  }

  body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-act,
  body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-tags {
    margin-bottom: 14px;
  }

  .mbts-sle-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .mbts-sle-button {
    width: 100%;
  }
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle {
  border-color: rgba(255, 255, 255, 0.1);
  background: #202020;
  color: #d7d7d7;
  box-shadow: none;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a:hover,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a:hover,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle:hover,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle:hover,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a.active,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced > a.active,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger.active,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbts-sle-share-trigger.active,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle.active,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-enhanced .mbtcsn-toggle.active {
  border-color: var(--theme-color, var(--mbts-sle-accent, #1972f5));
  color: var(--theme-color, #1972f5);
}

body.night.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu,
html.night body.mbts-sle-template-active .mbts-sle-actions .mbts-sle-share-menu {
  border-color: rgba(255, 255, 255, 0.1);
  background: #202020;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
}

body.night.mbts-sle-template-active .mbts-sle-standard-topline,
html.night body.mbts-sle-template-active .mbts-sle-standard-topline {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.night.mbts-sle-template-active .mbts-sle-site-notice,
html.night body.mbts-sle-template-active .mbts-sle-site-notice {
  color: rgba(255, 255, 255, 0.62);
}

body.night.mbts-sle-template-active .mbts-sle-site-notice-label,
html.night body.mbts-sle-template-active .mbts-sle-site-notice-label {
  border-color: rgba(96, 165, 250, 0.22);
  background: rgba(96, 165, 250, 0.1);
  color: rgba(226, 232, 240, 0.88);
}

body.night.mbts-sle-template-active .mbts-sle-site-notice-icon,
html.night body.mbts-sle-template-active .mbts-sle-site-notice-icon {
  color: var(--theme-color, #1972f5);
  filter: drop-shadow(0 0 3px rgba(96, 165, 250, 0.42));
}

body.night.mbts-sle-template-active .mbts-sle-site-notice a,
html.night body.mbts-sle-template-active .mbts-sle-site-notice a {
  color: rgba(255, 255, 255, 0.72);
}

body.night.mbts-sle-template-active .mbts-sle-site-notice a:hover,
html.night body.mbts-sle-template-active .mbts-sle-site-notice a:hover {
  color: var(--theme-color, #1972f5);
}

body.night.mbts-sle-standard-article .mbts-sle-site-notice a:not(.has-custom-color),
html.night body.mbts-sle-standard-article .mbts-sle-site-notice a:not(.has-custom-color) {
  color: #bbb;
}

body.night.mbts-sle-standard-article .mbts-sle-site-notice a.has-custom-color,
html.night body.mbts-sle-standard-article .mbts-sle-site-notice a.has-custom-color {
  color: var(--mbts-sle-notice-link-color) !important;
}

body.night.mbts-sle-template-active .mbts-sle-site-notice-window::after,
html.night body.mbts-sle-template-active .mbts-sle-site-notice-window::after {
  display: none;
  width: 0;
  background: none;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(18, 20, 24, 0.92);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle {
  border: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: rgba(255, 255, 255, 0.68) !important;
  box-shadow: none !important;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active {
  border-color: transparent !important;
  background: color-mix(in srgb, var(--theme-color, #1972f5) 9%, transparent) !important;
  background-color: color-mix(in srgb, var(--theme-color, #1972f5) 9%, transparent) !important;
  background-image: none !important;
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5)) !important;
  box-shadow: none !important;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active .icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active .icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active .icon::before,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active .icon::before,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active .mbtcsn-toggle-icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active .mbtcsn-toggle-icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active .mbtcsn-toggle-icon svg,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active .mbtcsn-toggle-icon svg {
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5)) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:hover,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:focus-visible,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbts-sle-share-trigger:focus-visible,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible {
  border-color: transparent !important;
  background: var(--theme-color, var(--mbts-sle-accent, #1972f5)) !important;
  background-color: var(--theme-color, var(--mbts-sle-accent, #1972f5)) !important;
  background-image: none !important;
  color: #fff !important;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-icon svg,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-icon svg,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-icon svg,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-icon svg {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .article-collect > span,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .article-collect > span,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .article-zan > span,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .article-zan > span,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle-count,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle-count {
  color: rgba(255, 255, 255, 0.42);
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active > span,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active > span,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active .mbtcsn-toggle-count,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active .mbtcsn-toggle-count {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--theme-color, var(--mbts-sle-accent, #1972f5)) !important;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover > span,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:hover > span,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible > span,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a:focus-visible > span,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-count,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:hover .mbtcsn-toggle-count,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-count,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle:focus-visible .mbtcsn-toggle-count {
  color: #fff !important;
}

body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:hover .icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:hover .icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:focus-visible .icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:focus-visible .icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:hover .icon::before,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:hover .icon::before,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:focus-visible .icon::before,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced > a.active:focus-visible .icon::before,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:hover .mbtcsn-toggle-icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:hover .mbtcsn-toggle-icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:focus-visible .mbtcsn-toggle-icon,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:focus-visible .mbtcsn-toggle-icon,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:hover .mbtcsn-toggle-icon svg,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:hover .mbtcsn-toggle-icon svg,
body.night.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:focus-visible .mbtcsn-toggle-icon svg,
html.night body.mbts-sle-template-active .mbts-sle-actions.mbts-sle-actions-layout-left.mbts-sle-actions-enhanced .mbtcsn-toggle.active:focus-visible .mbtcsn-toggle-icon svg {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.night.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs,
html.night body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs {
  --mbts-sle-tab-surface: #181818;
  border-color: rgba(255, 255, 255, 0.08);
  background: #181818;
  box-shadow: none;
}

body.night.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a,
html.night body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a {
  color: #999;
}

body.night.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a.active,
html.night body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-tab a.active {
  color: #f2f2f2;
}

body.night.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-content,
html.night body.mbts-sle-active .mbts-sle-main-column .single-content.mbts-sle-has-tabs .article-tabs-content {
  border-color: rgba(255, 255, 255, 0.08);
  background: #181818;
  box-shadow: none;
}

body.night.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer,
html.night body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer {
  background: color-mix(in srgb, var(--theme-color, #1972f5) 8%, transparent);
}

body.night.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-copyright,
html.night body.mbts-sle-active .mbts-sle-main-column .single-content .mbts-sle-article-footer .article-copyright {
  background: color-mix(in srgb, var(--theme-color, #1972f5) 12%, transparent);
  color: var(--theme-color, #1972f5);
}

.mbts-sle-after {
  clear: both;
  margin-top: 20px;
}

.mbts-sle-after .article-nav,
.mbts-sle-after .single-related,
.mbts-sle-after .single-comment {
  width: 100%;
}

/*
 * Hero 底栏是背景区的最后一行。这里放在通用夜间规则之后封口，避免主题
 * 的 body.night a 与公告通用样式重新把默认链接、标签或动态图标压暗。
 */
body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice,
body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a:not(.has-custom-color) {
  color: rgba(248, 251, 255, 0.84) !important;
}

body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a:not(.has-custom-color):hover,
body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a:not(.has-custom-color):focus-visible {
  color: rgba(248, 251, 255, 0.98) !important;
}

body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice-label,
body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice-icon {
  border: 0;
  background: transparent;
  color: rgba(248, 251, 255, 0.98) !important;
  box-shadow: none;
}

body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-custom-color {
  color: var(--mbts-sle-notice-link-color) !important;
}

body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-custom-color:hover,
body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-custom-color:focus-visible {
  color: var(--mbts-sle-notice-link-color) !important;
  filter: brightness(1.35) saturate(0.92);
  text-shadow: 0 0 12px color-mix(in srgb, var(--mbts-sle-notice-link-color) 42%, transparent);
}

/* 任意深色自定义值先回退到可读浅色；支持 color-mix 时再恢复其色相。 */
body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-low-contrast-custom-color {
  color: rgba(248, 251, 255, 0.94) !important;
  filter: none;
}

body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-low-contrast-custom-color:hover,
body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-low-contrast-custom-color:focus-visible {
  color: rgba(248, 251, 255, 0.99) !important;
  filter: none;
}

@supports (color: color-mix(in srgb, #000 50%, #fff)) {
  body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-low-contrast-custom-color {
    color: color-mix(in srgb, var(--mbts-sle-notice-link-color) 42%, #fff) !important;
  }

  body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-low-contrast-custom-color:hover,
  body.mbts-sle-template-active.mbts-sle-background-enabled .mbts-sle-hero > .mbts-sle-hero-topline .mbts-sle-site-notice a.has-low-contrast-custom-color:focus-visible {
    color: color-mix(in srgb, var(--mbts-sle-notice-link-color) 28%, #fff) !important;
  }
}


@media (prefers-reduced-motion: reduce) {
  .mbts-sle-site-notice.is-marquee.is-loop-ready .mbts-sle-site-notice-items {
    animation: none;
  }

  .mbts-sle-site-notice-label::before,
  .mbts-sle-site-notice-wave,
  .mbts-sle-site-notice-label .icon {
    animation: none;
  }
}
/*
 * Modown 原生样式会默认隐藏 .erphpdown-box，并等待主题在文内位置切换显示。
 * 独立模块已由 SLE 明确接管到 Hero，不能沿用该文内隐藏语义，否则外层下载区
 * 会保留空高度。这个选择器只覆盖 SLE 自有 Hero 插槽，不影响主题原版文内下载框。
 */
.mbts-sle-hero #mbts-sle-download-box > .erphpdown-box-modern.mbts-dbox-independent-render {
  display: block !important;
  margin: 0 !important;
}