/* ══ 列表类页面 C 版（10-27 站主「https://www.liezhe.com/page/2/ 这个页面也没有改到新版」）══
   首页分页、分类 / 支柱页第 2 页起、普通标签、搜索、作者、日期、404 共用一套：中等色块页头 + 文章卡列表 + 统一分页 + 外框侧栏三块。
   规矩（页面视觉.md「全站设计规范 v2」九）：颜色、字号、间距、圆角只取 lz-tokens.css；卡片跟支柱页「一种卡」同一套（白底、1px 边、12 圆角、无阴影）；栏目胶囊 13，其余字不小于 14。 */
body.lz-lc,body.lz-lc #main-content{background:var(--lz-bg-soft)}
body.lz-lc{--cs:var(--lz-c3);--cb:var(--lz-c3-bg);--csoft:var(--lz-c3-soft);--cl:var(--lz-c3-line);--cf:var(--lz-c3-fg);--ci:var(--lz-c3-ink)}
body.lz-lc.lc-c1{--cs:var(--lz-c1);--cb:var(--lz-c1-bg);--csoft:var(--lz-c1-soft);--cl:var(--lz-c1-line);--cf:var(--lz-c1-fg);--ci:var(--lz-c1-ink)}
body.lz-lc.lc-c2{--cs:var(--lz-c2);--cb:var(--lz-c2-bg);--csoft:var(--lz-c2-soft);--cl:var(--lz-c2-line);--cf:var(--lz-c2-fg);--ci:var(--lz-c2-ink)}
body.lz-lc.lc-c5{--cs:var(--lz-c5);--cb:var(--lz-c5-bg);--csoft:var(--lz-c5-soft);--cl:var(--lz-c5-line);--cf:var(--lz-c5-fg);--ci:var(--lz-c5-ink)}
.lz-lc .lc-k-c1{--kb:var(--lz-c1-bg);--kf:var(--lz-c1-fg);--ki:var(--lz-c1-ink);--kl:var(--lz-c1-line)}
.lz-lc .lc-k-c2{--kb:var(--lz-c2-bg);--kf:var(--lz-c2-fg);--ki:var(--lz-c2-ink);--kl:var(--lz-c2-line)}
.lz-lc .lc-k-c3{--kb:var(--lz-c3-bg);--kf:var(--lz-c3-fg);--ki:var(--lz-c3-ink);--kl:var(--lz-c3-line)}
.lz-lc .lc-k-c4{--kb:var(--lz-c4-bg);--kf:var(--lz-c4-fg);--ki:var(--lz-c4-ink);--kl:var(--lz-c4-line)}
.lz-lc .lc-k-c5{--kb:var(--lz-c5-bg);--kf:var(--lz-c5-fg);--ki:var(--lz-c5-ink);--kl:var(--lz-c5-line)}

.lz-lc .lc-wrap{width:90%;max-width:var(--lz-wrap);margin:0 auto;padding:var(--lz-s4) 0 var(--lz-s9)}
.lz-lc .lc-crumb{margin:0 0 var(--lz-s4)}
.lz-lc .lc-crumb .breadcrumb{padding:0;margin:0;font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}
.lz-lc .lc-sr,.lz-lc .lc-pager .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 页头：跟支柱页 B 首屏同一种中等色块（本类 3 档 → 6 档）、深字，矮一截 */
.lz-lc .lc-head{display:flex;align-items:center;justify-content:space-between;gap:var(--lz-s6);padding:var(--lz-s7) var(--lz-s8);border:1px solid var(--cl);border-radius:var(--lz-r-lg);background:linear-gradient(120deg,var(--cb) 0%,var(--cl) 100%);color:var(--lz-text)}
.lz-lc .lc-head-l{min-width:0;max-width:760px}
.lz-lc .lc-k{display:inline-block;margin:0 0 var(--lz-s3);padding:2px var(--lz-s2);border-radius:var(--lz-r-sm);background:var(--cf);color:var(--lz-on-brand);font-size:13px;line-height:20px;font-weight:var(--lz-fw-bold)}
.lz-lc .lc-head h1{margin:0;font-size:var(--lz-fs-4xl);line-height:var(--lz-lh-4xl);font-weight:800;letter-spacing:-.5px;color:var(--lz-ink);word-break:break-word}
.lz-lc .lc-meta{margin:var(--lz-s3) 0 0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--ci)}
.lz-lc .lc-meta a{color:var(--ci);border-bottom:1px solid currentColor}
.lz-lc .lc-desc{margin:var(--lz-s3) 0 0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-lg);color:var(--lz-text)}
.lz-lc .lc-head-r{flex:none}
.lz-lc .lc-back{display:inline-flex;align-items:center;height:44px;padding:0 var(--lz-s5);border:1px solid var(--cl);border-radius:var(--lz-r-md);background:var(--lz-bg);color:var(--ci);font-size:var(--lz-fs-md);font-weight:var(--lz-fw-bold)}
.lz-lc .lc-back:hover{border-color:var(--cs);color:var(--ci)}
.lz-lc .lc-av img{display:block;width:64px;height:64px;border-radius:50%;border:2px solid var(--lz-bg)}
/* 搜索框 */
.lz-lc .lc-sf{display:flex;width:420px;max-width:100%}
.lz-lc .lc-sf input{flex:1;min-width:0;height:48px;margin:0;padding:0 var(--lz-s4);border:1px solid var(--lz-line-2);border-right:0;border-radius:var(--lz-r-md) 0 0 var(--lz-r-md);background:var(--lz-bg);font-size:var(--lz-fs-md);color:var(--lz-ink);box-shadow:none}
.lz-lc .lc-sf input:focus{outline:2px solid var(--lz-brand);outline-offset:-1px}
.lz-lc .lc-sf button{flex:none;height:48px;margin:0;padding:0 var(--lz-s5);border:0;border-radius:0 var(--lz-r-md) var(--lz-r-md) 0;background:var(--lz-brand);color:var(--lz-on-brand);font-size:var(--lz-fs-md);font-weight:var(--lz-fw-bold);cursor:pointer}
.lz-lc .lc-sf button:hover{background:var(--lz-brand-strong)}

