/* Long-form article reading layer. */
.article-progress{position:fixed;z-index:1000;top:0;left:0;right:0;height:2px;pointer-events:none}.article-progress i{display:block;width:100%;height:100%;background:var(--site-accent);transform:scaleX(0);transform-origin:left;will-change:transform}.article-page{background:var(--site-bg)}.article-hero{border-bottom:1px solid var(--site-border)}.article-hero__inner{padding-block:62px 56px;max-width:960px}.article-breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--site-text-muted);margin-bottom:48px}.article-breadcrumb a{color:inherit;text-decoration:none}.article-hero__label{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:var(--site-text-muted);margin:0 0 18px}.article-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;letter-spacing:-.065em;max-width:900px;margin:0;overflow-wrap:anywhere}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 22px;color:var(--site-text-muted);font-size:11px;margin-top:30px}.article-edit{color:var(--site-text)!important;text-decoration:none;border-bottom:1px solid var(--site-border);padding-bottom:2px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 190px;justify-content:center;gap:70px;align-items:start;padding-block:68px 110px}.article-shell{min-width:0}.article-rail{position:sticky;top:28px;color:var(--site-text-muted);font-size:11px;line-height:1.7}.article-rail>div,.article-rail__note{border-left:1px solid var(--site-border);padding-left:20px}.article-toc{margin-bottom:34px}.article-toc__title{margin:0 0 11px;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:var(--site-text-muted)}.article-toc ol{list-style:none;padding:0;margin:0;max-height:45vh;overflow:auto}.article-toc li{margin:0}.article-toc li.level-3{padding-left:11px}.article-toc li.level-4{padding-left:22px}.article-toc a{display:block;padding:4px 0;color:var(--site-text-muted);text-decoration:none;line-height:1.45;border-left:1px solid transparent}.article-toc a:hover,.article-toc a.active{color:var(--site-text)}.article-rail span{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.article-rail p{margin:12px 0 18px}.article-rail a{color:var(--site-text);text-decoration:none}.article-outdated{display:flex;gap:8px 20px;align-items:center;border:1px solid color-mix(in srgb,#e6a23c 38%,var(--site-border));background:color-mix(in srgb,#e6a23c 8%,var(--site-surface));border-radius:12px;padding:14px 16px;margin-bottom:34px;font-size:12px;color:var(--site-text-muted)}.article-outdated strong{color:var(--site-text);white-space:nowrap}.article-content.joe_detail{background:transparent!important;color:var(--site-text)!important;border-radius:0!important;padding:0!important;box-shadow:none!important;margin:0!important}.article-content,.article-content .joe_detail__article{color:var(--site-text)!important;font-size:16px;line-height:1.9;letter-spacing:.008em}.article-content .joe_detail__article{padding:0!important;background:transparent!important}.article-content .joe_detail__article p,.article-content .joe_detail__article li,.article-content .joe_detail__article td{color:var(--site-text)!important}.article-content .joe_detail__article p:empty{display:none}.article-content .joe_detail__article>p{margin:0 0 1.45em}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--site-text)!important;line-height:1.35;letter-spacing:-.035em;font-weight:700;scroll-margin-top:30px;padding-left:0!important;padding-right:0!important}.article-content h1:before,.article-content h2:before,.article-content h3:before{display:none!important}.article-content h1{font-size:2.1em;margin:2em 0 .75em}.article-content h2{font-size:1.65em;margin:2.2em 0 .75em;padding-bottom:.35em;border-bottom:1px solid var(--site-border)}.article-content h3{font-size:1.32em;margin:1.9em 0 .65em}.article-content h4{font-size:1.08em;margin:1.7em 0 .55em}.article-heading-anchor{border:0;background:transparent;color:var(--site-text-muted);font:inherit;font-size:.62em;opacity:0;margin-left:.45em;padding:0;cursor:pointer;vertical-align:.12em}.article-content h2:hover .article-heading-anchor,.article-content h3:hover .article-heading-anchor,.article-content h4:hover .article-heading-anchor,.article-heading-anchor:focus-visible{opacity:.65}.article-content a{color:var(--site-link);text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.article-content strong{color:var(--site-text);font-weight:700}.article-content ul,.article-content ol{padding-left:1.55em;margin:1.1em 0 1.5em}.article-content li{margin:.38em 0}.article-content li::marker{color:var(--site-text-muted)}.article-content blockquote{margin:1.6em 0;padding:1px 0 1px 20px;border-left:3px solid var(--site-accent);color:var(--site-text-muted);background:transparent}.article-content blockquote p:last-child{margin-bottom:0}.article-content hr{border:0;border-top:1px solid var(--site-border);margin:3em 0}.article-content img{display:block;max-width:100%;height:auto;margin:1.8em auto;border-radius:10px}.article-content figure{margin:1.8em 0}.article-content figcaption{text-align:center;color:var(--site-text-muted);font-size:12px;margin-top:8px}.article-content iframe,.article-content video{display:block;max-width:100%;margin:1.8em auto;border:0}.article-content pre{max-width:100%;overflow:auto;border:1px solid var(--site-border)!important;border-radius:12px!important;background:var(--site-code-bg)!important;margin:1.7em 0!important;padding:19px!important;line-height:1.65!important;font-size:13px!important}.article-content pre code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;color:#e8e8e3!important;text-shadow:none!important;white-space:pre!important;background:transparent!important}.article-content pre code .token,.article-content pre code .token.operator,.article-content pre code .token.entity,.article-content pre code .token.url,.article-content pre code .language-css .token.string,.article-content pre code .style .token.string{background:transparent!important;box-shadow:none!important;text-shadow:none!important}.article-content pre code .token.operator{color:#9aaeff!important}.article-content pre code .token.entity{color:#e5c07b!important}.code-toolbar-local{display:flex;align-items:center;justify-content:space-between;margin:1.7em 0 0;padding:9px 13px;background:#151819;border:1px solid var(--site-border);border-bottom:0;border-radius:12px 12px 0 0;color:#8d9693;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.code-toolbar-local+pre{margin-top:0!important;border-radius:0 0 12px 12px!important}.code-toolbar-local button,.code-expand{border:0;background:transparent;color:#b8bfbc;font:inherit;cursor:pointer;padding:2px 4px}.article-content pre.is-collapsed{max-height:720px;position:relative}.article-content pre.is-collapsed:not(.is-expanded){overflow:hidden}.article-content pre.is-collapsed:not(.is-expanded):after{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,var(--site-code-bg));pointer-events:none}.article-content pre.is-expanded{max-height:none}.code-expand{display:block;width:100%;margin:-1.7em 0 1.7em;padding:10px;border:1px solid var(--site-border);border-top:0;border-radius:0 0 10px 10px;background:var(--site-surface);color:var(--site-text-muted);font-size:11px}.article-content pre.is-collapsed+.code-expand{margin-top:-1.7em}.article-content :not(pre)>code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;color:var(--site-text);background:var(--site-surface-muted);border:1px solid var(--site-border);border-radius:5px;padding:.15em .38em}.article-content table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.article-content .table-wrapper{overflow-x:auto}.article-content table th,.article-content table td{border:1px solid var(--site-border);padding:10px 12px;text-align:left}.article-content table th{background:var(--site-surface-muted);color:var(--site-text)}.article-content table tr:nth-child(even){background:color-mix(in srgb,var(--site-surface-muted) 48%,transparent)}.article-content .katex-display,.article-content .MathJax_Display{overflow-x:auto;overflow-y:hidden;padding:6px 0}.article-end{border-top:1px solid var(--site-border);margin-top:70px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--site-text-muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.article-tags a{display:inline-block;padding:6px 9px;margin:0 6px 6px 0;border:1px solid var(--site-border);border-radius:999px;color:var(--site-text-muted);text-decoration:none;letter-spacing:0}.article-related{margin-top:58px}.article-related__label{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:var(--site-text-muted);margin:0 0 13px}.article-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.article-related a{padding:18px 17px 20px 0;text-decoration:none;min-width:0}.article-related a+a{padding-left:0}.article-related time{display:block;color:var(--site-text-muted);font-size:9px;margin-bottom:8px}.article-related strong{display:block;color:var(--site-text);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.article-pagination{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--site-border);margin-top:55px}.article-pagination__item{padding:24px 22px 24px 0;min-width:0}.article-pagination__item--next{text-align:right;padding:24px 0 24px 22px;border-left:1px solid var(--site-border)}.article-pagination small{display:block;color:var(--site-text-muted);font-size:10px;margin-bottom:7px}.article-pagination a,.article-pagination span{color:var(--site-text);text-decoration:none;font-size:13px;overflow-wrap:anywhere}.article-pagination .is-empty span{color:var(--site-text-muted)}.article-comments{margin-top:65px}.article-comments .joe_comment{background:var(--site-surface)!important;border:1px solid var(--site-border);border-radius:16px;padding:25px;color:var(--site-text);box-shadow:none!important}.article-comments .joe_comment__title{color:var(--site-text)!important;border-color:var(--site-border)!important;text-shadow:none!important}.article-comments .joe_comment__respond-type .item{background:var(--site-surface-muted)!important;color:var(--site-text)!important;border:1px solid var(--site-border)!important}.article-comments .joe_comment__respond-type .item.active{background:var(--site-text)!important;color:var(--site-bg)!important;border-color:var(--site-text)!important}.article-comments .joe_comment__respond-form{background:var(--site-bg)!important;border:1px solid var(--site-border)!important;border-radius:10px 0 10px 10px!important;overflow:hidden}.article-comments .joe_comment__respond-form .head{background:var(--site-bg)!important;border-color:var(--site-border)!important}.article-comments .joe_comment__respond-form .head .list:nth-child(2):before,.article-comments .joe_comment__respond-form .head .list:nth-child(2):after{background:var(--site-border)!important}.article-comments .joe_comment__respond-form .body,.article-comments .joe_comment__respond-form .foot{background:var(--site-bg)!important;border-color:var(--site-border)!important}.article-comments input,.article-comments textarea{background:transparent!important;color:var(--site-text)!important;border-color:var(--site-border)!important}.article-comments input::placeholder,.article-comments textarea::placeholder{color:var(--site-text-muted)!important;opacity:.72}.article-comments .joe_comment__respond,.article-comments .comment-list__item-contain{background:transparent!important;color:var(--site-text)!important}.article-comments .comment-list__item{border-color:var(--site-border)!important}@media(max-width:980px){.article-layout{grid-template-columns:minmax(0,760px)}.article-rail{display:none}}@media(max-width:600px){.article-related>div{grid-template-columns:1fr}.article-related a{padding:15px 0}.article-related a+a{padding-left:0;border-left:0;border-top:0}.article-heading-anchor{opacity:.55}.article-hero__inner{padding-block:43px 40px}.article-breadcrumb{margin-bottom:35px}.article-hero h1{font-size:38px}.article-meta{gap:7px 14px}.article-layout{padding-block:45px 75px}.article-content,.article-content .joe_detail__article{font-size:15px;line-height:1.85}.article-content h2{font-size:1.5em}.article-content pre{border-radius:9px!important;margin-inline:-5px!important;padding:15px!important}.article-outdated{align-items:flex-start;flex-direction:column}.article-pagination{grid-template-columns:1fr}.article-pagination__item--next{text-align:left;border-left:0;border-top:1px solid var(--site-border);padding-left:0}.article-comments .joe_comment{padding:18px}.article-comments .joe_comment__respond-form .head{grid-template-columns:1fr!important}.article-end{align-items:flex-start;flex-direction:column}}