/*
 * 预渲染占位样式。
 *
 * 为什么需要：预渲染正文是 Nuxt 的标记，而站点是 Vite SPA，站点的 CSS 里没有这些类名 ——
 * JS 启动前那 0.x 秒会露出无样式裸内容（实测：导航散成一行、二维码被放大到铺满屏幕）。
 * 这里只给它一个干净的中性排版，让首屏过渡不刺眼。
 *
 * 为什么不会影响真实页面：SPA 挂载时会清空 #app，.seo-prerender 整个容器随之消失。
 * 所有规则都限定在 .seo-prerender 下，不碰站点任何元素。
 */
.seo-prerender {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 20px;
  font: 14px/1.75 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1f2328;
  background: #fff;
}

/* 大图/二维码/视频在过渡期一律不显示，否则会撑满首屏 */
.seo-prerender img,
.seo-prerender svg,
.seo-prerender video,
.seo-prerender iframe,
.seo-prerender canvas,
.seo-prerender picture,
.seo-prerender object,
.seo-prerender embed {
  display: none !important;
}

.seo-prerender a {
  color: #1f6feb;
  text-decoration: none;
}

.seo-prerender h1,
.seo-prerender h2,
.seo-prerender h3,
.seo-prerender h4 {
  margin: 18px 0 8px;
  font-weight: 600;
  line-height: 1.35;
  color: #111827;
}

.seo-prerender h1 { font-size: 22px; }
.seo-prerender h2 { font-size: 18px; }
.seo-prerender h3 { font-size: 16px; }

.seo-prerender ul,
.seo-prerender ol {
  margin: 8px 0;
  padding-left: 22px;
}

.seo-prerender li { margin: 4px 0; }

.seo-prerender table {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
}

.seo-prerender td,
.seo-prerender th {
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  text-align: left;
}

/* 过渡期不显示绝对定位/浮层类装饰（二维码弹窗、悬浮按钮等） */
.seo-prerender [class*="fixed"],
.seo-prerender [class*="modal"],
.seo-prerender [class*="popup"],
.seo-prerender [class*="qrcode"],
.seo-prerender [class*="float"] {
  display: none !important;
}

/* 预渲染版的导航条与导语（v2 文本版自带的结构） */
.seo-prerender .seo-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 14px 0 22px;
  padding: 10px 0;
  border-bottom: 1px solid #eceff1;
}

.seo-prerender .seo-nav a {
  font-size: 13.5px;
}

.seo-prerender .seo-lead {
  margin: 6px 0 16px;
  font-size: 15px;
  color: #57606a;
}