/**
 * 分类列表页
 * 顶部：分类名称、简介、文章数量、分类缩略图
 * 下方：文章列表（缩略图 + 标题 + 元信息）
 */

 .page-category-list .content-two-col-left {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  
  /* ========== 分类顶部区块 ========== */
  .category-header {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    align-items: flex-start;
    background: var(--main-bg-color, #fff);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
  }
  
  .category-header-thumb {
    flex-shrink: 0;
    width: 200px;
    height: 140px;
    background: var(--category-thumb-bg, #f0f2f5);
  }
  
  .category-header-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  .category-header-body {
    flex: 1;
    min-width: 0;
    padding: 1.25rem 1.5rem 1.25rem 0;
  }
  
  .category-header-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--category-title-color, #1a1a1a);
    margin: 0 0 0.5rem;
    line-height: 1.3;
  }
  
  .category-header-desc {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--text-secondary, #6c757d);
    margin: 0 0 0.75rem;
  }
  
  .category-header-meta {
    font-size: 0.875rem;
    color: var(--text-secondary, #6c757d);
  }
  
  .category-header-count {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
  }
  
  .category-header-count i {
    opacity: 0.9;
  }
  
  /* ========== 文章列表（使用与首页一致的 article-card 网格，样式见 style.css） ========== */
  .category-article-list {
    margin-top: 0;
  }
  
  .category-list-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--category-title-color, #1a1a1a);
    margin: 0 0 0.75rem;
    padding: 0;
  }
  
  /* 分类列表文章区：与首页同一套 4→3→2 栅格，仅收紧与标题间距 */
  .category-article-list .article-cards-section {
    margin-top: 0;
  }
  
  /* ========== 深色模式 ========== */
  html[data-theme="dark"] .category-header {
    background: var(--main-bg-color);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  }
  
  html[data-theme="dark"] .category-header-thumb {
    background: var(--body-bg-color);
  }
  
  html[data-theme="dark"] .category-header-title {
    color: var(--main-color);
  }
  
  html[data-theme="dark"] .category-header-desc,
  html[data-theme="dark"] .category-header-meta {
    color: var(--muted-color);
  }
  
  html[data-theme="dark"] .category-list-title {
    color: var(--main-color);
  }
  
  /* ========== 移动端 ========== */
  @media (max-width: 991px) {
    .page-category-list .content-two-col-left {
      gap: 1.25rem;
    }
  
    .category-header {
      flex-direction: column;
      gap: 0;
    }
  
    .category-header-thumb {
      width: 100%;
      height: 160px;
    }
  
    .category-header-body {
      padding: 1.25rem 1.5rem;
    }
  
    .category-header-title {
      font-size: 1.25rem;
    }
  
    .category-list-title {
      margin-bottom: 0.6rem;
    }
  }