.article-page{--article-body: 760px;--article-media: 900px;min-width:0;overflow:clip;padding:clamp(56px,7vw,108px) max(24px,calc((100vw - 1180px)/2))}.article-shell,.related-articles,.article-contact{width:min(100%,1180px);margin-inline:auto}.article-header{width:min(100%,var(--article-media));margin-inline:auto;text-align:center}.article-header__eyebrow,.article-header__meta,.article-version,.article-evidence,.article-callout__label,.article-steps__label,.related-articles__heading>p,.related-article>p:first-child,.related-article>span,.article-contact__eyebrow{font-family:var(--font-ui)}.article-header__eyebrow{margin:0 0 20px;color:var(--clay-dark);font-size:14px;font-weight:650;letter-spacing:.12em}.article-header h1{max-width:18ch;margin:0 auto;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:1.14;letter-spacing:-.035em;text-wrap:balance}.article-header__description{max-width:38em;margin:28px auto 0;color:var(--ink-soft);font-size:clamp(18px,1.7vw,22px);line-height:1.85;text-wrap:pretty}.article-header__meta{display:flex;margin-top:30px;align-items:center;justify-content:center;gap:0;color:var(--ink-muted);font-size:13px;letter-spacing:.04em}.article-header__meta>*+*:before{content:"";display:inline-block;width:3px;height:3px;margin:0 12px 3px;border-radius:50%;background:currentColor}.article-hero{width:min(100%,var(--article-media));margin:clamp(44px,6vw,72px) auto 0}.article-hero .zj-photo-frame{--zj-photo-angle: -.3deg;padding:clamp(10px,1.4vw,16px)}.article-version{display:flex;width:min(100%,var(--article-body));margin:30px auto 0;padding:14px 18px;border-block:1px solid var(--border);align-items:baseline;gap:14px;color:var(--ink-soft);font-size:13px;line-height:1.65}.article-version strong{flex:none;color:var(--navy)}.article-body{width:min(100%,var(--article-body));margin:0 auto;color:#24231f;font-size:17px;line-height:1.75;letter-spacing:.004em;overflow-wrap:anywhere}.article-reading-grid{display:grid;width:min(100%,1140px);margin:clamp(58px,7vw,92px) auto 0;grid-template-columns:190px minmax(0,900px);gap:50px;align-items:start}.article-reading-column{min-width:0}.article-toc__desktop{position:sticky;top:24px;max-height:calc(100vh - 48px);padding-right:14px;overflow-y:auto;scrollbar-width:thin}.article-toc__desktop>p{margin:0 0 14px;color:var(--clay-dark);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.12em}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li{margin:0}.article-toc a{position:relative;display:block;min-height:34px;padding:7px 0 7px 14px;color:var(--ink-muted);font-family:var(--font-ui);font-size:12px;line-height:1.65;text-decoration:none;transition:color .16s ease}.article-toc a:before{content:"";position:absolute;top:9px;bottom:9px;left:0;width:2px;background:var(--clay);opacity:0}.article-toc a:hover,.article-toc a.is-active{color:var(--ink)}.article-toc a.is-active:before{opacity:1}.article-toc__level-3 a{padding-left:26px;font-size:11px}.article-toc__level-3 a:before{left:12px}.article-toc__mobile{display:none}html.article-smooth-scroll{scroll-behavior:smooth}.article-body>:first-child{margin-top:0}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body .article-scroll-area{margin-block:1.35em}.article-body h2,.article-body h3{scroll-margin-top:28px;text-wrap:balance}.article-body h2{margin:2.7em 0 .85em;padding-top:.55em;border-top:1px solid rgba(104,91,72,.22);color:var(--ink);font-size:clamp(30px,3.4vw,42px);font-weight:600;line-height:1.3;letter-spacing:-.025em}.article-body h3{margin:2.2em 0 .75em;color:var(--navy);font-size:clamp(23px,2.2vw,29px);font-weight:600;line-height:1.42}.article-body strong{color:var(--ink);font-weight:700}.article-body a{color:var(--navy-link)}.article-body li+li{margin-top:.55em}.article-body hr{width:52px;margin:70px auto;border:0;border-top:1px solid var(--clay)}.article-body blockquote,.article-quote{margin-inline:0;padding:6px 0 6px 24px;border-left:3px solid var(--clay);color:var(--ink-soft);font-size:1.08em}.article-evidence,.article-callout,.article-steps{position:relative;margin:0 0 56px;padding:24px 28px;border:1px solid rgba(104,91,72,.2);background:#faf9f5b8;box-shadow:0 10px 34px #322a1f0e}.article-evidence>p,.article-callout__label,.article-steps__label{margin:0 0 8px;color:var(--clay-dark);font-size:12px;font-weight:700;letter-spacing:.12em}.article-evidence div>:first-child,.article-callout__body>:first-child{margin-top:0}.article-evidence div>:last-child,.article-callout__body>:last-child{margin-bottom:0}.article-figure{width:100%;margin:clamp(40px,6vw,64px) auto}.article-figure--wide{width:min(var(--article-media),calc(100vw - 48px));margin-left:50%;transform:translate(-50%)}.article-figure .zj-photo-frame{padding:clamp(8px,1vw,12px);background:#f2eee4eb}.article-figure .zj-photo-frame figcaption{font-size:13px;line-height:1.6}.article-scroll-area{max-width:100%;border:1px solid rgba(104,91,72,.22);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.article-scroll-area--code{border:0;border-radius:12px;background:#30302e}.article-scroll-area:focus-visible{outline-offset:3px}.article-scroll-area pre,.article-scroll-area table{min-width:100%;margin:0}.article-scroll-area pre{width:max-content;min-width:100%;padding:24px;border-radius:12px;color:#f5f4ed;background:#30302e;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-scroll-area table{width:max-content;border-collapse:collapse;background:#faf9f5c7;font-family:var(--font-ui);font-size:14px;line-height:1.65}.article-scroll-area th,.article-scroll-area td{min-width:150px;padding:14px 16px;border:1px solid rgba(104,91,72,.18);text-align:left;vertical-align:top}.article-footer{width:min(100%,var(--article-body));margin:64px auto 0;padding-top:24px;border-top:1px solid var(--border);text-align:right}.article-back-to-top{color:var(--ink-soft);font-family:var(--font-ui);font-size:13px;text-decoration:none}.related-articles,.article-contact{margin-top:clamp(84px,10vw,140px);padding-top:clamp(46px,6vw,72px);border-top:1px solid rgba(104,91,72,.22)}.related-articles__heading{width:min(100%,var(--article-body));margin-inline:auto}.related-articles__heading>p,.article-contact__eyebrow{margin:0 0 12px;color:var(--clay-dark);font-size:12px;font-weight:700;letter-spacing:.12em}.related-articles__heading h2,.article-contact h2{margin:0;font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.35;letter-spacing:-.025em}.related-articles__grid{display:grid;width:min(100%,960px);margin:38px auto 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.related-article{padding:28px;border:1px solid rgba(104,91,72,.2);background:#faf9f59e}.related-article>p:first-child{margin:0 0 16px;color:var(--clay-dark);font-size:12px;font-weight:700;letter-spacing:.1em}.related-article h3{margin:0;font-size:23px;line-height:1.5}.related-article h3 a{text-decoration:none}.related-article>p:not(:first-child){margin:15px 0 22px;color:var(--ink-soft);font-size:15px;line-height:1.75}.related-article>span{color:var(--ink-muted);font-size:12px}.article-contact{width:min(100%,var(--article-body));margin-bottom:clamp(50px,7vw,90px)}.article-contact>p:not(.article-contact__eyebrow){max-width:40em;margin:18px 0 28px;color:var(--ink-soft);font-size:17px;line-height:1.8}.article-contact__link{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;gap:16px;color:var(--paper-raised);background:var(--clay);font-family:var(--font-ui);font-size:14px;font-weight:650;letter-spacing:.08em;text-decoration:none}@media(max-width:767px){.article-page{padding:46px 20px 0}.article-header{text-align:left}.article-header h1{max-width:none;margin:0;font-size:clamp(36px,11vw,50px)}.article-header__description{margin-inline:0;font-size:18px}.article-header__meta{justify-content:flex-start;flex-wrap:wrap;row-gap:8px}.article-hero{width:calc(100% + 20px);margin-left:-10px}.article-version{align-items:flex-start;flex-direction:column;gap:4px}.article-body{font-size:17px;line-height:1.72;letter-spacing:.004em}.article-body h2{font-size:30px}.article-body h3{font-size:23px}.article-evidence,.article-callout,.article-steps{padding:20px}.article-figure--wide{width:calc(100vw - 24px)}.related-articles__grid{grid-template-columns:1fr}.related-article{padding:22px}}@media(max-width:1119px){.article-reading-grid{display:block;width:min(100%,var(--article-media))}.article-toc__desktop{display:none}.article-toc__mobile{display:block;width:min(100%,var(--article-body));margin:0 auto 50px;border-block:1px solid var(--border)}.article-toc__mobile summary{display:flex;min-height:54px;padding:0 4px;align-items:center;justify-content:space-between;color:var(--navy);cursor:pointer;font-family:var(--font-ui);font-size:14px;font-weight:650;list-style:none}.article-toc__mobile summary::-webkit-details-marker{display:none}.article-toc__mobile summary span{color:var(--ink-muted);font-size:12px;font-weight:500}.article-toc__mobile[open] summary span{font-size:0}.article-toc__mobile[open] summary span:after{content:"收起";font-size:12px}.article-toc__mobile nav{padding:0 0 16px}.article-toc__mobile a{min-height:44px;padding-block:10px;font-size:13px}.article-toc__mobile .article-toc__level-3 a{font-size:12px}}@media(prefers-reduced-motion:reduce){html.article-smooth-scroll{scroll-behavior:auto}.article-toc a{transition:none}.article-page{scroll-behavior:auto}}
