*{box-sizing:border-box}
body{margin:0;background:#fff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.75}
.article-container{max-width:860px;margin:0 auto;padding:28px 20px}
.article-body{padding:0}
h1{margin:0 0 18px;font-size:2rem;line-height:1.25;font-weight:700;color:#0f172a}
h2{margin:34px 0 12px;font-size:1.45rem;line-height:1.35;font-weight:650;color:#0f172a}
h3{margin:24px 0 10px;font-size:1.2rem;line-height:1.4;font-weight:600;color:#111827}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding:0;list-style:none}
li{position:relative;margin:8px 0;padding-left:18px}
ul>li::before{content:'';position:absolute;left:0;top:0.75em;width:6px;height:6px;background:#94a3b8;border-radius:50%;transform:translateY(-50%)}
ol{counter-reset:seo-item}
ol>li{counter-increment:seo-item;padding-left:32px}
ol>li::before{content:counter(seo-item);position:absolute;left:0;top:0.1em;width:22px;height:22px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
a{color:#2563eb;text-decoration:none}
a:hover{text-decoration:underline}
blockquote{margin:18px 0;padding:10px 14px;border-left:3px solid #d1d5db;background:#f9fafb;color:#374151}
img{max-width:100%;height:auto;display:block;margin:14px auto}
table{width:100%;border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto}
th,td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;vertical-align:top}
pre{margin:14px 0;padding:12px 14px;background:#111827;color:#f9fafb;border-radius:8px;overflow:auto}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace}
.toc{margin:0 0 22px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.toc .toc-title{margin:0 0 10px;font-size:14px;font-weight:700;color:#334155}
.toc ul{margin:0;padding:0;list-style:none}
.toc li{margin:6px 0;padding-left:0}
.toc li::before{display:none}
.toc a{color:#1e40af;font-weight:500}
.anchor-link{margin-left:6px;color:#9ca3af;font-weight:400}
.anchor-link:hover{color:#6b7280;text-decoration:none}
.pager{margin:16px 0;display:flex;gap:10px;flex-wrap:wrap}
.breadcrumb{margin:0 0 16px;color:#64748b;font-size:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.breadcrumb .sep{color:#94a3b8}
.breadcrumb a{color:#475569}
.breadcrumb a:hover{color:#1d4ed8}
.card{border:1px solid #e5e7eb;border-radius:10px;padding:18px}
.site-nav,.site-footer{margin:0 0 16px}
.site-footer{margin-top:28px;padding-top:14px;border-top:1px solid #e5e7eb;color:#4b5563;font-size:14px}
@media (max-width:768px){body{font-size:16px;line-height:1.7}.article-container{padding:18px 14px}h1{font-size:1.65rem;margin-bottom:14px}h2{font-size:1.28rem;margin-top:26px}}