.guide-page{--guide-ink:var(--color-black,#000);--guide-body:var(--color-alpha-hao-gray-30,#595959);--guide-muted:#6f6f6f;--guide-rule:var(--color-alpha-hao-gray-90,#eaeaea);--guide-paper:var(--color-alpha-hao-gray-95,#f4f4f4);background:#fff;color:var(--guide-ink)}
.guide-page #main-content{font-family:var(--font-aeonik),"PingFang SC","Microsoft YaHei",sans-serif;line-break:strict;overflow-wrap:break-word}
.guide-page [hidden]{display:none!important}
.guide-page :is(.guide-hero,.guide-layout) :is(a,button):focus-visible,.guide-skip:focus-visible{outline:2px solid #775893;outline-offset:4px}
.guide-skip{position:fixed;top:8px;left:24px;transform:translateY(-160%);background:#000;color:#fff;padding:12px 20px;border-radius:8px;z-index:200}
.guide-skip:focus{transform:none}
.guide-container{width:100%;max-width:1472px;margin-inline:auto;padding-inline:24px}
.guide-hero{padding-block:96px 48px;background:var(--guide-paper);border-bottom:1px solid var(--guide-rule)}
.guide-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:40px;font-size:14px;text-decoration:none;color:var(--guide-body)}
.guide-back:hover{color:#000}
.guide-back span{transition:transform .2s}
.guide-back:hover span{transform:translateX(-3px)}
.guide-number,.guide-meta,.guide-sidebar-label{font-family:var(--font-aeonik-mono),"PingFang SC","Microsoft YaHei",monospace;font-size:12px;font-weight:400;line-height:1.5;color:var(--guide-muted)}
.guide-number{margin:0 0 20px}
.guide-hero h1{font-size:clamp(32px,4.4vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0;text-wrap:pretty}
.guide-description{max-width:768px;margin:24px 0 0;font-size:18px;line-height:1.65;color:var(--guide-body)}
.guide-meta{display:flex;align-items:center;gap:16px;margin-top:24px}
.guide-meta p{margin:0}
.guide-meta>span{width:1px;height:12px;background:var(--guide-rule)}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:48px;padding-block:64px}
.guide-sidebar-label{margin:0 0 16px}
.guide-contents{display:flex;flex-direction:column;border-left:1px solid var(--guide-rule)}
.guide-contents a{display:block;margin-left:-1px;border-left:1px solid transparent;padding:4px 0 4px 12px;font-size:14px;line-height:1.4;text-decoration:none;color:var(--guide-muted)}
.guide-contents a:hover,.guide-contents a:focus-visible{color:#000}
.guide-contents a[aria-current="location"]{border-left-color:#000;color:#000;font-weight:500}
.guide-article{min-width:0;max-width:100%;outline-offset:8px}
.guide-section{scroll-margin-top:112px;max-width:768px}
.guide-section+.guide-section{margin-top:64px}
.guide-section>h2{font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 0 32px;text-wrap:pretty}
.guide-prose{font-size:16px;line-height:1.8;color:var(--guide-body);word-break:normal}
.guide-prose p{margin-block:20px}
.guide-prose>p:first-child{margin-top:0}
.guide-prose h3{font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-.02em;color:#000;margin:36px 0 16px}
.guide-prose h4{font-size:16px;font-weight:500;line-height:1.5;color:#000;margin:28px 0 12px}
.guide-prose strong{font-weight:600;color:#000}
.guide-prose a{color:#000;text-decoration:underline;text-decoration-color:#bcbcbc;text-underline-offset:3px;overflow-wrap:anywhere}
.guide-prose a:hover{text-decoration-color:#000}
.guide-prose ul,.guide-prose ol{padding-left:26px;margin-block:20px;list-style-position:outside}
.guide-prose ul{list-style-type:disc}
.guide-prose ol{list-style-type:decimal}
.guide-prose li{margin-block:8px;padding-left:4px}
.guide-prose li::marker{color:var(--guide-muted)}
.guide-prose img{display:block;max-width:100%;height:auto;margin-block:28px;border:1px solid var(--guide-rule);border-radius:12px}
.guide-formula{padding:14px 16px;background:var(--guide-paper);border-radius:8px;color:#000;font-variant-numeric:tabular-nums}
.guide-media,.guide-audio{margin:32px 0}
.guide-media video{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio);background:#f2f2f2;border-radius:12px}
.guide-audio audio{display:block;width:100%;height:54px}
.guide-prose figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--guide-muted)}
.guide-media-error{padding:12px 16px;margin-top:12px;border:1px solid var(--guide-rule);border-radius:8px;font-size:14px;background:var(--guide-paper)}
.guide-media-error button{padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:3px}
@media(min-width:768px){.guide-hero{padding-block:128px 64px}.guide-layout{padding-block:80px}.guide-section>h2{font-size:32px}}
@media(min-width:1024px){.guide-layout{grid-template-columns:240px minmax(0,1fr);gap:80px}.guide-sidebar{position:sticky;top:112px;max-height:calc(100dvh - 136px);overflow-y:auto;scrollbar-gutter:stable}}
@media(max-width:767px){.guide-meta{flex-wrap:wrap}.guide-prose{line-height:1.85}.guide-section+.guide-section{margin-top:48px}.guide-contents a{padding-block:6px}}
@media(prefers-reduced-motion:reduce){.guide-back span{transition:none}}
@media print{[data-site-header],.guide-sidebar,.Footer,.guide-skip{display:none!important}.guide-hero{padding-top:0}.guide-layout{display:block;padding-block:24px}.guide-section{max-width:none;break-inside:auto}.guide-prose img{max-height:70vh;object-fit:contain}.guide-media,.guide-audio{break-inside:avoid}}

@media(prefers-reduced-motion:reduce){
#guide-prefooter .ClipScrollSection>div{clip-path:inset(0 round 1.5rem)!important}
#guide-prefooter .ClipScrollSection>div>div,#guide-prefooter .FullBleedMediaSection .absolute.inset-0.w-full.h-full{transform:none!important}
#guide-prefooter .AnimatedText,#guide-prefooter .AnimatedText *{transform:none!important;opacity:1!important;visibility:visible!important;color:#fff!important}
#guide-prefooter .FlatCta{transform:none!important;opacity:1!important;visibility:visible!important;border-radius:8px!important}
#guide-prefooter .FlatCta>div:last-child>div,#guide-prefooter .FlatCta .icon{transform:none!important}
#guide-prefooter .FlatCta .cta{opacity:1!important}
}
@media print{#guide-prefooter{display:none!important}}