.page-article .article-wrap{max-width:780px;margin:0 auto;padding:50px 24px 60px;display:block}.page-article .article-wrap.has-toc{grid-template-columns:240px minmax(0,780px);justify-content:center;gap:44px;max-width:1100px;display:grid}.page-article .article-wrap.has-toc .toc{overscroll-behavior:contain;max-height:60vh;padding-right:8px;overflow-y:auto}.page-article .article-wrap.has-toc .toc::-webkit-scrollbar{width:6px}.page-article .article-wrap.has-toc .toc::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.toc li.lvl-3 a{padding-left:28px;font-size:12px}.toc li.lvl-4 a{padding-left:42px;font-size:11.5px}.article-body h4{color:var(--ink);margin:28px 0 10px;scroll-margin-top:100px;font-family:PingFang SC,Noto Sans SC,sans-serif;font-size:17px;font-weight:700}@media (max-width:1080px){.page-article .article-wrap.has-toc{grid-template-columns:200px minmax(0,1fr);gap:32px;max-width:940px}}@media (max-width:760px){.page-article .article-wrap.has-toc{grid-template-columns:minmax(0,1fr);max-width:780px}}.article-wrap .article-img{margin:28px 0}.article-wrap .article-img img{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.article-wrap pre.code-block{color:var(--ink-2);border:1px solid var(--line);font-family:var(--font-mono);white-space:pre;background-color:#faf8f3;background-image:radial-gradient(circle at 1px 1px,#0b12200b 1px,#0000 0);background-size:22px 22px;border-radius:12px;margin:28px 0;padding:22px 24px;font-size:13px;line-height:1.75;overflow-x:auto;box-shadow:0 1px 2px #0b122008}.article-wrap pre.code-block code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.article-wrap .callout.success{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.article-wrap .callout.success h4{color:#16a34a}.article-wrap .callout p:last-child{margin-bottom:0}.page-article .article-nav{grid-template-columns:1fr 1fr;gap:16px;margin:44px 0 8px;display:grid}.page-article .article-wrap.has-toc .article-nav{grid-column:2}.page-article .art-nav-link{border:1px solid var(--line);background:var(--paper,#fff);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.page-article .art-nav-link:hover{border-color:var(--orange-line,var(--orange));transform:translateY(-2px);box-shadow:0 6px 22px #0000000f}.page-article .art-nav-link.next{text-align:right;align-items:flex-end}.page-article .art-nav-link .dir{font-family:var(--font-mono);letter-spacing:.06em;color:var(--orange-deep);font-size:11.5px;font-weight:700}.page-article .art-nav-link .t{color:var(--ink);font-size:15px;font-weight:700;line-height:1.45}@media (max-width:760px){.page-article .article-wrap.has-toc .article-nav{grid-column:auto}}@media (max-width:640px){.page-article .article-nav{grid-template-columns:1fr}.page-article .art-nav-link.next{text-align:left;align-items:flex-start}}