/* 博客页补充样式（复用 styles.css 主题变量） */
.blog-main{padding:96px 0 64px}
.blog-article{max-width:820px}
.breadcrumb{font-size:14px;opacity:.7;margin-bottom:16px}
.breadcrumb a{color:inherit;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.blog-article h1{font-size:34px;line-height:1.3;margin:8px 0 12px}
.blog-meta{font-size:14px;opacity:.6;margin:0 0 28px}
.blog-article h2{font-size:24px;margin:36px 0 14px;padding-top:8px}
.blog-article h3{font-size:19px;margin:26px 0 10px}
.blog-article p{line-height:1.9;margin:14px 0}
.blog-article ul,.blog-article ol{line-height:1.9;padding-left:22px;margin:14px 0}
.blog-article li{margin:6px 0}
.blog-article table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.blog-article th,.blog-article td{border:1px solid rgba(128,128,128,.25);padding:10px 12px;text-align:left}
.blog-article th{background:rgba(128,128,128,.08);font-weight:600}
.blog-article blockquote{border-left:3px solid var(--accent,#4f7cff);margin:18px 0;padding:8px 16px;opacity:.85;background:rgba(128,128,128,.05)}
.blog-article pre{background:#0d1117;color:#e6edf3;padding:16px;border-radius:8px;overflow:auto;margin:18px 0}
.blog-article code{background:rgba(128,128,128,.15);padding:2px 6px;border-radius:4px;font-size:.92em}
.blog-article pre code{background:none;padding:0}
.blog-faq{margin-top:40px;border-top:1px solid rgba(128,128,128,.2);padding-top:24px}
.faq-item h3{font-size:17px;margin:18px 0 6px}
.blog-cta{margin-top:48px;padding:28px;border-radius:14px;background:rgba(79,124,255,.08);text-align:center}
.blog-cta p{margin:0 0 14px;font-size:17px}
.blog-list{list-style:none;padding:0;margin:24px 0}
.blog-list-item{padding:22px 0;border-bottom:1px solid rgba(128,128,128,.18)}
.blog-list-item a{text-decoration:none;color:inherit}
.blog-list-item h2{font-size:22px;margin:0 0 6px}
.blog-list-item a:hover h2{color:var(--accent,#4f7cff)}