/* CCS+ 博客样式：文章正文 (.post-body) 与文章卡片 (.blog-card)
 * 注意：_headers 让 /assets/* 缓存一年。修改此文件时请改文件名（blog.v2.css），并更新各页 <link>。 */
.blog-card { transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.blog-card:hover { border-color: #F0A27A !important; box-shadow: 0 18px 44px rgba(26, 21, 19, 0.10) !important; transform: translateY(-2px); }
.blog-card:focus-visible, .post-body a:focus-visible { outline: 2px solid #F0521B; outline-offset: 3px; }
a:hover { color: #B23A0C; }

.post-body { font-size: 17px; line-height: 1.95; color: #3D3632; padding-top: 12px; }
.post-body > * { margin: 0; }
.post-body p { margin-top: 22px; }
.post-body h2 { margin-top: 52px; font-size: clamp(22px, 2.4vw, 27px); line-height: 1.4; font-weight: 800; letter-spacing: -0.015em; color: #1A1513; text-wrap: balance; }
.post-body h3 { margin-top: 36px; font-size: 19px; line-height: 1.5; font-weight: 800; color: #1A1513; }
.post-body h2 + p, .post-body h3 + p { margin-top: 14px; }
.post-body strong { font-weight: 800; color: #1A1513; }
.post-body a { color: #D9480F; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.post-body ul, .post-body ol { margin-top: 20px; padding-left: 1.4em; display: grid; gap: 10px; }
.post-body li::marker { color: #E85A15; font-weight: 800; }
.post-body blockquote { margin-top: 32px; padding: 20px 24px; background: #FFF6EF; border-radius: 14px; font-size: 18.5px; line-height: 1.75; font-weight: 700; color: #1A1513; }
.post-body figure { margin-top: 32px; }
.post-body figure img { width: 100%; height: auto; display: block; border: 1px solid #EFE4DB; border-radius: 14px; }
.post-body figcaption { margin-top: 10px; font-size: 13.5px; color: #8A8079; }
.post-body table { margin-top: 28px; width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.7; border: 1px solid #F0E7DF; }
.post-body th { text-align: left; background: #FCF9F6; font-weight: 700; padding: 12px 14px; }
.post-body td { padding: 12px 14px; border-top: 1px solid #F0E7DF; vertical-align: top; }
@media (max-width: 600px) { .post-body { font-size: 16px; } .post-body table { display: block; overflow-x: auto; } }
