/* 当 banner 禁用时的样式调整 */

/* 隐藏右侧 todayCard 推荐卡片 */
#todayCard,
.todayCard {
  display: none !important;
}

/* 让 recent-post-item 显示 */
.topGroup .recent-post-item {
  display: flex !important;
}

/* 加密文章标识样式 - 浅色配色 */
.encryptedPost {
  background: rgba(102, 126, 234, 0.15);
  color: #667eea;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(102, 126, 234, 0.3);
}

/* 移动端布局优化 */
@media screen and (max-width: 1200px) {

  /* 让分类按钮横向排列并滚动 */
  .categoryGroup {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    height: auto !important;
    width: 100% !important;
  }

  /* 调整分类按钮大小 */
  .categoryGroup .categoryItem {
    min-width: 120px !important;
    height: 50px !important;
    flex-shrink: 0 !important;
    margin-right: 8px !important;
  }

  /* 让整个顶部区域垂直排列 */
  .swiper_container_card {
    flex-direction: column !important;
  }

  /* 隐藏移动端的 topGroup 推荐文章（因为下方已有文章列表） */
  .topGroup {
    display: none !important;
  }
}