/* 方式 1: 块级元素 + 自动边距 */
.image-center {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* 方式 2: 使用 Flexbox 父容器 */
/* 需要包裹图片的 HTML */
.center-container {
  display: flex;
  justify-content: center;
}

/* 文本将会居中显示 */
.text-center {
    text-align: center;
}

/* 文本将会右边对齐 */
.text-right {
    text-align: right;
}

.auto-size {
    width: 100%;
    height: auto;
}

#ifilter-list {
    font-size: small;
}

.custom-div {
    height: 44px; /* 设置高度（像素） */
    overflow: hidden;
    markdown="1";
}

.flex-container {
  display: flex;          /* 启用 Flexbox */
  gap: 20px;             /* 设置两个 div 之间的间距 */
  margin: 20px 0;
}

.left-div, .right-div {
  flex: 1;               /* 等分剩余空间 */
  padding: 0px;
  border: 0px solid #ddd;
  border-radius: 5px;
}

/* 响应式设计：小屏幕时堆叠 */
@media (max-width: 768px) {
  .flex-container {
    flex-direction: column;
  }
}