/* 1. 拉宽 Zen Magazine 主题的主体区域 */
.site,
#page,
.container,
.wrap,
.site-content,
.content-area {
    max-width: 1400px;   /* 想更宽可以试 1500px / 1600px */
    margin: 0 auto;
}

/* 2. 调整顶部导航和页脚的宽度，跟主体保持一致 */
.site-header .container,
.site-footer .container {
    max-width: 1400px;
    margin: 0 auto;
}

/* 3. 如果文章区域还是显得太窄，可以单独再放宽内容区 */
@media (min-width: 1200px) {
    .content-area {
        width: 75%;      /* 原来可能是 65% 左右，看情况可改 70~80% */
    }
    .widget-area {
        width: 25%;
    }
}

/* 4. 可选：把两边的背景变成白色，看起来不会是两条大灰边 */
body {
    background-color: #ffffff;
}


/* 隐藏站点标题“大白课堂” */
.site-title,
.site-branding,
.site-logo-text,
.header-title,
.custom-logo-link + .site-title {
    display: none !important;
}

/* 隐藏分类页顶部的分类标题 */
body.category .page-title,
body.category .archive-title,
body.category h1.page-title,
body.category h1.entry-title {
    display: none !important;
}

/* 已经加过的分类描述隐藏（留着也没问题） */
body.category .archive-description,
body.category .category-description,
body.archive .archive-description {
    display: none !important;
}

/* 手机端：文章列表改成横向卡片布局 + 图片在右边 */
@media (max-width: 768px) {

  /* 博客/分类列表里的每篇文章 = 一条卡片 */
  .blog article,
  .archive article {
    display: flex;
    flex-direction: row-reverse;      /* 让图片在右边，文字在左边 */
    align-items: center;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 14px;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    box-sizing: border-box;
  }

  /* 文本区域（标题等）占左侧大部分宽度 */
  .blog article .entry-header,
  .blog article .entry-content,
  .archive article .entry-header,
  .archive article .entry-content {
    flex: 1 1 auto;
    margin-right: 10px;
  }

  /* 标题风格：两三行就够，超过省略 */
  .blog article .entry-title,
  .archive article .entry-title {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 4px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* 最多两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* 时间/作者等小字（如果有）稍微淡一点 */
  .blog article .entry-meta,
  .archive article .entry-meta {
    font-size: 12px;
    color: #999999;
  }

  /* 右侧封面图区域 */
  .blog article .post-thumbnail,
  .archive article .post-thumbnail {
    flex: 0 0 32%;
    margin-left: 0;
    margin-right: 0;
  }

  /* 封面图统一比例，填满卡片右侧 */
  .blog article .post-thumbnail img,
  .archive article .post-thumbnail img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
  }

  /* 摘要在手机端可以先隐藏，保持简洁 */
  .blog article .entry-summary,
  .archive article .entry-summary {
    display: none;
  }
}