.post-detail { position:relative;z-index:1;margin-left:72px;margin-right:40px;max-width:calc(var(--max-width) - 32px);box-sizing:border-box;padding:calc(var(--nav-height) + 40px) 0 80px 0; }
.post-detail-card { background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius);padding:36px 40px;box-shadow:0 2px 16px rgba(100,180,246,0.06); }
.post-detail h1 { font-size:1.8rem;font-weight:700;color:var(--blue-700);margin-bottom:12px;line-height:1.3; }
.post-detail-meta { display:flex;gap:16px;align-items:center;margin-bottom:28px;font-size:0.85rem;color:var(--text-light);font-family:"JetBrains Mono","Fira Code","Consolas",monospace; }
.post-detail-body { font-size:1rem;color:var(--text);line-height:1.85; }
.post-detail-body h2 { font-size:1.3rem;color:var(--blue-700);margin:32px 0 12px; }
.post-detail-body h3 { font-size:1.1rem;color:var(--blue-700);margin:24px 0 8px; }
.post-detail-body h4 { font-size:1rem;color:var(--blue-700);margin:20px 0 6px; }
.post-detail-body h5 { font-size:0.95rem;color:var(--blue-700);margin:18px 0 6px; }
.post-detail-body h6 { font-size:0.9rem;color:var(--blue-700);margin:16px 0 6px; }
.post-detail-body p { margin:0 0 14px 0; }
.post-detail-body hr { border:none;border-top:1px solid var(--card-border);margin:28px 0; }
.post-detail-body ul, .post-detail-body ol { margin:0 0 14px 0; padding-left:1.8em; }
.post-detail-body li { margin-bottom:6px; }
.post-detail-body :not(pre) > code { background:rgba(33,150,243,0.08);padding:2px 6px;border-radius:4px;font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:0.9rem; }
.post-detail-body pre { border:1px solid var(--card-border);border-radius:8px;overflow-x:auto;margin:14px 0;padding:16px 20px;font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:0.88rem;line-height:1.6; }
.post-detail-body pre code { font-size:inherit;background:transparent;padding:0; }
.post-detail-body code { font-family:"JetBrains Mono","Fira Code","Consolas",monospace; }
.post-detail-body blockquote { border-left:3px solid var(--blue-300);padding-left:16px;color:var(--text-muted);margin:14px 0; }
.post-detail-body img { max-width:100%;height:auto;border-radius:8px;margin:8px 0; }
.post-detail-body a { color:var(--blue-500);text-decoration:none; }
.post-detail-body a:hover { text-decoration:underline; }
.post-detail-back { display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;padding:8px 18px;color:var(--blue-700);text-decoration:none;font-size:0.9rem;font-weight:500;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:24px;transition:var(--transition); }
.post-detail-back:hover { color:var(--blue-700);background:var(--card-hover-bg);border-color:var(--blue-300); }
.post-footer { margin-top:20px;padding-top:20px;border-top:1px solid var(--card-border);font-size:0.85rem;color:var(--text-light);line-height:2; }
.post-footer a { color:var(--blue-500);text-decoration:none; }
.post-footer a:hover { text-decoration:underline; }

/* 前后篇导航 */
.post-nav { display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--card-border); }
.post-nav-item { flex:1;min-width:0; }
.post-nav-item a { display:flex;align-items:center;gap:0;padding:12px 16px;border-radius:10px;font-size:0.9rem;color:var(--blue-700);text-decoration:none;background:rgba(33,150,243,0.05);border:1px solid rgba(33,150,243,0.15);transition:var(--transition);overflow:hidden; }
.post-nav-item a:hover { background:rgba(33,150,243,0.1);border-color:var(--blue-300);color:var(--blue-700); }
.post-nav-prefix { flex-shrink:0; }
.post-nav-title { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.post-nav-next { justify-content:flex-end; }
.post-nav-next a { justify-content:flex-end; }
.post-nav-disabled { display:block;padding:12px 16px;border-radius:10px;font-size:0.85rem;color:var(--text-light);background:rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.06); }

/* 移动端：紧凑布局，充分利用屏幕宽度 */
@media (max-width: 768px) {
  .post-detail { margin-left:0; margin-right:0; max-width:none; padding:calc(var(--nav-height) + 16px) 12px 48px; }
  .post-detail-card { padding:20px 16px; border-radius:12px; }
  .post-detail h1 { font-size:1.35rem; }
  .post-detail-meta { gap:10px; margin-bottom:20px; font-size:0.78rem; }
  .post-detail-body { font-size:0.95rem; line-height:1.8; }
  .post-detail-body h2 { font-size:1.15rem; margin:24px 0 8px; }
  .post-detail-body h3 { font-size:1rem; margin:20px 0 6px; }
  .post-detail-back { padding:6px 14px; font-size:0.82rem; margin-bottom:12px; }
  .post-footer { margin-top:16px; padding-top:14px; font-size:0.78rem; }
  .post-nav { margin-top:16px; padding-top:14px; gap:8px; }
  .post-nav-item a { padding:10px 12px; font-size:0.82rem; }
  .post-nav-disabled { padding:10px 12px; font-size:0.78rem; }
}

@media (max-width: 480px) {
  .post-detail { padding:calc(var(--nav-height) + 12px) 8px 36px; }
  .post-detail-card { padding:16px 12px; }
  .post-detail h1 { font-size:1.2rem; }
  .post-detail-body { font-size:0.9rem; }
}

/* 表格样式 */
.post-detail-body table {
  width:100%;
  border-collapse:collapse;
  margin:1.2em 0;
  font-size:0.92rem;
  display:block;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.post-detail-body thead {
  background:var(--blue-50,#eff6ff);
}
.post-detail-body th,
.post-detail-body td {
  padding:8px 12px;
  border:1px solid var(--card-border);
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
}
.post-detail-body th {
  font-weight:600;
  color:var(--blue-700);
}
.post-detail-body tbody tr:nth-child(even) {
  background:rgba(100,180,246,0.04);
}
.post-detail-body tbody tr:hover {
  background:rgba(100,180,246,0.08);
}

/* 代码高亮对比度修复：覆盖 goldmark github 主题内联颜色，确保 WCAG AA 通过 */
.post-detail-body pre span[style*="color:#998"] { color:#6a737d !important; }
.post-detail-body pre span[style*="color:#d14"] { color:#b31d28 !important; }