/* ============================================================
 * blog-article.css —— 博客文章（13 篇共用）
 * 源：05-原型/blog-size-chart.html + blog-xlpe-guide.html
 * 目标模板：single-zz_resource.php
 * 本文件 = 该族独有规则（公共外壳见 _base.css）
 * 自动生成，请勿手改
 * ============================================================ */

:root{--blue:#1565C0;--blue-darker:#0A3D8F;--red:#E0301E;--paper:#f5f6f8;--white:#fff;--line:#dde2e8;--text:#222;--muted:#555}
body{font-family:Georgia,serif;background:var(--paper);color:var(--text);line-height:1.75;font-size:16px}
.container{max-width:800px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:Arial,sans-serif;font-weight:700}
.nav-item.on>a{color:var(--blue);font-weight:700}
.dropdown .dd-cur{background:var(--paper);font-weight:700}
.zz-footer{background:#0D47A1;border-top:3px solid var(--red);color:#b3d1f2;padding:48px 0 20px;font-family:Arial,sans-serif}
.page-hero{background:var(--blue-darker);padding:40px 0}
.page-hero h1{color:#fff;font-size:clamp(1.3rem,2.5vw,1.9rem);line-height:1.3}
.breadcrumb{padding:14px 0;font-size:12px;color:#888;font-family:Arial,sans-serif}
.breadcrumb a{color:#888;text-decoration:none}
.article{padding:40px 0 56px}
.article h2{font-size:20px;color:var(--blue-darker);margin:32px 0 12px}
.article h3{font-size:16px;color:var(--blue-darker);margin:24px 0 8px}
.article p{margin-bottom:16px;font-size:15px}
.article table{width:100%;border-collapse:collapse;font-size:13px;margin:20px 0;font-family:Arial,sans-serif}
.article th{background:var(--blue-darker);color:#fff;padding:10px 14px;text-align:left;font-size:12px}
.article td{padding:10px 14px;border-bottom:1px solid var(--line);background:var(--white)}
.article tr:nth-child(even) td{background:#f5f7ff}
.article ul{padding-left:24px;margin-bottom:16px}
.article li{margin-bottom:6px;font-size:15px}
.article strong{color:var(--blue-darker)}
.author-box{margin-top:40px;padding:20px;background:var(--white);border-left:3px solid var(--blue);border-radius:4px;font-size:13px;color:var(--muted)}
.cta-band{background:var(--blue-darker);padding:36px 0;text-align:center}
.cta-band p{color:#c5cae9;font-size:14px;margin:0 0 16px;font-family:Arial,sans-serif}
.cta-btn{display:inline-block;background:var(--red);color:#fff;font-family:Arial,sans-serif;font-weight:700;font-size:15px;padding:12px 32px;text-decoration:none;border-radius:4px}
@media(max-width:768px){.hdr nav{display:none}.burger{display:block}.m-nav.open{display:block}.foot-grid{grid-template-columns:1fr 1fr;gap:24px}.foot-brand{grid-column:1/-1}}
.zz-footer .container{max-width:1100px}