/* ============================================================
   德雅尚主题 · 响应式增强（v2）
   注意：移动端「抽屉导航」的完整样式已在主 style.css 中实现
   （右侧 320px 抽屉 + 遮罩 nav-overlay + 关闭按钮 nav-close + 底部操作条）。
   本文件只保留「不与导航冲突」的媒体自适应与列表/归档页辅助类，
   绝不再重复定义 .nav-menu 抽屉规则，避免覆盖主样式导致手机菜单错乱。
   ============================================================ */

/* ---------- 媒体基础自适应 ---------- */
img, video, svg, canvas {
  max-width: 100%;
  height: auto;
}
iframe, embed, object {
  max-width: 100%;
}
* { box-sizing: border-box; }
.container { width: 100%; }

/* 长单词/链接换行，防止移动端横向溢出 */
body {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ---------- 大屏(≥1200px)：容器不过度拉伸，留白更优雅 ---------- */
@media (min-width: 1200px) {
  .container { max-width: 1180px; margin: 0 auto; }
}

/* ============================================================
   列表/归档页（index.php 兜底模板 + 新闻归档）基础样式
   主 style.css 已有 .card / .grid-3 / .btn-primary，这里补齐辅助类。
   ============================================================ */
.card-thumb { display: block; overflow: hidden; aspect-ratio: 16 / 9; }
.card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.card-body { padding: 22px; }
.card-title { font-size: 20px; margin: 0 0 8px; line-height: 1.4; }
.card-title a { color: var(--ink, #1F1712); text-decoration: none; }
.card-title a:hover { color: var(--gold, #C9A24B); }
.card-meta, .post-meta { font-size: 13px; color: var(--muted, #8A7C6E); margin: 0 0 10px; }
.card-excerpt { font-size: 15px; color: var(--ink-soft, #4A3F36); margin: 0 0 16px; }
.card .btn { display: inline-block; }

.hero-page { text-align: center; }
.hero-page .hero-content { max-width: 800px; margin: 0 auto; }

.pagination { margin: 40px 0 0; text-align: center; }
.pagination .page-numbers {
  display: inline-block;
  min-width: 38px;
  padding: 8px 12px;
  margin: 0 3px;
  border: 1px solid var(--border, #E2D6CC);
  border-radius: 8px;
  color: var(--ink, #1F1712);
  text-decoration: none;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background: var(--gold, #C9A24B);
  color: #fff;
  border-color: var(--gold, #C9A24B);
}
.no-results { text-align: center; color: var(--muted, #8A7C6E); padding: 40px 0; }