/** Shopify CDN: Minification failed

Line 214:1 Expected "}" to go with "{"

**/
.article-content {
  --element-margin-bottom: 2em;
  --heading-margin-bottom: 1.5em
}

div.article-content {
  width: 60%;
  max-width: 1100px;
  min-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* ===== Tablet ===== */
@media (max-width: 1023px) {
  div.article-content {
    width: 100%;
    max-width: 700px;
    min-width: auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* ===== Mobile ===== */
@media (max-width: 767px) {
  div.article-content {
    width: 100%;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

/* === 强制取消 p 和 img 的 margin（上下） === */

.article-content img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.article-content p {
  margin-top: 0.8rem !important;
  margin-bottom: 0 !important;

}

.article-content p:empty,
.article-content p:blank {
  display: block;
  height: 1rem; /* 可根据你想要的空行高度调整 */
  margin: 0 !important; 
}

/* === 链接不同状态的颜色 === */
/* 默认颜色 */
.article-content a {
  color: #2E3192;
  text-decoration: underline;
}

/* hover */
.article-content a:hover {
  color:rgb(0, 102, 255);
}

/* visited */
.article-content a:visited {
  color: #7b3fc5;
}

/* active（按下时） */
.article-content a:active {
  color: #d14a00;
}

.article-content blockquote,
.article-content img,
.article-content ol,
.article-content p,
.article-content ul {
  margin-bottom: var(--element-margin-bottom, 2em)
}

.article-content h1 {
  margin-top: 2rem !important;
}

.article-content h2 {
  margin-top: 1.5rem !important;
}

.article-content h3 {
  margin-top: 1rem !important;
}

.article-content h4 {
  margin-top: 0.75rem !important;
}

.article-content h5,
.article-content h6 {
  margin-top: 0.5rem !important;
}

.article-content img {
  padding-top: calc(2 * var(--space-unit));
  padding-bottom: calc(2 * var(--space-unit))
}

.article-content blockquote {
  padding-top: calc(4 * var(--space-unit));
  font-size: 2rem;
  font-style: italic;
  line-height: 2.4rem
}

.article-content blockquote p:last-child {
  margin-bottom: 0
}

.article-content iframe {
  max-width: 100%
}
.article-content img {
  max-height: 80%;
}

/* 覆盖富文本编辑器的固定尺寸 */
.article-content img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
}

/* 针对包含多张图片的div容器 */
.article-content div:has(img + img) {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1 * var(--space-unit));
  align-items: flex-start;
}

.article-content div:has(img + img) img {
  flex: 1;
  min-width: 0;
}

.article-content span,
strong,
text,
p {
  font-size: calc(var(--body-font-size) * .13rem)
}



.article__image--wider .media {
  width: calc(100% + var(--gutter) * 2);
  max-width: calc(100% + var(--gutter) * 2);
  margin-inline-start: calc(var(--gutter) * -1)
}

@media (max-width:1023.98px) {

  .article-content,
  .article-width {
    max-width: 37em
  }
}

@media (min-width:768px) {
  .article-content img {
    padding-top: calc(4 * var(--space-unit))
  }
}

@media (min-width:1024px) {
  .article-content blockquote {
    font-size: 2.8rem;
    line-height: 3.6rem
  }
}

/* Title bottom margin - 使用 !important 确保生效 */
.article-content h2.article__title {
  margin-top: 0 !important;
  margin-bottom: calc(6 * var(--space-unit)) !important;
}

/* HR spacing - */
.article-content .article-sep {
  border: 0;
  border-top: 2px solid rgba(0, 0, 0, .85);
  margin-top: calc(1 * var(--space-unit)) !important;
  margin-bottom: calc(6 * var(--space-unit)) !important;
}

/* Meta info styling */
.article-content .article-meta {
  font-size: calc(var(--body-font-size) * .12rem);
  font-style: italic !important;
  color: var(--theme-text, #111);
  opacity: .85;
  margin-top: 0 !important;
  margin-bottom: calc(6 * var(--space-unit)) !important;
  font-size: .95em;
}