header{flex-direction:row;align-items:center;gap:1.5rem;margin:2rem 0;display:flex}header h1{flex:auto;margin:0}.clipboard-button{float:right;color:var(--gray);border-color:var(--dark);background-color:var(--light);opacity:0;border:1px solid;border-radius:5px;margin:.3rem;padding:.4rem;transition:all .2s;display:flex;position:absolute;right:0}.clipboard-button>svg{fill:var(--light);filter:contrast(.3)}.clipboard-button:hover{cursor:pointer;border-color:var(--secondary)}.clipboard-button:focus{outline:0}pre:hover>.clipboard-button{opacity:1;transition:all .2s}code[data-theme*=\ ]{color:var(--shiki-light);background-color:var(--shiki-light-bg)}code[data-theme*=\ ] span{color:var(--shiki-light)}[saved-theme=dark] code[data-theme*=\ ]{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}[saved-theme=dark] code[data-theme*=\ ] span{color:var(--shiki-dark)}.callout{border:1px solid var(--border);background-color:var(--bg);box-sizing:border-box;--callout-icon-note:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"2\" x2=\"22\" y2=\"6\"></line><path d=\"M7.5 20.5 19 9l-4-4L3.5 16.5 2 22z\"></path></svg>");--callout-icon-abstract:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"></rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"></path><path d=\"M12 11h4\"></path><path d=\"M12 16h4\"></path><path d=\"M8 11h.01\"></path><path d=\"M8 16h.01\"></path></svg>");--callout-icon-info:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line></svg>");--callout-icon-todo:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg>");--callout-icon-tip:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"></path></svg> ");--callout-icon-success:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg> ");--callout-icon-question:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"></path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg> ");--callout-icon-warning:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"></path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"></line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg>");--callout-icon-failure:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg> ");--callout-icon-danger:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"></polygon></svg> ");--callout-icon-bug:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"14\" x=\"8\" y=\"6\" rx=\"4\"></rect><path d=\"m19 7-3 2\"></path><path d=\"m5 7 3 2\"></path><path d=\"m19 19-3-2\"></path><path d=\"m5 19 3-2\"></path><path d=\"M20 13h-4\"></path><path d=\"M4 13h4\"></path><path d=\"m10 4 1 2\"></path><path d=\"m14 4-1 2\"></path></svg>");--callout-icon-example:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"></line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"></line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"></line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"></line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"></line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"></line></svg> ");--callout-icon-quote:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"></path><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"></path></svg>");--callout-icon-fold:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"%3E%3Cpolyline points=\"6 9 12 15 18 9\"%3E%3C/polyline%3E%3C/svg%3E");border-radius:5px;padding:0 1rem;overflow-y:hidden}.callout>.callout-content{transition:grid-template-rows .1s cubic-bezier(.02,.01,.47,1);display:grid;overflow:hidden}.callout>.callout-content>:first-child{margin-top:0}.callout[data-callout]{--color:#448aff;--border:#448aff44;--bg:#448aff10;--callout-icon:var(--callout-icon-note)}.callout[data-callout=abstract]{--color:#00b0ff;--border:#00b0ff44;--bg:#00b0ff10;--callout-icon:var(--callout-icon-abstract)}.callout[data-callout=info],.callout[data-callout=todo]{--color:#00b8d4;--border:#00b8d444;--bg:#00b8d410;--callout-icon:var(--callout-icon-info)}.callout[data-callout=todo]{--callout-icon:var(--callout-icon-todo)}.callout[data-callout=tip]{--color:#00bfa5;--border:#00bfa544;--bg:#00bfa510;--callout-icon:var(--callout-icon-tip)}.callout[data-callout=success]{--color:#09ad7a;--border:#09ad7144;--bg:#09ad7110;--callout-icon:var(--callout-icon-success)}.callout[data-callout=question]{--color:#dba642;--border:#dba64244;--bg:#dba64210;--callout-icon:var(--callout-icon-question)}.callout[data-callout=warning]{--color:#db8942;--border:#db894244;--bg:#db894210;--callout-icon:var(--callout-icon-warning)}.callout[data-callout=failure],.callout[data-callout=danger],.callout[data-callout=bug]{--color:#db4242;--border:#db424244;--bg:#db424210;--callout-icon:var(--callout-icon-failure)}.callout[data-callout=bug]{--callout-icon:var(--callout-icon-bug)}.callout[data-callout=danger]{--callout-icon:var(--callout-icon-danger)}.callout[data-callout=example]{--color:#7a43b5;--border:#7a43b544;--bg:#7a43b510;--callout-icon:var(--callout-icon-example)}.callout[data-callout=quote]{--color:var(--secondary);--border:var(--lightgray);--callout-icon:var(--callout-icon-quote)}.callout.is-collapsed>.callout-title>.fold-callout-icon{transform:rotate(-90deg)}.callout.is-collapsed .callout-content>:first-child{height:0;margin-top:-1rem;transition:height .1s cubic-bezier(.02,.01,.47,1),margin .1s cubic-bezier(.02,.01,.47,1);overflow-y:clip}.callout-title{color:var(--color);--icon-size:18px;align-items:flex-start;gap:5px;padding:1rem 0;display:flex}.callout-title .fold-callout-icon{opacity:.8;cursor:pointer;--callout-icon:var(--callout-icon-fold);transition:transform .15s}.callout-title>.callout-title-inner>p{color:var(--color);margin:0}.callout-title .callout-icon,.callout-title .fold-callout-icon{width:var(--icon-size);height:var(--icon-size);flex:0 0 var(--icon-size);background-size:var(--icon-size)var(--icon-size);background-position:50%;background-color:var(--color);-webkit-mask-image:var(--callout-icon);mask-image:var(--callout-icon);-webkit-mask-size:var(--icon-size)var(--icon-size);mask-size:var(--icon-size)var(--icon-size);padding:.2rem 0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.callout-title .callout-title-inner{font-weight:600}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;width:100vw;overflow-x:hidden}body{box-sizing:border-box;background-color:var(--light);font-family:var(--bodyFont);color:var(--darkgray);margin:0}.text-highlight{background-color:var(--textHighlight);border-radius:5px;padding:0 .1rem}::selection{background:color-mix(in srgb,var(--tertiary)60%,#fff0);color:var(--darkgray)}p,ul,text,a,tr,td,li,ol,ul,.katex,.math,.typst-doc,.typst-doc *{color:var(--darkgray);fill:var(--darkgray);overflow-wrap:break-word;text-wrap:pretty}.math.math-display{text-align:center}article>mjx-container.MathJax,article blockquote>div>mjx-container.MathJax{display:flex}article>mjx-container.MathJax>svg,article blockquote>div>mjx-container.MathJax>svg{margin-left:auto;margin-right:auto}article blockquote>div>mjx-container.MathJax>svg{margin-top:1rem;margin-bottom:1rem}strong{font-weight:600}a{color:var(--secondary);font-weight:600;text-decoration:none;transition:color .2s}a.internal{background-color:var(--highlight);border-radius:5px;padding:0 .1rem;line-height:1.4rem;text-decoration:none}a.internal.broken{color:var(--secondary);opacity:.5;transition:opacity .2s}a.internal.broken:hover{opacity:.8}a.internal:has(>img){background-color:#0000;border-radius:0;padding:0}a.internal.tag-link:before{content:"#"}a.external .external-icon{height:1ex;margin:0 .15em}a.external .external-icon>path{fill:var(--dark)}.flex-component{display:flex}.desktop-only{display:initial}.desktop-only.flex-component{display:flex}@media (max-width:800px){.desktop-only,.desktop-only.flex-component{display:none}}.mobile-only,.mobile-only.flex-component{display:none}@media (max-width:800px){.mobile-only{display:initial}.mobile-only.flex-component{display:flex}}.page{max-width:1500px;margin:0 auto}.page article>h1{font-size:2rem}.page article li:has(>input[type=checkbox]){padding-left:0;list-style-type:none}.page article li:has(>input[type=checkbox]:checked){text-decoration:line-through;-webkit-text-decoration-color:var(--gray);text-decoration-color:var(--gray);color:var(--gray)}.page article li>*{margin-top:0;margin-bottom:0}.page article p>strong{color:var(--dark)}.page>#quartz-body{grid-template:"grid-sidebar-left grid-header grid-sidebar-right""grid-sidebar-left grid-center grid-sidebar-right""grid-sidebar-left grid-footer grid-sidebar-right"/320px auto 320px;gap:5px;display:grid}@media (min-width:800px) and (max-width:1200px){.page>#quartz-body{grid-template:"grid-sidebar-left grid-header""grid-sidebar-left grid-center""grid-sidebar-left grid-sidebar-right""grid-sidebar-left grid-footer"/320px auto;gap:5px}}@media (max-width:800px){.page>#quartz-body{grid-template:"grid-sidebar-left""grid-header""grid-center""grid-sidebar-right""grid-footer"/auto;gap:5px}}@media not (min-width:1200px){.page>#quartz-body{padding:0 1rem}}@media (max-width:800px){.page>#quartz-body{margin:0 auto}}.page>#quartz-body .sidebar{box-sizing:border-box;gap:1.2rem;height:100vh;padding:6rem 2rem 2rem;display:flex;position:sticky;top:0}.page>#quartz-body .sidebar.left{z-index:1;flex-direction:column;grid-area:grid-sidebar-left}@media (max-width:800px){.page>#quartz-body .sidebar.left{position:initial;height:unset;flex-direction:row;align-items:center;gap:0;padding:2rem 0 0;display:flex}}.page>#quartz-body .sidebar.right{flex-direction:column;grid-area:grid-sidebar-right;margin-right:0}@media (max-width:800px){.page>#quartz-body .sidebar.right{margin-left:inherit;margin-right:inherit}}@media not (min-width:1200px){.page>#quartz-body .sidebar.right{position:initial;height:unset;flex-direction:row;width:100%;padding:0}.page>#quartz-body .sidebar.right>*{flex:1;max-height:24rem}.page>#quartz-body .sidebar.right>.toc{display:none}}.page>#quartz-body .page-header,.page>#quartz-body .page-footer{margin-top:1rem}.page>#quartz-body .page-header{grid-area:grid-header;margin:6rem 0 0}@media (max-width:800px){.page>#quartz-body .page-header{margin-top:0;padding:0}}.page>#quartz-body .center>article{grid-area:grid-center}.page>#quartz-body footer{grid-area:grid-footer}.page>#quartz-body .center,.page>#quartz-body footer{min-width:100%;max-width:100%;margin-left:auto;margin-right:auto}@media (min-width:800px) and (max-width:1200px){.page>#quartz-body .center,.page>#quartz-body footer{margin-right:0}}@media (max-width:800px){.page>#quartz-body .center,.page>#quartz-body footer{margin-left:0;margin-right:0}}.page>#quartz-body footer{margin-left:0}.footnotes{border-top:1px solid var(--lightgray);margin-top:2rem}input[type=checkbox]{color:var(--secondary);border:1px solid var(--lightgray);background-color:var(--light);appearance:none;border-radius:3px;width:16px;height:16px;margin-inline:-1.4rem .2rem;position:relative;transform:translateY(2px)}input[type=checkbox]:checked{border-color:var(--secondary);background-color:var(--secondary)}input[type=checkbox]:checked:after{content:"";border:solid var(--light);border-width:0 2px 2px 0;width:4px;height:8px;display:block;position:absolute;top:1px;left:4px;transform:rotate(45deg)}blockquote{border-left:3px solid var(--secondary);margin:1rem 0;padding-left:1rem;transition:border-color .2s}h1,h2,h3,h4,h5,h6,thead{font-family:var(--headerFont);color:var(--dark);font-weight:revert;margin-bottom:0}article>h1>a[role=anchor],article>h2>a[role=anchor],article>h3>a[role=anchor],article>h4>a[role=anchor],article>h5>a[role=anchor],article>h6>a[role=anchor],article>thead>a[role=anchor]{color:var(--dark);background-color:#0000}h1[id]>a[href^=\#],h2[id]>a[href^=\#],h3[id]>a[href^=\#],h4[id]>a[href^=\#],h5[id]>a[href^=\#],h6[id]>a[href^=\#]{opacity:0;font-family:var(--codeFont);-webkit-user-select:none;user-select:none;margin:0 .5rem;transition:opacity .2s;transform:translateY(-.1rem)}h1[id]:hover>a,h2[id]:hover>a,h3[id]:hover>a,h4[id]:hover>a,h5[id]:hover>a,h6[id]:hover>a{opacity:1}h1:not([id])>a[role=anchor],h2:not([id])>a[role=anchor],h3:not([id])>a[role=anchor],h4:not([id])>a[role=anchor],h5:not([id])>a[role=anchor],h6:not([id])>a[role=anchor]{display:none}h1{margin-top:2.25rem;margin-bottom:1rem;font-size:1.75rem}h2{margin-top:1.9rem;margin-bottom:1rem;font-size:1.4rem}h3{margin-top:1.62rem;margin-bottom:1rem;font-size:1.12rem}h4,h5,h6{margin-top:1.5rem;margin-bottom:1rem;font-size:1rem}figure[data-rehype-pretty-code-figure]{margin:0;line-height:1.6rem;position:relative}figure[data-rehype-pretty-code-figure]>[data-rehype-pretty-code-title]{font-family:var(--codeFont);border:1px solid var(--lightgray);width:fit-content;color:var(--darkgray);border-radius:5px;margin-bottom:-.5rem;padding:.1rem .5rem;font-size:.9rem}figure[data-rehype-pretty-code-figure]>pre{padding:0}pre{font-family:var(--codeFont);border:1px solid var(--lightgray);border-radius:5px;padding:0 .5rem;position:relative;overflow-x:auto}pre:has(>code.mermaid){border:none}pre>code{counter-reset:line;counter-increment:line 0;background:0 0;padding:.5rem 0;font-size:.85rem;display:grid;overflow-x:auto}pre>code [data-highlighted-chars]{background-color:var(--highlight);border-radius:5px}pre>code>[data-line]{box-sizing:border-box;border-left:3px solid #0000;padding:0 .25rem}pre>code>[data-line][data-highlighted-line]{background-color:var(--highlight);border-left:3px solid var(--secondary)}pre>code>[data-line]:before{content:counter(line);counter-increment:line;text-align:right;color:#738a9499;width:1rem;margin-right:1rem;display:inline-block}pre>code[data-line-numbers-max-digits="2"]>[data-line]:before{width:2rem}pre>code[data-line-numbers-max-digits="3"]>[data-line]:before{width:3rem}code{color:var(--dark);font-size:.9em;font-family:var(--codeFont);background:var(--lightgray);border-radius:5px;padding:.1rem .2rem}tbody,li,p{line-height:1.6rem}.table-container{overflow-x:auto}.table-container>table{border-collapse:collapse;margin:1rem;padding:1.5rem}.table-container>table th,.table-container>table td{min-width:75px}.table-container>table>*{line-height:2rem}th{text-align:left;border-bottom:2px solid var(--gray);padding:.4rem .7rem}td{padding:.2rem .7rem}tr{border-bottom:1px solid var(--lightgray)}tr:last-child{border-bottom:none}img{content-visibility:auto;border-radius:5px;max-width:100%;margin:1rem 0}p>img+em{display:block;transform:translateY(-1rem)}hr{background-color:var(--lightgray);border:none;width:100%;height:1px;margin:2rem auto}audio,video{border-radius:5px;width:100%}.spacer{flex:2 auto}div:has(>.overflow){max-height:100%;overflow-y:hidden}ul.overflow,ol.overflow{content:"";clear:both;width:100%;max-height:100%;margin-bottom:0;overflow-y:auto}ul.overflow>li.overflow-end,ol.overflow>li.overflow-end{height:.5rem;margin:0}ul.overflow.gradient-active,ol.overflow.gradient-active{-webkit-mask-image:linear-gradient(#000 calc(100% - 50px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 50px),#0000 100%)}.transclude ul{padding-left:1rem}.katex-display{display:initial;overflow:auto hidden}.external-embed.youtube,iframe.pdf{aspect-ratio:16/9;border-radius:5px;width:100%;height:100%}.navigation-progress{background:var(--secondary);z-index:9999;width:0;height:3px;transition:width .2s;position:fixed;top:0;left:0}:root{--bodyFont:"Microsoft YaHei","PingFang SC",sans-serif;--headerFont:var(--bodyFont);--codeFont:"Cascadia Code",Consolas,monospace;--ink:#24304b;--muted:#6b7791;--accent:#6264c8;--line:#e5e9f4}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:28px;font-size:16px}body{color:var(--ink);isolation:isolate;background:#eff2fa;margin:0;line-height:1.8}body,button,input{font-family:var(--bodyFont)}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{color:#4548a8}a:focus-visible,button:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #8185f0}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{width:calc(100% - 80px);max-width:1248px;margin:0 auto;padding:0}.page>#quartz-body{grid-template-columns:minmax(0,1fr) 250px;gap:0 32px;padding:0;display:grid}.page>#quartz-body .left.sidebar{display:none}.page>#quartz-body .center{grid-area:auto;width:100%;min-width:0}.page>#quartz-body .page-header{margin:0;padding:0}.page>#quartz-body .right.sidebar{grid-area:auto/2;width:auto;height:fit-content;max-height:calc(100vh - 56px);margin-top:235px;padding:0;display:block;position:sticky;top:28px;overflow-y:auto}.page>#quartz-body .center>hr,.page-footer:empty{display:none}header{margin:0;padding:0;display:block}.public-header{width:calc(100% + 282px)}.site-wallpaper{z-index:-2;object-fit:cover;object-position:center 47%;border-radius:0;width:100%;height:330px;margin:0;position:absolute;inset:0 0 auto}.public-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#08112c33,#1220428c 65%,#eff2fa);height:331px;position:absolute;inset:0 0 auto}.site-nav{z-index:10;border-bottom:1px solid #ffffff24;align-items:center;gap:40px;height:86px;display:flex;position:relative}.site-nav a{color:#e7ecff;font-size:14px;font-weight:500}.site-name{align-items:center;gap:10px;margin-right:auto;display:flex}.site-nav .site-name{color:#fff;letter-spacing:.5px;font-family:Georgia,serif;font-size:23px;line-height:1.1}.site-name small{font-family:var(--bodyFont);letter-spacing:3px;color:#c3cfea;margin-top:8px;font-size:10px;font-weight:400;display:block}.nav-links{align-self:stretch;align-items:center;gap:34px;display:flex}.nav-links a{align-items:center;gap:5px;display:flex;position:relative}.nav-links .current:after{content:"";background:#b2c9ff;border-radius:8px;width:14px;height:2px;position:absolute;bottom:17px;left:calc(50% - 7px)}.nav-search{background:#ffffff0d;border:1px solid #ffffff2d;border-radius:8px;align-items:center;gap:8px;padding:7px 13px;display:flex}.nav-search svg{width:17px;height:17px}.skip-link{z-index:50;color:var(--ink);background:#fff;border-radius:6px;padding:10px 16px;position:absolute;top:-100px;left:12px}.skip-link:focus{top:8px}.reading-search{padding:28px 0 36px}.public-search{z-index:20;max-width:545px;position:relative}.search-field{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed;border:1px solid #ffffff73;border-radius:12px;align-items:center;gap:12px;padding:0 18px;display:flex;box-shadow:0 8px 30px #101a4730}.search-field>svg{color:#7b83a2;flex-shrink:0;width:21px;height:21px}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:17px 0;font-size:14px;line-height:1.5}.search-field kbd{color:#7e87a0;box-shadow:none;border:1px solid #d5dbe7;border-radius:4px;padding:4px 6px;font-size:12px;line-height:1}.search-field button{color:#5a60b8;white-space:nowrap;background:0 0;border:0;padding:8px 0;font-size:13px}.search-dropdown{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;max-height:420px;padding:8px 20px;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 20px 55px #1023412b}#public-search-status{color:var(--muted);margin:8px 0;font-size:13px}#public-search-results{margin:0;padding:0;list-style:none}#public-search-results li{border-top:1px solid var(--line);padding:14px 0}#public-search-results a{color:#4d55aa;font-size:15px;font-weight:600}#public-search-results p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.75}body[data-slug=index] .page>#quartz-body{display:block}body[data-slug=index] .right.sidebar{display:none!important}.home-header{width:100%}.home-header .site-wallpaper{object-position:65% 47%;height:730px}.home-header:before{background:linear-gradient(#040d2038 0%,#0000 55%,#eff2fa 100%),linear-gradient(90deg,#07102a91,#0f1b3726 48%,#0000 72%);height:731px}.hero{padding:58px 0 108px;position:relative}.eyebrow{letter-spacing:4px;color:#b8d6ff;margin:0 0 20px;font-size:11px;font-weight:600}.hero h1{color:#fff;letter-spacing:3px;text-shadow:0 3px 32px #0c173842;margin:0 0 23px;font-family:STZhongsong,Songti SC,Noto Serif SC,serif;font-size:clamp(45px,4.4vw,66px);font-weight:600;line-height:1.27}.hero-description{color:#d9e4fb;letter-spacing:.4px;margin:0 0 28px;font-size:14px;line-height:2}.hero-bottom{margin-top:14px}.popular-searches{color:#e5eafa;align-items:center;gap:9px;font-size:11px;display:flex}.popular-searches>span{opacity:.75;margin-right:5px}.popular-searches button{color:#f0f2ff;background:#101e4157;border:1px solid #cddcfa50;border-radius:20px;padding:4px 11px;font-size:11px;transition:background .2s}.explore-link{color:#f0f2ff;letter-spacing:1px;gap:24px;margin-top:26px;font-size:12px;display:inline-flex}.wallpaper-caption{color:#edf3ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10203a50;border:1px solid #ffffff24;border-radius:20px;padding:5px 12px;font-size:11px;position:absolute;top:561px;right:max(40px,50vw - 624px)}.wallpaper-caption span{color:#c6e1ff;margin-right:7px}.home-content{grid-template-columns:minmax(0,1fr) 272px;gap:30px;margin-top:-14px;display:grid;position:relative}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-kicker{letter-spacing:2px;color:#657392;margin:0 0 8px;font-size:10px;font-weight:600;line-height:1.5}.section-heading h2{color:var(--ink);letter-spacing:.5px;margin:0;font-size:23px;font-weight:600;line-height:1.5}.article-count{white-space:nowrap;color:#687597;border:1px solid #d9e0f0;border-radius:20px;padding:3px 11px;font-size:11px}.category-filters{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.category-filters button{color:#66738c;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 13px;font-size:12px;transition:background .2s}.category-filters button span{opacity:.7;margin-left:5px;font-size:10px}.category-filters button[aria-pressed=true]{color:#575db5;background:#fff;border-color:#e0e4f3;font-weight:600;box-shadow:0 3px 9px #28365a08}.category-filters button:hover{background:#fff}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.tutorial-card{color:var(--ink);background:#fff;border:1px solid #e2e7f3;border-radius:18px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 24px #32447406}.tutorial-card:hover{color:var(--ink);transform:translateY(-4px);box-shadow:0 16px 36px #32447416}.card-art{color:#5f62b1;background:#dddffa;flex-direction:column;flex-shrink:0;justify-content:center;height:158px;padding:35px 24px 20px;display:flex;position:relative;overflow:hidden}.art-label{z-index:1;letter-spacing:-.5px;font-family:Georgia,serif;font-size:27px;font-weight:500;position:relative}.art-detail{z-index:1;letter-spacing:1.2px;margin-top:2px;font-size:11px;position:relative}.art-index{opacity:.13;font-family:Georgia,serif;font-size:48px;position:absolute;bottom:12px;right:20px}.art-lines{opacity:.28;width:100%;height:100%;position:absolute;top:0;left:0}.card-copy{flex-direction:column;flex:1;padding:22px 24px 18px;display:flex}.card-meta{color:#6d74bf;letter-spacing:.5px;align-items:center;gap:10px;font-size:10px;display:flex}.featured-label{color:#8b91a8;border-left:1px solid #dedfee;padding-left:10px}.card-copy h3{color:var(--ink);margin:10px 0;font-size:17px;font-weight:600;line-height:1.7}.card-copy p{color:#626f89;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 18px;font-size:12px;line-height:1.95;display:-webkit-box;overflow:hidden}.card-action{color:#7c83b8;border-top:1px solid #eef0f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.card-action span{color:#7276ba;font-size:17px}.featured-card{flex-direction:row;grid-column:1/-1}.featured-card .card-art{color:#fff;background:#223562;justify-content:flex-end;width:44%;height:auto;min-height:272px;padding-bottom:26px}.card-art img{object-fit:cover;object-position:76% center;width:100%;height:100%;position:absolute;inset:0}.featured-card .card-art:after{content:"";background:linear-gradient(#0000 35%,#111c4bcc);position:absolute;inset:0}.featured-card .art-label,.featured-card .art-detail{z-index:2}.featured-card .card-copy h3{font-size:20px}.creator-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:0 25px 25px;overflow:hidden}.creator-art{background:#e8edf3;height:112px;margin:0 -25px}.creator-emblem{color:#8a7bd6;background:#eaeaff;border:4px solid #fff;border-radius:16px;justify-content:center;align-items:center;width:51px;height:51px;margin-top:-26px;margin-bottom:18px;display:flex;position:relative}.creator-emblem svg{width:30px;height:30px}.creator-panel h2{color:#343e5c;margin:9px 0 14px;font-size:21px;line-height:1.6}.creator-panel>p:not(.section-kicker){color:#64718b;margin:0 0 20px;font-size:12px;line-height:2}.creator-panel>a{color:#7770b4;background:#f0effb;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;display:flex}.reading-path{background:#ffffff85;border:1px solid #e2e6f3;border-radius:18px;margin-top:24px;padding:24px 20px}.reading-path h2{margin:7px 0 15px;font-size:16px}.reading-path>a{color:#505e7d;border-top:1px solid #e4e8f4;align-items:center;gap:10px;padding:13px 0;font-size:12px;display:flex}.reading-path>a>span{color:#a6a5c8;font-family:Georgia,serif;font-size:12px}.reading-path small{color:#9099ae;margin-top:3px;font-size:10px;display:block}.reading-path b{color:#9b9fc2;margin-left:auto;font-weight:400}.aside-note{text-align:center;color:#909bbb;margin-top:29px}.aside-note svg{opacity:.7;width:28px;height:28px}.aside-note p{margin:6px 0 10px;font-size:12px;line-height:2}.aside-note>span{letter-spacing:1.8px;color:#a8b0c5;font-size:8px}.article-intro{border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:20px 20px 0 0;padding:34px 46px 25px}.mobile-toc{display:none}.page article.not-found{border:1px solid var(--line);border-radius:20px;min-height:240px;padding:44px}.breadcrumbs{color:#8c95ae;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:25px;font-size:11px;display:flex}.article-intro h1{letter-spacing:.4px;color:#283653;margin:12px 0 20px;font-size:30px;font-weight:600;line-height:1.65}.article-byline{color:#939bb0;align-items:center;gap:8px;font-size:11px;display:flex}.author-dot{background:#95b3b4;border-radius:50%;width:20px;height:20px}.byline-divider{color:#c3c8d6;padding:0 2px}.page article.reading-content{border:1px solid var(--line);color:#424e66;overflow-wrap:anywhere;background:#fff;border-top:0;border-radius:0 0 20px 20px;padding:6px 46px 44px}article.reading-content>h1{font-size:30px;line-height:1.65}article.reading-content h2{color:#2e3c58;margin:40px 0 18px;padding-top:5px;scroll-margin-top:28px;font-size:21px;line-height:1.6}article.reading-content h2:before{content:"";vertical-align:-2px;background:#b3adea;border-radius:5px;width:4px;height:18px;margin-right:11px;display:inline-block}article.reading-content h3{color:#3e4a65;margin:28px 0 12px;font-size:17px}article.reading-content p,article.reading-content li,article.reading-content td,article.reading-content th{font-size:15px;line-height:1.95}article.reading-content p{margin:0 0 19px}article.reading-content ul,article.reading-content ol{padding-left:1.5rem}article.reading-content li{margin:8px 0}article.reading-content li::marker{color:#9998ca}article.reading-content a{color:#7272c3;text-underline-offset:4px;background:0 0;padding:0;font-weight:500;-webkit-text-decoration:underline #cbcaec;text-decoration:underline #cbcaec}article.reading-content strong{color:#354360}article.reading-content img{border-radius:10px;max-width:100%;height:auto;margin:20px auto;display:block}article.reading-content figure{margin:24px 0}article.reading-content figcaption{color:var(--muted);font-size:12px}article.reading-content pre{border:1px solid var(--line);background:#f4f6fc;border-radius:10px;padding:20px;overflow-x:auto}article.reading-content code{font-family:var(--codeFont);color:#6e65a7;overflow-wrap:anywhere;background:#f3f2fb;border-radius:4px;font-size:13px}article.reading-content pre code{white-space:pre;background:0 0}article.reading-content table{border-collapse:collapse;border-radius:8px;max-width:100%;margin:22px 0;display:block;overflow-x:auto}article.reading-content th{text-align:left;color:#657094;background:#f0f2fa;font-weight:600}article.reading-content td,article.reading-content th{border:1px solid #e5e9f4;min-width:5rem;padding:10px 14px}article.reading-content td code,article.reading-content th code{white-space:nowrap;overflow-wrap:normal;word-break:normal}article.reading-content blockquote{background:#f2f3fd;border-left:3px solid #b8afe9;border-radius:0 8px 8px 0;margin:20px 0 26px;padding:16px 20px}article.reading-content blockquote p{color:#7480a0;margin:0;font-size:13px}.article-toc{border:1px solid var(--line);background:#ffffffcf;border-radius:16px;padding:24px 20px 18px}.article-toc h2{color:#536080;margin:6px 0 18px;font-size:16px}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li{margin:0;font-size:12px;line-height:1.8}.article-toc a{color:#8089a1;border-left:2px solid #e7eaf4;padding:7px 0 7px 12px;font-weight:400;display:block}.article-toc .h3 a{padding-left:23px;font-size:11px}.download-note{color:#7370af;background:#e8e8f9;border-radius:10px;justify-content:space-between;align-items:center;margin-top:17px;padding:13px 17px;font-size:12px;display:flex}.back-library{text-align:center;color:#8b95ac;padding:15px 0;font-size:11px;display:block}.page>#quartz-body .public-footer{border-top:1px solid #dfe4f2;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:24px;width:100%;min-width:0;margin:55px 0 0;padding:33px 0 28px;display:flex}.footer-brand{color:#697596;align-items:center;gap:11px;font-family:Georgia,serif;font-size:19px;display:flex}.footer-brand svg{color:#a3a7d3;width:28px;height:28px}.footer-brand small{font-family:var(--bodyFont);color:#9aa4b9;margin-top:4px;font-size:10px;display:block}.footer-links{gap:22px;margin-left:auto;display:flex}.footer-links a{color:#8792ab;font-size:11px}.public-footer>p{text-align:right;color:#a5aec2;letter-spacing:1px;width:100%;margin:-6px 0 0;font-size:9px}#public-content:focus{outline:none}#tutorials{scroll-margin-top:25px}.external-icon,a[role=anchor],.clipboard-button{display:none!important}@media (max-width:1000px){.page{width:calc(100% - 48px)}.page>#quartz-body{grid-template-columns:minmax(0,1fr) 210px;gap:0 24px}.public-header{width:calc(100% + 234px)}.home-content{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.home-header{width:100%}.featured-card{flex-direction:column}.featured-card .card-art{width:100%;height:200px;min-height:0}.card-copy{padding:19px}.card-copy h3{font-size:16px}.article-intro{padding:30px 30px 20px}.page article.reading-content{padding:6px 30px 35px}}@media (max-width:760px){.page{width:calc(100% - 32px)}.page>#quartz-body{display:block}.page>#quartz-body .right.sidebar{display:none}.public-header{width:100%}.site-nav{gap:16px;height:76px}.site-nav .site-name{gap:6px;font-size:19px}.site-name svg{width:31px;height:31px}.site-name small{letter-spacing:2px;font-size:8px}.nav-links{gap:20px}.nav-links a{font-size:12px}.nav-links a:first-child{display:none}.nav-search{padding:8px}.nav-search span{display:none}.home-header .site-wallpaper{object-position:93% center;height:690px}.home-header:before{background:linear-gradient(#0000 53%,#eff2fa),linear-gradient(90deg,#071027c4,#07102745);height:691px}.hero{padding:75px 8px 95px}.hero h1{letter-spacing:1px;font-size:47px;line-height:1.35}.hero-description{max-width:310px;font-size:12px}.eyebrow{letter-spacing:3px;font-size:10px}.hero .public-search{width:100%}.search-field{gap:10px;padding:0 13px}.search-field input{padding:17px 0;font-size:13px}.search-field kbd{display:none}.wallpaper-caption{font-size:9px;top:560px;right:24px}.home-content{margin-top:0;display:block}.section-heading h2{font-size:21px}.section-kicker{font-size:9px}.home-aside{grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;display:grid}.creator-panel{padding:0 20px 22px}.creator-art{margin:0 -20px}.reading-path{margin:0}.aside-note{display:none}.article-intro{padding:25px 24px 22px}.article-intro h1{font-size:25px;line-height:1.6}.mobile-toc{border-top:1px solid var(--line);margin-top:22px;padding-top:13px;display:block}.mobile-toc summary{color:#6969ab;cursor:pointer;font-size:12px}.mobile-toc .article-toc{background:0 0;border:0;padding:15px 0 0}.mobile-toc .back-library,.mobile-toc .article-toc>.section-kicker,.mobile-toc .article-toc>h2{display:none}.page article.reading-content{padding:5px 24px 30px}.reading-search{padding:23px 0 30px}.page>#quartz-body .public-footer{margin-top:35px}}@media (max-width:480px){.nav-links,.site-nav{gap:14px}.site-name small{letter-spacing:1px}.hero{padding-left:3px;padding-right:3px}.popular-searches{gap:7px}.popular-searches button{padding:4px 9px;font-size:10px}.explore-link{margin-top:28px}.section-heading h2{font-size:20px}.article-count{padding:2px 8px;font-size:10px}.category-filters{gap:3px}.category-filters button{padding:7px 9px;font-size:11px}.tutorial-grid{grid-template-columns:1fr;gap:19px}.featured-card{grid-column:auto}.featured-card .card-art{height:185px}.featured-card .card-copy{padding:22px}.featured-card .card-copy h3{font-size:18px}.card-art{height:148px}.card-copy{padding:22px}.card-copy h3{font-size:18px}.home-aside{display:block}.creator-panel{display:none}.reading-path{padding:22px}.footer-links{gap:24px;width:100%;margin:0}.public-footer>p{text-align:left}.article-intro{padding:24px 20px 22px}.page article.reading-content{padding:5px 20px 28px}article.reading-content p,article.reading-content li,article.reading-content td,article.reading-content th{font-size:14px}article.reading-content h2{font-size:19px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{body{background:#fff}.page{width:100%}.public-header,.right.sidebar,.public-footer{display:none!important}.page>#quartz-body{display:block}.article-intro,.page article.reading-content{border:0;padding:0}}:root{--ink:#273a43;--muted:#697a7d;--accent:#496c7b;--line:#dadbd3}body{color:var(--ink);background:#faf7ef}.public-header:before{display:none}.home-header{border-bottom:1px solid #c6cec8;position:relative}.home-header .site-wallpaper{object-fit:cover;object-position:center top;z-index:-1;pointer-events:none;width:100vw;height:594px;top:86px;left:calc(-50vw + 50%)}.site-nav{border-bottom:1px solid #b9c3bf}.site-nav a,.site-nav .site-name{color:#263d49}.site-name svg{color:#567582;width:32px;height:32px}.site-name small{color:#687c7d;letter-spacing:2px;font-size:10px}.site-nav .site-name{letter-spacing:-.6px;font-size:24px}.nav-links a{font-size:13px}.nav-links a:hover,.nav-links .current{color:#183b49}.nav-links .current:after{background:#446675;width:22px;height:1px;bottom:19px;left:calc(50% - 11px)}.nav-search{background:0 0;border-color:#b6c2bf;border-radius:2px}.hero{min-height:594px;padding:62px 0 76px}.eyebrow{color:#617879;letter-spacing:2px;align-items:center;gap:13px;margin-bottom:22px;font-size:11px;font-weight:400;display:flex}.eyebrow:before{content:"";background:#799591;width:30px;height:1px}.hero h1{color:#293e49;letter-spacing:1px;text-shadow:none;margin-bottom:25px;font-size:clamp(43px,4.4vw,64px);font-weight:500;line-height:1.35}.hero-dot{color:#8d9ca1}.hero-description{color:#5e7278;letter-spacing:0;max-width:465px;margin-bottom:27px;font-size:14px;line-height:2}.hero .public-search{max-width:455px}.search-field{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffdf8f2;border:1px solid #a6b7b7;border-radius:3px;padding:0 16px;box-shadow:4px 4px #d4ded34d}.search-field>svg{color:#587480;width:18px;height:18px}.search-field input{color:#354b55;padding:15px 0;font-size:14px}.search-field input::placeholder{color:#728184}.search-field:focus-within{outline-offset:3px;outline:2px solid #809eaa}.search-field button{color:#456e7e}.search-field kbd{color:#718b8a;border-color:#c5cfc9;border-radius:2px}.search-dropdown{background:#fffef9;border-color:#d4d9d0;border-radius:3px;box-shadow:0 12px 28px #25392f1a}#public-search-results a{color:#3b6879}.popular-searches{color:#557078;gap:8px}.popular-searches>span{opacity:1;color:#788780;font-size:10px}.popular-searches button{color:#4e6e7a;background:0 0;border:0;border-bottom:1px solid #b3bfbd;border-radius:0;padding:3px 5px;font-size:11px}.popular-searches button:hover{background:#e4ebe3}.explore-link{color:#496d78;letter-spacing:1px;gap:32px;margin-top:28px;font-size:12px}.explore-link:hover{color:#183b49}.wallpaper-caption{-webkit-backdrop-filter:none;backdrop-filter:none;color:#5b7182;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-family:Georgia,serif;font-size:12px;font-style:italic;display:flex;top:auto;bottom:22px;right:12px}.wallpaper-caption svg{width:25px;height:25px;transform:rotate(-12deg)}.wallpaper-caption span{color:#466474;margin:0 2px 0 0;font-size:18px}.home-content{gap:38px;margin-top:50px}.section-kicker{color:#79867f;letter-spacing:1.5px;font-size:10px;font-weight:400}.section-heading{margin-bottom:23px}.section-heading h2{color:#2c4650;letter-spacing:2px;font-family:STZhongsong,Songti SC,serif;font-size:29px;font-weight:500}.article-count{color:#7c8982;border:0;border-radius:0;padding:0;font-size:11px}.category-filters{border-bottom:1px solid #d8ddd4;gap:15px;margin-bottom:25px;padding-bottom:0}.category-filters button{color:#71807d;border:0;border-bottom:2px solid #0000;border-radius:0;padding:9px 0 10px;font-size:12px}.category-filters button[aria-pressed=true]{box-shadow:none;color:#365b6b;background:0 0;border-color:#456b77}.category-filters button:hover{color:#274c60;background:0 0}.tutorial-grid{gap:26px}.tutorial-card{box-shadow:none;background:#fffdf8;border:1px solid #d9ded4;border-radius:3px}.tutorial-card:hover{border-color:#a5b8b5;transform:translateY(-2px);box-shadow:3px 5px #d5dbd233}.card-art{color:#506b75;background:#ecf0e9;border-bottom:1px solid #d4ddd7;height:155px;padding:28px 25px}.art-label{letter-spacing:-.7px;font-family:Georgia,serif;font-size:28px}.art-detail{letter-spacing:1px;margin-top:9px;font-size:11px}.art-index{opacity:.55;font-size:16px;bottom:14px;right:18px}.art-lines{opacity:.25}.art-qwen-edit{color:#6f6482;background:#eeebf1}.art-qwen-image{color:#567780;background:#e9f0f2}.art-taomate{color:#737d5a;background:#eef1e5}.art-h3-train{color:#887860;background:#eeeae2}.featured-card .card-art{color:#3f6375;background:#e3edf0;border-bottom:0;border-right:1px solid #cfdcd9;justify-content:center;min-height:249px;padding:28px 26px}.featured-card .card-art:after{display:none}.featured-card .art-label{font-size:38px}.featured-card .art-lines{height:80%;top:10%}.featured-card .card-copy{padding:26px}.featured-card .card-copy h3{font-size:19px;font-weight:500}.card-copy h3{color:#314c55;margin:10px 0 13px;font-weight:500;line-height:1.65}.card-copy p{color:#667b7d;line-height:1.9}.card-meta{color:#708582;letter-spacing:.2px}.featured-label{color:#879485;border-color:#cbd6ce}.card-action{color:#6b8186;border-color:#e2e5db;padding-top:12px}.card-action span{color:#537582}.home-aside{padding-top:5px}.creator-panel{background:0 0;border:0;border-top:1px solid #9fb2ad;border-radius:0;padding:25px 0 20px}.creator-emblem{color:#6d8993;background:0 0;border:1px solid #9eb4b7;border-radius:50%;width:52px;height:52px;margin:0 0 22px;transform:rotate(-10deg)}.creator-panel h2{color:#38535d;margin:11px 0 14px;font-family:STZhongsong,Songti SC,serif;font-size:23px;font-weight:500;line-height:1.7}.creator-panel>p:not(.section-kicker){color:#6e807e;font-size:12px;line-height:2.2}.creator-panel>a{color:#577682;background:0 0;border-bottom:1px solid #acbdb5;border-radius:0;padding:9px 0}.reading-path{background:0 0;border:0;border-top:1px solid #d1d9ce;border-radius:0;margin-top:18px;padding:25px 0}.reading-path h2{color:#48606a;font-weight:500}.reading-path>a{color:#5b747b;border-color:#e0e4d9}.reading-path>a>span{color:#879c94;font-size:13px}.reading-path small{color:#778b87}.reading-path b{color:#718e94}.aside-note{color:#81928c;border-top:1px solid #d1d9ce;margin-top:18px;padding-top:28px}.aside-note>span{color:#82958d}.article-intro{background:#fffef9;border-color:#d9ded4;border-radius:3px 3px 0 0}.page article.reading-content{color:#425d65;background:#fffef9;border-color:#d9ded4;border-radius:0 0 3px 3px}.article-intro h1{color:#2f4a54;font-weight:500}.article-byline,.breadcrumbs{color:#7b8b85}.breadcrumbs a{color:#67848b}.author-dot{background:#95b3b4;border-radius:1px;width:8px;height:8px;margin-right:4px;transform:rotate(45deg)}article.reading-content h2{color:#304e57;font-weight:500}article.reading-content h2:before{background:#8ba6a5;border-radius:0;width:2px}article.reading-content a{color:#496f80;text-decoration-color:#b7ccc8}article.reading-content code{color:#5e6f79;background:#edf0e9;border-radius:1px}article.reading-content pre{background:#f4f5ee;border-color:#dfe4d9;border-radius:2px}article.reading-content th{color:#58716f;background:#edf0e7}article.reading-content td,article.reading-content th{border-color:#dce3d7}article.reading-content tr:nth-child(2n) td{background:#f9faf4}article.reading-content blockquote{background:#f0f3e9;border-color:#a7bab1;border-radius:0}article.reading-content blockquote p{color:#667e78}.article-toc{background:0 0;border:0;border-left:1px solid #c4d0c5;border-radius:0;padding:10px 0 10px 20px}.article-toc h2{color:#577079;font-weight:500}.article-toc a{color:#768984;border-color:#d9e2d5}.article-toc a:hover,.article-toc a.active{color:#406f7b;background:#e9eee4;border-color:#6c989c}.download-note{color:#5d7b76;background:#eaf0e4;border-radius:2px}.back-library{color:#778d83}.page>#quartz-body .public-footer{border-color:#becfc3;margin-top:58px}.footer-brand{color:#466672}.footer-brand svg{color:#799d9e}.footer-brand small,.footer-links a{color:#788e86}.public-footer>p{color:#81938a}@media (max-width:1000px){.hero .public-search{max-width:410px}.hero-description{max-width:405px;font-size:13px}.home-header .site-wallpaper{object-position:59% top}.home-content{gap:25px}.featured-card .card-art{border-bottom:1px solid #cfdcd9;border-right:0;width:100%;height:180px;min-height:0}}@media (max-width:760px){.site-nav{height:76px}.site-nav .site-name{font-size:19px}.site-name small{font-size:8px}.home-header .site-wallpaper{object-fit:cover;object-position:77% 21%;height:310px;top:76px}.hero{min-height:0;padding:329px 8px 37px}.hero h1{margin:13px 0 17px;font-size:39px;line-height:1.35}.hero h1 br{display:none}.hero-copy .eyebrow{letter-spacing:1.5px;margin:0;font-size:9px}.hero-description{max-width:100%;margin-bottom:21px;font-size:12px;line-height:1.95}.hero .public-search{max-width:100%}.search-field input{padding:15px 0;font-size:14px}.hero-bottom{margin-top:12px}.explore-link{margin-top:22px}.wallpaper-caption{font-size:9px;top:354px;bottom:auto;right:7px}.wallpaper-caption span{font-size:13px}.wallpaper-caption svg{width:18px;height:18px}.home-content{margin-top:32px}.section-heading h2{font-size:26px}.home-aside{gap:30px}.creator-panel{padding:20px 0}.reading-path{margin:0}.mobile-toc summary{color:#577b80}.mobile-toc .article-toc{border:0}}@media (max-width:480px){.hero{padding-top:319px;padding-left:3px;padding-right:3px}.hero h1{font-size:35px}.hero-description{font-size:12px}.category-filters{gap:14px}.category-filters button{font-size:11px}.card-copy{padding:22px}.featured-card .card-art{height:175px}.featured-card .art-label{font-size:34px}.featured-card .card-copy h3{font-size:18px}.reading-path{padding:24px 0}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cover-image:url(/assets/lumi-artbook.webp)}.home-header .site-wallpaper{background:var(--cover-image)center top/cover no-repeat}.nav-controls{align-items:center;gap:12px;display:flex}.theme-control{color:#496c7b;border:1px solid #b6c2bf;border-radius:2px;align-items:center;min-height:40px;display:flex;position:relative}.theme-icon{pointer-events:none;width:17px;height:17px;position:absolute;left:10px}.theme-control select{appearance:none;font-family:var(--bodyFont);color:#385966;cursor:pointer;background:0 0;border:0;border-radius:2px;width:108px;min-height:40px;padding:10px 9px 10px 34px;font-size:12px}.theme-control option{color:#273a43;background:#faf7ef;font-size:14px}.theme-control:focus-within{outline-offset:3px;outline:2px solid #809eaa}.theme-control select:focus{outline:none}html:not([data-theme]) .theme-control{display:none}.search-dropdown{overscroll-behavior:contain}.article-intro h1,.card-copy h3{text-wrap:pretty}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cover-image:url(/assets/lumi-artbook-night.webp);--ink:#dce5e2;--muted:#a4b7b8;--accent:#a9c8d6;--line:#3c5059;--dark:#dce5e2;--darkgray:#bdcece;--gray:#9fb3b8;--light:#18262f;--lightgray:#3c5059;--secondary:#a9c8d6;--tertiary:#c4dde1;--textHighlight:#3b5159}html[data-theme=dark] body{color:#dce5e2;background:#18262f}html[data-theme=dark] a:hover{color:#d3e7ed}html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible{outline-color:#9dbecb}html[data-theme=dark] .site-nav,html[data-theme=dark] .home-header{border-color:#4a5b62}html[data-theme=dark] .site-nav a,html[data-theme=dark] .site-nav .site-name,html[data-theme=dark] .hero h1{color:#e3e9e4}html[data-theme=dark] .site-name svg,html[data-theme=dark] .site-name small{color:#a6bdc4}html[data-theme=dark] .nav-links a:hover,html[data-theme=dark] .nav-links .current{color:#fff8e9}html[data-theme=dark] .nav-links .current:after{background:#b4ccd0}html[data-theme=dark] .nav-search,html[data-theme=dark] .theme-control{color:#c0d5dc;border-color:#53676f}html[data-theme=dark] .theme-control select{color:#cbdcdf}html[data-theme=dark] .theme-control option{color:#dce5e2;background:#20333f}html[data-theme=dark] .theme-control:focus-within,html[data-theme=dark] .search-field:focus-within{outline-color:#9ebdca}html[data-theme=dark] .eyebrow,html[data-theme=dark] .section-kicker{color:#a6bbb9}html[data-theme=dark] .eyebrow:before{background:#819c9f}html[data-theme=dark] .hero-dot{color:#b0bacb}html[data-theme=dark] .hero-description{color:#c0cccb}html[data-theme=dark] .search-field{background:#1c2e39ed;border-color:#627983;box-shadow:4px 4px #0c182226}html[data-theme=dark] .search-field input{color:#e2e8e1}html[data-theme=dark] .search-field input::placeholder{color:#a8bdc2}html[data-theme=dark] .search-field>svg,html[data-theme=dark] .search-field button{color:#b0cbd5}html[data-theme=dark] .search-field kbd{color:#9bb5bf;border-color:#4e6976}html[data-theme=dark] .search-dropdown{background:#20333f;border-color:#51656e;box-shadow:0 12px 28px #07141c44}html[data-theme=dark] #public-search-status,html[data-theme=dark] #public-search-results p{color:#acbfc4}html[data-theme=dark] #public-search-results a{color:#bfdae4}html[data-theme=dark] .popular-searches,html[data-theme=dark] .popular-searches>span{color:#bacbc9}html[data-theme=dark] .popular-searches button{color:#c3d6da;border-color:#6b8087}html[data-theme=dark] .popular-searches button:hover{background:#304852}html[data-theme=dark] .explore-link,html[data-theme=dark] .wallpaper-caption,html[data-theme=dark] .wallpaper-caption span{color:#d4e0df}html[data-theme=dark] .section-heading h2,html[data-theme=dark] .creator-panel h2{color:#e1e6dd}html[data-theme=dark] .article-count{color:#adbfbb}html[data-theme=dark] .category-filters{border-color:#40565e}html[data-theme=dark] .category-filters button{color:#aebfbd}html[data-theme=dark] .category-filters button[aria-pressed=true]{color:#d9e6e1;border-color:#b1cdd0}html[data-theme=dark] .category-filters button:hover{color:#e7eee5}html[data-theme=dark] .tutorial-card{background:#20323d;border-color:#3b5058}html[data-theme=dark] .tutorial-card:hover{border-color:#79959d;box-shadow:3px 5px #071a2226}html[data-theme=dark] .card-art{color:#c6dbdc;background:#293f48;border-color:#4d666e}html[data-theme=dark] .art-qwen-edit{color:#d4c9e4;background:#38384c}html[data-theme=dark] .art-qwen-image{color:#c2dce5;background:#29434f}html[data-theme=dark] .art-taomate{color:#d0dbba;background:#344339}html[data-theme=dark] .art-h3-train{color:#ded1b6;background:#443f36}html[data-theme=dark] .featured-card .card-art{color:#ccdee5;background:#2d4450;border-color:#50626b}html[data-theme=dark] .card-copy h3,html[data-theme=dark] .featured-card .card-copy h3{color:#e1e7e3}html[data-theme=dark] .card-copy p{color:#b8c7c6}html[data-theme=dark] .card-meta{color:#acc5c1}html[data-theme=dark] .featured-label{color:#b5c3b9;border-color:#54696b}html[data-theme=dark] .card-action,html[data-theme=dark] .card-action span{color:#b8cfd6;border-color:#3b5058}html[data-theme=dark] .creator-panel{border-color:#6a858a}html[data-theme=dark] .creator-emblem{color:#b2c6d1;border-color:#788f9d}html[data-theme=dark] .creator-panel>p:not(.section-kicker){color:#b5c5c1}html[data-theme=dark] .creator-panel>a{color:#b9d2d6;border-color:#6a8384}html[data-theme=dark] .reading-path,html[data-theme=dark] .aside-note{border-color:#4b6163}html[data-theme=dark] .reading-path h2{color:#d1dddb}html[data-theme=dark] .reading-path>a{color:#bdcfd0;border-color:#3f5358}html[data-theme=dark] .reading-path>a>span,html[data-theme=dark] .reading-path small,html[data-theme=dark] .reading-path b{color:#a6bcbc}html[data-theme=dark] .aside-note,html[data-theme=dark] .aside-note>span{color:#a9bcb6}html[data-theme=dark] .article-intro,html[data-theme=dark] .page article.reading-content{background:#1f303b;border-color:#3e5359}html[data-theme=dark] .article-intro h1,html[data-theme=dark] article.reading-content h2,html[data-theme=dark] article.reading-content h3,html[data-theme=dark] article.reading-content>h1{color:#e2e7e0}html[data-theme=dark] .page article.reading-content{color:#cbd7d4}html[data-theme=dark] .article-byline,html[data-theme=dark] .breadcrumbs{color:#a8bdb7}html[data-theme=dark] .breadcrumbs a{color:#aac7ce}html[data-theme=dark] article.reading-content strong{color:#e4eae0}html[data-theme=dark] article.reading-content a{color:#accfdd;text-decoration-color:#5d7d87}html[data-theme=dark] article.reading-content h2:before{background:#9bbdbb}html[data-theme=dark] article.reading-content pre{background:#192a34;border-color:#435c61}html[data-theme=dark] article.reading-content code{color:#c1d5d3;background:#30464b}html[data-theme=dark] article.reading-content pre code{background:0 0}html[data-theme=dark] article.reading-content th{color:#d0dfd5;background:#30454a}html[data-theme=dark] article.reading-content td,html[data-theme=dark] article.reading-content th{border-color:#4a6063}html[data-theme=dark] article.reading-content tr:nth-child(2n) td{background:#243943}html[data-theme=dark] article.reading-content blockquote{background:#2a4047;border-color:#859f96}html[data-theme=dark] article.reading-content blockquote p{color:#c0d1c8}html[data-theme=dark] .article-toc{border-color:#577075}html[data-theme=dark] .article-toc h2{color:#b7d0d2}html[data-theme=dark] .article-toc a{color:#adbfba;border-color:#425c61}html[data-theme=dark] .article-toc a:hover,html[data-theme=dark] .article-toc a.active{color:#d4e6e2;background:#30494e;border-color:#aacbca}html[data-theme=dark] .download-note{color:#bed4ca;background:#30464a}html[data-theme=dark] .back-library,html[data-theme=dark] .mobile-toc summary{color:#b2cbc2}html[data-theme=dark] .page>#quartz-body .public-footer{border-color:#52696b}html[data-theme=dark] .footer-brand{color:#c0d7d9}html[data-theme=dark] .footer-brand svg,html[data-theme=dark] .footer-brand small,html[data-theme=dark] .footer-links a,html[data-theme=dark] .public-footer>p{color:#a8beba}html[data-theme=dark] .skip-link{color:#e3ebe5;background:#243c48}@media (max-width:1000px){.home-header .site-wallpaper{background-position:59% 0}.site-nav{gap:24px}}@media (max-width:760px){.home-header .site-wallpaper{background-position:77% 21%}.nav-controls{gap:8px}.theme-control,.theme-control select{width:38px;min-height:38px}.theme-control select{padding:0;font-size:0}.theme-icon{left:9px}.nav-search{justify-content:center;min-width:38px;min-height:38px}.site-nav{gap:12px}.nav-links{gap:14px}.site-nav .site-name{font-size:18px}.site-name svg{width:28px;height:28px}.search-field input{font-size:16px}}@media (max-width:430px){.nav-links a[href^="https://space.bilibili"]{display:none}}@media print{html[data-theme=dark]{--ink:#273a43}html[data-theme=dark] body,html[data-theme=dark] .article-intro,html[data-theme=dark] .page article.reading-content{color:#273a43;background:#fff}html[data-theme=dark] .article-intro h1,html[data-theme=dark] article.reading-content h2,html[data-theme=dark] article.reading-content h3,html[data-theme=dark] article.reading-content strong{color:#273a43}html[data-theme=dark] article.reading-content :is(td,th,code,pre,blockquote,blockquote p){color:#273a43;background:0 0}}:root{--light:#fff;--lightgray:#e5e7eb;--gray:#737b83;--darkgray:#30373d;--dark:#182126;--secondary:#356b65;--tertiary:#28544f;--highlight:transparent;--textHighlight:#edf4f2;--titleFont:"Microsoft YaHei",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--headerFont:"Microsoft YaHei",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--bodyFont:"Microsoft YaHei",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--codeFont:"Microsoft YaHei",ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}:root[saved-theme=dark]{--light:#fff;--lightgray:#e5e7eb;--gray:#737b83;--darkgray:#30373d;--dark:#182126;--secondary:#356b65;--tertiary:#28544f;--highlight:transparent;--textHighlight:#edf4f2}