/* ══════════════════════════════════════════════════════════
   qiuyiwu.com 设计系统 · essays/*.html 真长文专属层
   依赖 tokens.css + base.css + components.css + atom.css + recap.css。

   这批页面顶栏/页脚沿用 essays/ 已经在用的 ds 外壳（ds-nav / ds-foot），
   正文走 recap.css 的阅读模板（.r-shell/.hero/.part），两套系统只有
   变量名同源（都是 --v-*），不冲突——本文件只补两处 recap.css 没管到、
   而 essays/ 特有的部件：出处卡片的「详情页制作中」淡化态，和篇尾翻页条。
   12 篇 essays 共用同一份，不再各自内联一份容易漂移的拷贝。
   ══════════════════════════════════════════════════════════ */

/* 出处与延伸：用 recap.css 已经做好的 .read-next/.nx-card（本来就是
   text-decoration:none），而不是 atom.css 的 .ref-list——纯文字链接
   包在 <article> 里会被 recap.css 的 `article a{text-decoration:underline}`
   一并加下划线，在 pill 徽章上拦腰划出一条线。「详情页制作中」两条
   做成不可点的淡化卡片，呼应 .ref-item.plain 的既有惯例。 */
.nx-card.plain{ cursor:default; border-style:dashed; }
.nx-card.plain:hover{ border-color:var(--r-line); transform:none; }
.nx-card.plain .nx-t{ color:var(--r-muted); }

/* 篇尾翻页：「标签 + 标题」两行结构，跟上面 .nx-card 的 label/title
   视觉语言呼应；显式 text-decoration:none 是同一个原因——.e-pager
   也包在 <article> 里，不置空会被通用下划线规则打中。 */
.e-pager{ display:flex; justify-content:space-between; align-items:flex-end; gap:var(--sp-6);
  margin-top:clamp(48px,7vw,72px); padding-top:28px; border-top:1px solid var(--r-line); }
.e-pager a{ text-decoration:none; }
.e-pager .lbl{ display:block; font-family:var(--r-sans); font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--r-muted); margin-bottom:6px; }
.e-pager .prev{ max-width:70%; }
.e-pager .prev .ttl{ font-family:var(--r-serif); font-size:16px; font-weight:600; color:var(--r-ink); transition:color .15s; }
.e-pager .prev:hover .ttl{ color:var(--r-accent); }
.e-pager .all{ font-size:13.5px; color:var(--r-muted); white-space:nowrap; transition:color .15s; }
.e-pager .all:hover{ color:var(--r-accent); }
@media (max-width:600px){ .e-pager{ flex-direction:column; align-items:flex-start; gap:16px; } .e-pager .prev{ max-width:100%; } }