/* 主栏 + 侧栏 */
.lz-lc .lc-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--lz-s6);align-items:start;margin-top:var(--lz-s6)}
.lz-lc .lc-side>*+*{margin-top:var(--lz-s5)}

/* 文章卡：缩略图 + 栏目胶囊（本类色）+ 标题 + 一句摘要 + 日期 / 阅读数 */
.lz-lc .lc-list{display:flex;flex-direction:column;gap:var(--lz-s4)}
.lz-lc .lc-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--lz-s5);padding:var(--lz-s5);border:1px solid var(--lz-line);border-radius:var(--lz-r-lg);background:var(--lz-bg)}
.lz-lc .lc-card:hover{border-color:var(--lz-line-2)}
.lz-lc .lc-th{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--lz-r-md);background:var(--kb)}
.lz-lc .lc-th img{display:block;width:100%;height:100%;object-fit:cover}
.lz-lc .lc-ph{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--lz-fs-2xl);line-height:var(--lz-lh-2xl);font-weight:var(--lz-fw-bold);color:var(--kf)}
.lz-lc .lc-bd{display:flex;flex-direction:column;align-items:flex-start;gap:var(--lz-s2);min-width:0}
.lz-lc .lc-cat{padding:2px var(--lz-s2);border-radius:var(--lz-r-sm);background:var(--kb);color:var(--ki);font-size:13px;line-height:20px;font-weight:600}
.lz-lc .lc-cat:hover{color:var(--ki);box-shadow:inset 0 0 0 1px var(--kl)}
.lz-lc .lc-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:var(--lz-fs-xl);line-height:var(--lz-lh-xl);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
.lz-lc .lc-t a{color:inherit}
.lz-lc .lc-t a:hover{color:var(--lz-brand)}
.lz-lc .lc-ex{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
.lz-lc .lc-mt{display:flex;flex-wrap:wrap;gap:var(--lz-s3);margin:auto 0 0;font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-muted)}

/* 分页：一个格子 44 高，当前页品牌蓝 */
.lz-lc .lc-pager{margin-top:var(--lz-s6)}
.lz-lc .lc-pager .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lz-s2)}
.lz-lc .lc-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--lz-s3);border:1px solid var(--lz-line);border-radius:var(--lz-r-md);background:var(--lz-bg);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
.lz-lc .lc-pager a.page-numbers:hover{border-color:var(--lz-brand);color:var(--lz-brand)}
.lz-lc .lc-pager .page-numbers.current{border-color:var(--lz-brand);background:var(--lz-brand);color:var(--lz-on-brand);font-weight:var(--lz-fw-bold)}
.lz-lc .lc-pager .page-numbers.dots{min-width:auto;padding:0 var(--lz-s1);border:0;background:none}

