/* ============================================================
   诗物集 SHIWUJI — 文章详情页样式（article.css）
   从原 article.html 的内联 <style> 抽出，供 **SSG 生成的静态文章页**
   与 **CSR 兜底壳 article.html** 共用，避免两份样式各自漂移。
   仅追加，不改动既有选择器与取值。
   ============================================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#f5f9f2;--bg2:#ebf3e6;--card:#fff;
  --text:#16291a;--text2:#4a6b50;--text3:#7a9a80;
  --primary:#2da068;--light:#5ccc8e;--dark:#1a7a48;
  --glow:rgba(45,160,104,0.12);--glow-strong:rgba(45,160,104,0.25);
  --border:rgba(45,160,104,0.15);--shadow:rgba(26,122,72,0.10);
  --grad:linear-gradient(135deg,#1a7a48 0%,#2da068 30%,#5ccc8e 70%,#8ee8b4 100%);
  --ff:'DM Sans','Noto Sans SC',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--ff);background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.8}
a{text-decoration:none;color:inherit}
.container{max-width:860px;margin:0 auto;padding:0 40px}
.article-wrap{position:relative;z-index:2;padding:150px 0 90px}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary);margin-bottom:28px;transition:gap .3s}
.back-link:hover{gap:12px}
.article-head h1{font-size:40px;font-weight:800;line-height:1.3;margin-bottom:18px}
.article-metas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.meta-tag{padding:4px 14px;border-radius:16px;background:var(--glow);color:var(--primary);font-size:12px;font-weight:600}
.meta-item{font-size:13px;color:var(--text3)}
.article-cover{width:100%;border-radius:20px;margin-bottom:32px;box-shadow:0 8px 30px var(--shadow)}
.article-summary{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:14px;padding:20px 24px;font-size:15px;color:var(--text2);margin-bottom:36px}

.article-empty{text-align:center;padding:80px 0;color:var(--text3)}
.article-empty h2{font-size:24px;margin-bottom:12px;color:var(--text2)}
@media(max-width:900px){.container{padding:0 24px}.article-wrap{padding:120px 0 60px}.article-head h1{font-size:28px}}
@media(max-width:500px){.container{padding:0 16px}.article-head h1{font-size:24px}}