/* Karhow v18 — 文章页（暗色杂志，与 style.css 同变量） */
.article-head{padding:2rem 0 2.5rem;max-width:48rem}
.article-head .back-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;
  color:var(--fg-muted);border:1px solid var(--line-strong);border-radius:2rem;
  padding:.35rem 1rem;margin-bottom:1.4rem;transition:color .2s,border-color .2s;letter-spacing:.02em}
.article-head .back-btn:hover{color:var(--fg);border-color:var(--fg)}
.article-head h1{font-size:clamp(2rem,4.5vw,3.2rem);margin-bottom:1.25rem}
.article-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.82rem;color:var(--fg-muted);margin-bottom:1rem}

/* 今日大卡 */
.essay-card{position:relative;background:var(--bg-elevated);border:1px solid var(--line);
  border-radius:20px;box-shadow:var(--shadow);padding:clamp(20px,3.6vw,42px);margin:0 0 24px;overflow:hidden}
.article-hero{width:100%;max-height:calc(100vh - 16rem);overflow:hidden;border-radius:14px;
  margin-bottom:2rem;background:var(--bg-soft);display:flex;align-items:center;justify-content:center}
.article-hero img{max-width:100%;max-height:calc(100vh - 16rem);width:auto;height:auto;object-fit:contain;display:block}
.essay-date{margin:0 0 12px;color:var(--fg-muted);font-size:.78rem;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.essay-title{font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;
  font-size:clamp(1.4rem,3.4vw,1.8rem);line-height:1.5;font-weight:700;margin:0 0 20px}
.essay-title::after{content:"";display:block;width:44px;height:3px;border-radius:2px;background:var(--fg);margin-top:14px}
.essay-body{font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;
  font-size:1.02rem;line-height:2.02;color:var(--accent);letter-spacing:.012em}
.essay-body p{margin:0 0 1.1em;text-indent:2em}
.essay-body p:last-child{margin-bottom:0}
.essay-meta{margin:22px 0 0;padding-top:14px;border-top:1px dashed var(--line-strong);
  color:var(--fg-muted);font-size:.75rem;letter-spacing:.02em}
.essay-loading{margin:0;padding:26px 0;text-align:center;color:var(--fg-muted);font-size:.9rem}
.essay-loading::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;
  border-radius:50%;background:var(--fg);animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}

/* 往期：封面卡片流（与首页 post-card 同语言） */
.past{margin:40px 0 20px}
.past .section-head{margin-bottom:2rem}
.past-count{color:var(--fg-muted);font-weight:500;font-size:.8rem}
.past-list{list-style:none;margin:1.5rem 0 0;padding:0;background:var(--bg-elevated);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.past-list[hidden]{display:none}
.past-item{border-bottom:1px solid var(--line)}
.past-item:last-child{border-bottom:0}
.past-btn{display:flex;align-items:baseline;gap:12px;width:100%;padding:15px 18px;
  background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;
  color:inherit;transition:background .15s}
.past-btn:hover{background:#ffffff0f}
.past-date{flex:0 0 auto;color:var(--fg-muted);font-size:.78rem;font-variant-numeric:tabular-nums;padding-top:1px}
.past-title{flex:1 1 auto;font-size:.95rem;font-weight:600}
.past-n{flex:0 0 auto;color:var(--fg-muted);font-size:.75rem}
.past-arrow{flex:0 0 auto;color:var(--fg-muted);font-size:11px;transition:transform .2s}
.past-item.open .past-arrow{transform:rotate(180deg)}
.past-full{display:none;padding:2px 20px 22px}
.past-item.open .past-full{display:block}
.past-full .essay-body{font-size:.96rem}
.past-loading{padding:0 20px 18px;color:var(--fg-muted);font-size:.82rem}
.past-more{margin:16px 0 0;text-align:center}
.past-empty{margin:14px 0;color:var(--fg-muted);font-size:.85rem;text-align:center}
.pill{cursor:pointer}

@media (max-width:900px){
  .essay-body{font-size:1rem;line-height:1.96}
  .essay-card{padding:20px 17px}
  .past-btn{padding:13px 14px;gap:9px}
  .past-full{padding:0 14px 18px}
}