/* 404 / 没结果：白底分区 + 按你要办的事找（顶部大菜单 5 组） */
.lz-lc .lc-sec{padding:var(--lz-s6);border:1px solid var(--lz-line);border-radius:var(--lz-r-lg);background:var(--lz-bg)}
.lz-lc .lc-sec+.lc-sec{margin-top:var(--lz-s5)}
.lz-lc .lc-h2{margin:0 0 var(--lz-s5);font-size:var(--lz-fs-2xl);line-height:var(--lz-lh-2xl);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
.lz-lc .lc-sec .lc-list{gap:0}
.lz-lc .lc-sec .lc-card{padding:var(--lz-s4) 0;border:0;border-top:1px solid var(--lz-line);border-radius:0}
.lz-lc .lc-empty>p{margin:0 0 var(--lz-s5);font-size:var(--lz-fs-md);line-height:var(--lz-lh-lg);color:var(--lz-text)}
.lz-lc .lc-ent{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--lz-s5)}
.lz-lc .lc-eg{padding-left:var(--lz-s3);border-left:3px solid var(--kf)}
.lz-lc .lc-eg-h{margin:0 0 var(--lz-s2);font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold)}
.lz-lc .lc-eg-h a{color:var(--ki)}
.lz-lc .lc-eg ul{margin:0;padding:0;list-style:none}
.lz-lc .lc-eg li a{display:block;padding:var(--lz-s1) 0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
.lz-lc .lc-eg li a:hover{color:var(--lz-brand)}

@media (max-width:1023px){
  .lz-lc .lc-wrap{width:auto;margin:0 var(--lz-s4)}
  .lz-lc .lc-head{flex-direction:column;align-items:flex-start;gap:var(--lz-s5);padding:var(--lz-s6) var(--lz-s5)}
  .lz-lc .lc-head-au{flex-direction:column-reverse}
  .lz-lc .lc-head h1{font-size:var(--lz-fs-3xl);line-height:var(--lz-lh-3xl)}
  .lz-lc .lc-head-r,.lz-lc .lc-sf{width:100%}
  .lz-lc .lc-grid{grid-template-columns:1fr;gap:var(--lz-s6)}
}
@media (max-width:640px){
  /* 手机：缩略图 + 栏目 / 标题一行，摘要和日期通栏在下面（摘要不挤在 200px 窄栏里） */
  .lz-lc .lc-card{grid-template-columns:96px minmax(0,1fr);column-gap:var(--lz-s3);row-gap:var(--lz-s2);padding:var(--lz-s4)}
  .lz-lc .lc-bd{display:contents}
  .lz-lc .lc-th{grid-column:1;grid-row:1/span 2;align-self:start}
  .lz-lc .lc-cat{grid-column:2;grid-row:1;justify-self:start;align-self:start}
  .lz-lc .lc-t{grid-column:2;grid-row:2;align-self:start;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);-webkit-line-clamp:3}
  .lz-lc .lc-ex{grid-column:1/-1;grid-row:3;font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);-webkit-line-clamp:2}
  .lz-lc .lc-mt{grid-column:1/-1;grid-row:4;margin:0}
  .lz-lc .lc-sec{padding:var(--lz-s5) var(--lz-s4)}
  .lz-lc .lc-ent{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lz-s4)}
  .lz-lc .lc-pager .page-numbers{min-width:40px;height:40px;padding:0 var(--lz-s2)}
}

/* ══ 热门标签页 /tag/：话题索引（10-27 站主选 B）══
   重点话题大卡片（只认 lz_tag_index）→ 按大类分区、区里按栏目分组的标签胶囊（带篇数）→ 页底 A–Z 小导航。胶囊 = 栏目胶囊同一种（13px），篇数灰字。 */
