/* ========================================
   文章详情页额外样式
   ======================================== */

/* 文章阅读进度条 */
.read-progress {
  position:fixed;
  top:0;
  left:0;
  height:3px;
  background:var(--gradient-gold);
  z-index:9999;
  transition:width 0.1s;
  width:0%;
}

/* 文章分享按钮 */
.article-share {
  display:flex;
  gap:10px;
  margin-top:25px;
  padding-top:20px;
  border-top:1px solid var(--border);
  align-items:center;
}
.article-share span { font-size:13px; color:var(--text-muted); }
.share-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  font-size:16px;
  color:#fff;
  transition:var(--transition);
  cursor:pointer;
}
.share-btn:hover { transform:scale(1.15); }
.share-wechat { background:#1aad19; }
.share-weibo { background:#e6162d; }
.share-qq { background:#12b7f5; }
.share-link { background:var(--gold); color:#1a1a2e; }

/* 上一篇/下一篇导航 */
.article-nav {
  display:flex;
  justify-content:space-between;
  margin-top:25px;
  padding-top:20px;
  border-top:1px solid var(--border);
  gap:15px;
}
.article-nav a {
  flex:1;
  padding:12px 15px;
  background:var(--bg-dark);
  border:1px solid var(--border);
  border-radius:var(--radius);
  font-size:13px;
  color:var(--text-secondary);
  transition:var(--transition);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.article-nav a:hover { border-color:var(--gold); color:var(--gold); }
.article-nav .nav-prev::before { content:'← '; color:var(--gold); }
.article-nav .nav-next { text-align:right; }
.article-nav .nav-next::after { content:' →'; color:var(--gold); }

/* 目录导航 */
.article-toc {
  background:var(--bg-dark);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:15px 20px;
  margin-bottom:25px;
}
.article-toc-title { font-size:14px; font-weight:bold; color:var(--gold); margin-bottom:10px; }
.article-toc ol { margin-left:20px; }
.article-toc li { padding:3px 0; list-style:decimal; }
.article-toc a { font-size:13px; color:var(--text-muted); }
.article-toc a:hover { color:var(--gold); }

/* 点赞按钮 */
.article-like {
  text-align:center;
  margin-top:30px;
  padding:20px;
  background:var(--bg-dark);
  border-radius:var(--radius-lg);
}
.like-btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 30px;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:30px;
  font-size:15px;
  color:var(--text-secondary);
  cursor:pointer;
  transition:var(--transition);
}
.like-btn:hover, .like-btn.active { background:var(--gold); color:#1a1a2e; border-color:var(--gold); }
.like-btn .like-icon { font-size:18px; }
.like-count { font-weight:bold; }