/* ===== 列表标题区（对应 reference：背景 #f7f7f7，widget 上下 padding 20px，居中 H2 40px/600/#0c0c0c）===== */
  .list-head { background: #f7f7f7; }
  .list-head .container { padding: 20px 20px; text-align: center; }
  .list-title {
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 40px; font-weight: 600; line-height: 1.4em; color: #0c0c0c; margin: 0; padding: 0;
  }

  /* ===== 列表区（对应 reference：section margin 80px；卡片行间距 35px、列间距 30px）===== */
  .news-list { margin: 80px 0; }
  .post-list { display: grid; grid-template-columns: 1fr; row-gap: 35px; column-gap: 30px; }

  /* 卡片：thumbnail-left（缩略图占 25%，右间距 20px） */
  .post-item { display: flex; flex-direction: row; }
  .post-thumb-link { flex: 0 0 25%; width: 25%; margin-right: 20px; display: block; position: relative; }
  .post-thumb { position: relative; overflow: hidden; padding-bottom: 66%; background: #f2f2f2; }
  .post-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .post-text { display: flex; flex-direction: column; flex: 1; min-width: 0; }

  /* 卡片文字：标题 18px / 日期 12px #adadad / 摘要 14px #777 / 查看更多 12px 700 */
  .post-title { font-size: 18px; font-weight: 700; line-height: 1.4; margin: 0; }
  .post-title a { color: #0c0c0c; transition: color .2s; }
  .post-title a:hover { color: #1e50a0; }
  .post-meta { color: #adadad; font-size: 12px; line-height: 1.3em; margin-bottom: 13px; }
  .post-excerpt { margin-bottom: 10px; }
  .post-excerpt p {
    color: #777; font-size: 14px; line-height: 1.5em; margin: 0;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  .post-more { align-self: flex-start; font-size: 12px; font-weight: 700; color: #999; transition: color .2s; }
  .post-more:hover { color: #1e50a0; }

  /* ===== 分页（对应 reference：上一页 / 数字 / 下一页）===== */
  .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 45px; }
  .pagination .page-num {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 36px; height: 36px; padding: 0 12px;
    border: 1px solid #e3e8f1; background: #fff; color: #666; font-size: 14px;
    transition: color .2s, border-color .2s, background .2s;
  }
  .pagination a.page-num:hover { color: #1e50a0; border-color: #1e50a0; }
  .pagination .page-num-current { background: #1e50a0; border-color: #1e50a0; color: #fff; }
  .pagination .page-num.prev, .pagination .page-num.next { padding: 0 16px; }
  .pagination span.page-num.prev, .pagination span.page-num.next { color: #c9cfda; cursor: default; }

  @media (max-width: 1024px) {
    .post-list { grid-template-columns: 1fr 1fr; }
    .list-title { font-size: 30px; }
    .news-list { margin: 40px 0 60px; }
  }
  @media (max-width: 768px) {
    .post-list { grid-template-columns: 1fr; row-gap: 24px; }
    .post-thumb-link { flex: 0 0 32%; width: 32%; margin-right: 14px; }
    .post-title { font-size: 16px; }
    .post-excerpt p { -webkit-line-clamp: 3; }
    .pagination { gap: 6px; margin-top: 30px; }
    .pagination .page-numbers { min-width: 32px; height: 32px; padding: 0 10px; font-size: 13px; }
  }