.seo-article{z-index:1;max-width:760px;margin:0 auto;padding:8px 20px 0;position:relative}.seo-article section,.seo-article nav{margin-top:36px}.seo-article h2{letter-spacing:-.02em;margin:0 0 12px;font-size:1.35rem}.seo-article p,.seo-article li,.seo-article dd{color:var(--muted);line-height:1.7}.seo-article p{margin:0 0 12px}.seo-article ol{margin:0 0 12px;padding-left:22px}.seo-article a{color:var(--link)}.seo-features,.seo-related{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.seo-features li,.seo-related li{color:var(--text);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:5px 14px;font-size:.9rem}.seo-related a{color:var(--text);text-decoration:none}.seo-related li:hover{border-color:#5865f2}.seo-faq{gap:16px;margin:0;display:grid}.seo-faq dt{color:var(--text);margin-bottom:4px;font-weight:700}.seo-faq dd{margin:0}.seo-code{background:linear-gradient(#181b25,#12141b);border:1px solid #ffffff14;border-radius:14px;margin-top:16px;padding:14px}.seo-code-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-bottom:10px;display:flex}.seo-code-head strong{color:var(--text)}.seo-code-head a{color:var(--link);font-size:.9rem}.seo-code-box{position:relative}.seo-code-box pre{white-space:pre-wrap;word-break:break-all;background:#0d0f14;border:1px solid #ffffff14;border-radius:10px;max-height:260px;margin:0;padding:12px 96px 12px 12px;font-size:.8rem;overflow:auto}.seo-code-box .copy-button{position:absolute;top:8px;right:8px}.seo-hero{align-items:center;gap:14px;margin-bottom:8px;display:flex}.seo-hero img{object-fit:cover;border-radius:12px;flex:none;width:56px;height:56px}.seo-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.15}.seo-lead{color:var(--muted);margin:8px 0 0;line-height:1.7}.seo-page-main{min-height:0;padding-bottom:24px}