.guide-page{padding-bottom:48px}.guide-catalog-head{max-width:780px;padding:32px 0 24px}.guide-catalog-head h1{letter-spacing:-.02em;text-wrap:balance;margin:20px 0 24px;font-size:clamp(34px,4.3vw,62px);line-height:1.15}.guide-catalog-link{color:inherit;text-decoration:none;display:block}.guide-catalog .guide-example-image img{height:280px}.guide-catalog .guide-example-copy{padding:22px 0 0}.guide-catalog h2{margin:10px 0 14px;font-size:24px;line-height:1.3}.guide-catalog .eyebrow{color:var(--color-text);margin:0;font-size:12px}.guide-catalog-link:hover h2{text-underline-offset:4px;text-decoration:underline}.guide-hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,72px);padding:32px 0 64px;display:grid}.guide-hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:680px;margin:20px 0 24px;font-size:clamp(34px,4.3vw,62px);font-weight:700;line-height:1.07}.guide-lead{max-width:56ch;margin-bottom:28px;font-size:18px;line-height:1.75}.guide-byline,.guide-hero figcaption{color:var(--color-text-muted);font-size:12px;line-height:1.7}.guide-byline{margin-top:24px}.guide-hero figure{margin:0}.guide-hero img{object-fit:contain;background:var(--color-surface-2);border-radius:var(--radius-md);width:100%;height:500px;display:block}.guide-hero figcaption{padding-top:12px}.guide-hero figcaption a{text-underline-offset:3px;text-decoration:underline}.guide-method,.guide-gallery,.guide-finish{border-top:1px solid var(--color-line);padding:56px 0;scroll-margin-top:100px}.guide-section-title{max-width:780px;margin-bottom:36px}.guide-section-title h2,.guide-finish h2{letter-spacing:-.01em;margin:10px 0 18px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.18}.guide-section-title p,.guide-steps p,.guide-example p,.guide-finish p{color:var(--color-text-muted);line-height:1.8}.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.guide-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-brand);letter-spacing:.08em;font-size:24px}.guide-steps h3,.guide-example h3,.guide-next h3{margin:10px 0 14px;font-size:21px;font-weight:600;line-height:1.35}.guide-steps p{margin:0;font-size:15px}.guide-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px;display:grid}.guide-example{min-width:0;scroll-margin-top:100px}.guide-example-image{background:var(--color-surface-2);border-radius:var(--radius-md);display:block;overflow:hidden}.guide-example-image img{object-fit:contain;width:100%;height:400px;transition:transform .2s;display:block}@media (hover:hover) and (pointer:fine){.guide-example-image:hover img{transform:scale(1.015)}}.guide-example-copy{padding:22px 4px 0}.guide-example-copy h3{margin-top:7px}.guide-example-copy h3 a:hover{text-underline-offset:4px;text-decoration:underline}.guide-example p{margin-bottom:18px;font-size:16px}.guide-detail-link{border-bottom:1px solid var(--color-line-strong);align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.guide-finish{grid-template-columns:1.2fr 1fr;gap:80px;display:grid}.guide-next{border:1px solid var(--color-line-strong);background:var(--color-surface);border-radius:var(--radius-md);align-self:start;padding:32px}.guide-next>a{align-items:center;width:fit-content;min-height:44px;margin-top:16px;display:flex}.guide-next>a:not(.btn){text-underline-offset:4px;text-decoration:underline}html[lang=zh-CN] .guide-hero h1,html[lang=zh-CN] .guide-section-title h2,html[lang=zh-CN] .guide-finish h2{letter-spacing:0;line-height:1.3}@media (width<=900px){.guide-hero{grid-template-columns:1fr;gap:30px;padding-top:20px}.guide-hero img{height:auto;max-height:520px}.guide-hero h1{max-width:760px}.guide-steps{grid-template-columns:1fr;gap:28px}.guide-steps section{max-width:75ch}.guide-example-image img{height:320px}.guide-finish{gap:32px}}@media (width<=600px){.guide-hero{padding-bottom:36px}.guide-hero h1{font-size:36px}.guide-lead{font-size:16px}.guide-method,.guide-gallery,.guide-finish{padding:36px 0}.guide-examples,.guide-finish{grid-template-columns:1fr;gap:36px}.guide-example-image img{height:auto;max-height:480px}.guide-next{padding:24px}.guide-examples{gap:40px}}@media (prefers-reduced-motion:reduce){.guide-example-image img{transition:none}}