.family-guide{--fg-ink:var(--text,#17242c);--fg-muted:var(--muted,#53636d);--fg-border:#78909c40}.family-intro{padding-top:75px;padding-bottom:50px;max-width:1050px}.family-kicker,.family-label{font:600 11px/1.5 'Fira Code',monospace;letter-spacing:1.4px;color:#168b92}.family-intro h1{font-size:clamp(36px,5.5vw,64px);line-height:1.08;letter-spacing:-2px;margin:22px 0 25px}.family-lead{font-size:clamp(19px,2.4vw,25px);line-height:1.5;max-width:800px}.family-intro>p{max-width:830px}.family-status{padding:20px 24px;border:1px solid #bc963c70;border-left:4px solid #bc963c;border-radius:8px;line-height:1.65;margin:28px 0;background:#bc963c09;font-size:14px}.family-status strong{display:block}.family-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.family-jump a{border:1px solid var(--fg-border);padding:8px 15px;border-radius:25px;font-size:13px;text-decoration:none}.family-body{max-width:1180px}.family-chapter{padding:45px 0 35px;border-top:1px solid var(--fg-border);scroll-margin-top:100px}.family-copy{max-width:780px;margin-bottom:25px}.family-copy h2{font-size:32px;line-height:1.2;letter-spacing:-.6px;margin:15px 0 20px}.family-copy h3{font-size:23px;margin-top:45px}.family-copy p{font-size:16px;line-height:1.8}.family-chapter figure{margin:25px 0 40px}.family-chapter img{display:block;width:100%;height:auto;border:1px solid #364454;border-radius:12px;background:#0d1117;box-shadow:0 10px 35px #00000016}.family-chapter a:has(img){display:block}.family-chapter figcaption{font-size:12px;line-height:1.6;opacity:.7;padding:13px 4px}.family-reproduce{border-top:1px solid var(--fg-border);padding:45px 0 70px;max-width:850px}.family-reproduce pre{padding:24px;border-radius:10px;background:#101a24;color:#c9eeec;overflow-x:auto;font-size:13px}.family-reproduce p{line-height:1.8}@media(max-width:700px){.family-intro{padding-top:40px}.family-intro h1{letter-spacing:-1px}.family-copy h2{font-size:27px}.family-chapter{padding-top:30px}.family-jump{gap:7px}.family-jump a{font-size:12px;padding:6px 11px}}