/* =========================================================
   拾光书阁 · 书籍详情页样式（pages/book.css，仅详情页加载）
   书籍头部 / 面包屑 / 元信息 / 目录网格
   ========================================================= */

/* ---------------- 书籍详情 ---------------- */

.book-head { display: flex; gap: 22px; }
.book-cover-lg { width: 168px; flex-shrink: 0; }
.book-cover-lg .cover-char { font-size: 44px; }
.book-info { flex: 1; min-width: 0; }
.crumbs { font-size: 13px; color: var(--muted); margin-bottom: 8px; font-family: var(--font-mono); }
.crumbs a:hover { color: var(--accent); }
.book-info h1 { font-size: 26px; margin-bottom: 8px; letter-spacing: .04em; }
.book-meta-line { display: flex; flex-wrap: wrap; gap: 6px 8px; font-size: 13px; color: var(--muted); margin-bottom: 14px; font-family: var(--font-mono); }
.book-meta-line .status { color: var(--accent); }
.book-meta-line .status.done { color: var(--ok); }
.book-intro-lg {
  color: var(--muted);
  margin: 0 0 20px;
  max-width: 640px;
}
.book-actions { display: flex; gap: 12px; flex-wrap: wrap; }

.chapter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 4px;
}
.chapter-grid a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 14px;
  overflow: hidden;
  border: 1px solid transparent;
}
.chapter-grid a:hover { background: rgba(245, 159, 0, .1); color: var(--accent); border-color: var(--border); }
.ch-idx { flex-shrink: 0; width: 22px; text-align: right; color: var(--muted); font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.chapter-grid a span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.ch-words { flex-shrink: 0; font-size: 12px; color: var(--muted); font-family: var(--font-mono); }

@media (max-width: 640px) {
  .book-head { flex-direction: column; align-items: center; text-align: center; }
  .book-cover-lg { width: 132px; }
  .book-actions { justify-content: center; }
  .chapter-grid { grid-template-columns: 1fr 1fr; }
}