/* xtap-article.css — 文章页布局壳（与 xtap-home.css + xtap-read.css 配套使用）
   职责：只负责 post 容器、文章头、封面、返回按钮的页面级布局。
   正文排版（字号/行高/缩进/中英混排等）由 xtap-read.css 负责。 */

/* 文章页不加载主站动效脚本，隐藏自定义光标避免残留 */
[data-cursor]{display:none}

.post{max-width:760px;margin:0 auto;padding:clamp(96px,14vh,150px) var(--pad) clamp(60px,10vh,120px)}
.post-head{margin-bottom:clamp(36px,6vh,64px)}
.post-kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.post-title{font-family:var(--display);font-weight:300;line-height:1.08;font-size:clamp(34px,6vw,68px);letter-spacing:.01em}
.post-meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--muted);font-size:13px;letter-spacing:.06em}
.post-meta time{font-variant-numeric:tabular-nums}
.post-meta .tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);border-radius:30px;padding:4px 12px;color:var(--accent)}
.post-cover{margin-top:clamp(28px,5vh,52px);border-radius:3px;overflow:hidden;background:var(--bg-2)}
.post-cover img{width:100%;height:auto;display:block;filter:brightness(.92) saturate(.96)}

.post-foot{margin-top:clamp(48px,8vh,90px);padding-top:28px;border-top:1px solid var(--line-soft)}
.post-foot .back{color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:40px;padding:11px 20px;display:inline-block;transition:border-color .3s,color .3s}
.post-foot .back:hover{border-color:var(--accent);color:var(--accent)}

@media(max-width:760px){
  .post{padding-top:max(100px,12vh)}
  .post-title{font-size:clamp(30px,8vw,48px);line-height:1.12}
}