.lz-lc .ti-find input{width:320px;max-width:100%;height:48px;margin:0;padding:0 var(--lz-s4);border:1px solid var(--lz-line-2);border-radius:var(--lz-r-md);background:var(--lz-bg);font-size:var(--lz-fs-md);color:var(--lz-ink);box-shadow:none}
.lz-lc .ti-find input:focus{outline:2px solid var(--lz-brand);outline-offset:-1px}
.lz-lc .ti-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lz-s5)}
.lz-lc .ti-feat:has(>:only-child){grid-template-columns:1fr}
.lz-lc .ti-fc{display:flex;flex-direction:column;gap:var(--lz-s2);padding:var(--lz-s5);border:1px solid var(--lz-c3-line);border-radius:var(--lz-r-lg);background:linear-gradient(120deg,var(--lz-c3-bg) 0%,var(--lz-bg) 80%);color:var(--lz-ink)}
.lz-lc .ti-fc:hover{border-color:var(--lz-brand)}
.lz-lc .ti-fc-k{align-self:flex-start;padding:2px var(--lz-s2);border-radius:var(--lz-r-sm);background:var(--lz-c3-fg);color:var(--lz-on-brand);font-size:13px;line-height:20px;font-weight:var(--lz-fw-bold)}
.lz-lc .ti-fc b{font-size:var(--lz-fs-xl);line-height:var(--lz-lh-xl);font-weight:var(--lz-fw-bold)}
.lz-lc .ti-fc p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);color:var(--lz-text)}
.lz-lc .ti-fc-n{margin-top:auto;padding-top:var(--lz-s2);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);font-weight:var(--lz-fw-bold);color:var(--lz-brand)}
.lz-lc .ti-cls>.lc-h2{display:flex;align-items:center;gap:var(--lz-s2)}
.lz-lc .ti-cls>.lc-h2::before{content:"";width:4px;height:24px;border-radius:2px;background:var(--kf)}
.lz-lc .ti-grp+.ti-grp{margin-top:var(--lz-s5);padding-top:var(--lz-s5);border-top:1px solid var(--lz-line)}
.lz-lc .ti-gh{display:flex;align-items:baseline;gap:var(--lz-s3);margin:0 0 var(--lz-s3);font-size:var(--lz-fs-lg);line-height:var(--lz-lh-lg);font-weight:var(--lz-fw-bold);color:var(--lz-ink)}
.lz-lc .ti-gh a{color:var(--ki)}
.lz-lc .ti-gh a:hover{color:var(--lz-brand)}
.lz-lc .ti-gh span{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);font-weight:400;color:var(--lz-muted)}
.lz-lc .ti-tags{display:flex;flex-wrap:wrap;gap:var(--lz-s2)}
.lz-lc .ti-tag{display:inline-flex;align-items:center;gap:var(--lz-s2);height:36px;padding:0 var(--lz-s3);border:1px solid var(--lz-line);border-radius:var(--lz-r-md);background:var(--lz-bg);font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-ink)}
.lz-lc .ti-tag:hover{border-color:var(--kf);color:var(--ki)}
.lz-lc .ti-tag i{font-style:normal;font-size:13px;line-height:20px;color:var(--lz-muted)}
.lz-lc .ti-none{margin:var(--lz-s5) 0 0;font-size:var(--lz-fs-md);line-height:var(--lz-lh-lg);color:var(--lz-text)}
.lz-lc .ti-sec[hidden],.lz-lc .ti-grp[hidden],.lz-lc .ti-tag[hidden]{display:none}
/* A–Z：页底小导航，字小一档、不抢上面 */
.lz-lc .ti-az{padding:var(--lz-s5) var(--lz-s6)}
.lz-lc .ti-az-h{margin:0 0 var(--lz-s3);font-size:var(--lz-fs-md);line-height:var(--lz-lh-md);font-weight:var(--lz-fw-bold);color:var(--lz-text)}
.lz-lc .ti-az-j{display:flex;flex-wrap:wrap;gap:var(--lz-s1);margin:0 0 var(--lz-s4)}
.lz-lc .ti-az-j a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:var(--lz-r-sm);background:var(--lz-bg-soft);font-size:var(--lz-fs-sm);color:var(--lz-text)}
.lz-lc .ti-az-j a:hover{background:var(--lz-c3-bg);color:var(--lz-c3-ink)}
.lz-lc .ti-az-l{margin:0}
.lz-lc .ti-az-l>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--lz-s2);padding:var(--lz-s2) 0;border-top:1px solid var(--lz-line);scroll-margin-top:var(--lz-s8)}
.lz-lc .ti-az-l dt{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);font-weight:var(--lz-fw-bold);color:var(--lz-muted)}
.lz-lc .ti-az-l dd{display:flex;flex-wrap:wrap;gap:var(--lz-s1) var(--lz-s4);margin:0}
.lz-lc .ti-az-l dd a{font-size:var(--lz-fs-sm);line-height:var(--lz-lh-sm);color:var(--lz-text)}
.lz-lc .ti-az-l dd a:hover{color:var(--lz-brand)}
@media (max-width:1023px){.lz-lc .ti-find,.lz-lc .ti-find input{width:100%}}
@media (max-width:640px){
  .lz-lc .ti-feat{grid-template-columns:1fr}
  .lz-lc .ti-az{padding:var(--lz-s5) var(--lz-s4)}
}