/* 首页长图文教程 —— SEO 承接页(How-to + FAQ),风格随主站暖色 neo-brutalism */
.home-guide{margin:6px 0 0;padding:0 20px}
.hg-inner{max-width:1080px;margin:0 auto;background:#fff;border:2px solid var(--ink,#23262F);border-radius:20px;padding:clamp(22px,4vw,44px);box-shadow:6px 6px 0 rgba(35,38,47,.12)}
.hg-inner>h2{font-size:clamp(23px,3.4vw,34px);font-weight:900;line-height:1.25;margin:0 0 12px;letter-spacing:.2px}
.hg-lede{font-size:16px;line-height:1.75;color:var(--body,#4a4a55);font-weight:500;margin:0 0 22px}
.hg-toc{background:var(--board,#FBF7EC);border:2px solid var(--ink,#23262F);border-radius:14px;padding:16px 20px;margin:0 0 30px}
.hg-toc b{display:block;font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:var(--violet,#8F7BFF)}
.hg-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.hg-toc li{font-weight:800;font-size:14.5px;margin:6px 0;break-inside:avoid}
.hg-toc a{color:var(--ink,#23262F);text-decoration:none}
.hg-toc a:hover{color:var(--green,#2FA97C);text-decoration:underline}
.hg-chapter{margin:0 0 36px;scroll-margin-top:18px}
.hg-chapter>h3{font-size:clamp(20px,2.6vw,26px);font-weight:900;margin:0;display:flex;align-items:center;gap:11px;line-height:1.3}
.hg-num{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--violet,#8F7BFF);color:#fff;border:2px solid var(--ink,#23262F);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;box-shadow:2px 2px 0 var(--ink,#23262F)}
.hg-chapter p{font-size:15.5px;line-height:1.8;color:var(--body,#3f434e);font-weight:450;margin:13px 0}
.hg-chapter h4{font-size:16px;font-weight:900;margin:20px 0 6px}
.hg-chapter ul{margin:10px 0;padding-left:22px}
.hg-chapter li{font-size:15px;line-height:1.72;margin:7px 0;font-weight:450}
.hg-chapter strong{font-weight:800;color:var(--ink,#23262F)}
.hg-faq{background:#F6FBF8;border:2px solid var(--green,#2FA97C);border-radius:14px;padding:8px 18px 12px;margin:20px 0 0}
.hg-faq-h{font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:var(--green,#2FA97C);margin:10px 0 2px}
.hg-faq details{border-top:1px solid rgba(47,169,124,.22);padding:11px 0}
.hg-faq details:first-of-type{border-top:0}
.hg-faq summary{font-weight:800;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:var(--ink,#23262F)}
.hg-faq summary::-webkit-details-marker{display:none}
.hg-faq summary::after{content:'+';font-size:19px;line-height:1;color:var(--green,#2FA97C);flex:0 0 auto}
.hg-faq details[open] summary::after{content:'\2013'}
.hg-faq details>p{margin:9px 0 2px;font-size:14.5px;line-height:1.72;color:var(--body,#4a4a55);font-weight:450}
.hg-cta{text-align:center;background:var(--board,#FBF7EC);border:2px dashed var(--ink,#23262F);border-radius:14px;padding:20px 18px;margin:28px 0 0;font-weight:800;font-size:16px;line-height:1.6}
.hg-cta a{color:var(--green,#2FA97C);font-weight:900;text-decoration:none}
.hg-cta a:hover{text-decoration:underline}
@media (max-width:640px){.hg-toc ol{columns:1}.hg-inner{padding:20px 16px}}