/* 首页制作教程：默认保持紧凑，章节按需展开。 */
.home-guide{margin:34px 0 0;padding:0 20px}
.hg-inner{max-width:1080px;margin:0 auto;padding:clamp(10px,2vw,20px) 0}
.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}
.hg-chapter-list{border-top:2px solid var(--ink,#23262F)}
details.hg-chapter{margin:0;border-bottom:1px solid rgba(35,38,47,.2);scroll-margin-top:18px}
details.hg-chapter>summary{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:18px 2px;cursor:pointer;list-style:none;color:var(--ink,#23262F)}
details.hg-chapter>summary::-webkit-details-marker{display:none}
details.hg-chapter>summary::after{content:'+';font-size:24px;font-weight:800;line-height:1;text-align:center;color:var(--green,#2FA97C)}
details.hg-chapter[open]>summary::after{content:'\2013'}
details.hg-chapter>summary h3{font-size:clamp(17px,2vw,21px);font-weight:900;line-height:1.3;margin:0;letter-spacing:0}
details.hg-chapter>summary p{font-size:14px;line-height:1.55;color:var(--body,#4a4a55);margin:3px 0 0;font-weight:500}
.hg-chapter-body{padding:0 2px 22px 54px;max-width:900px}
.hg-chapter-body p{font-size:15px;line-height:1.75;color:var(--body,#3f434e);margin:0 0 12px}
.hg-chapter-body ul{margin:8px 0 18px;padding-left:20px}
.hg-chapter-body li{font-size:14.5px;line-height:1.65;margin:5px 0}
.hg-chapter-faq{border-left:3px solid var(--green,#2FA97C);padding:2px 0 2px 14px;margin-top:16px}
.hg-chapter-faq h4{font-size:14.5px;font-weight:900;margin:0 0 5px}
.hg-chapter-faq p{font-size:14px;margin:0}
@media (max-width:640px){.home-guide{padding:0 16px}.hg-toc ol{columns:1}.hg-inner{padding:8px 0}.hg-chapter-body{padding-left:0}details.hg-chapter>summary{grid-template-columns:38px minmax(0,1fr) 22px;gap:9px}}