body,html{min-width:320px}body{background-color:var(--color-background);font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0}body ::selection{background:var(--color-selection-bg);color:var(--color-selection)}main{color:var(--color-font)}a{color:var(--color-link);font-weight:500;text-decoration:none;text-underline-position:under;transition:color .3s}@media(hover:hover)and (pointer:fine){a:hover{color:var(--color-link-hover)}}p{margin:0}img.icon{height:28px;width:28px}.black{color:var(--color-black-4)}.black-border{border:1px solid var(--color-black-4);color:var(--color-white-1)}.gray{color:var(--color-grey)}.gray-border{border:1px solid var(--color-grey);color:var(--color-black-4)}.gray-background{background-color:var(--color-grey)}.brown{color:var(--color-brown)}.brown-border{border:1px solid var(--color-brown);color:var(--color-black-4)}.brown-background{background-color:var(--color-brown)}.orange{color:var(--color-orange)}.orange-border{border:1px solid var(--color-orange);color:var(--color-black-4)}.orange-background{background-color:var(--color-orange)}.yellow{color:var(--color-yellow)}.yellow-border{border:1px solid var(--color-yellow);color:var(--color-black-4)}.yellow-background{background-color:var(--color-yellow)}.blue{color:var(--color-blue)}.blue-border{border:1px solid var(--color-blue);color:var(--color-black-4)}.blue-background{background-color:var(--color-blue)}.pink{color:var(--color-pink)}.pink-border{border:1px solid var(--color-pink);color:var(--color-black-4)}.pink-background{background-color:var(--color-pink)}.red{color:var(--color-red)}.red-border{border:1px solid var(--color-red);color:var(--color-black-4)}.red-background{background-color:var(--color-red)}.green{color:var(--color-green)}.green-border{border:1px solid var(--color-green);color:var(--color-black-4)}.green-background{background-color:var(--color-green)}.purple{color:var(--color-purple)}.purple-border{border:1px solid var(--color-purple);color:var(--color-black-4)}.purple-background{background-color:var(--color-purple)}.indigo{color:var(--color-indigo)}.indigo-border{border:1px solid var(--color-indigo);color:var(--color-black-3)}.indigo-background{background-color:var(--color-indigo)}.hidden{visibility:hidden}.hide{display:none}.index-layout .introduce{margin-top:4rem}.index-layout .logo-box{align-items:center;display:flex;justify-content:center;margin:24px 0}.posts-layout__header{display:flex;flex-direction:column;row-gap:12px}.post__footer{display:flex;flex-direction:column;margin:32px 0;row-gap:36px}.treepedia-layout__header{display:flex;flex-direction:column;margin-bottom:12px;row-gap:12px}.treepedia-layout .desc{color:var(--color-grey);font-size:11pt;margin-bottom:8px}.treepedia-layout .desc em{color:var(--color-secondary);font-style:normal}:root{--color-black-1:#090909;--color-black-2:#111;--color-black-3:#1a1a1a;--color-black-4:#222;--color-black-5:#2b2b2b;--color-black-6:#333;--color-white-1:#f7f7f7;--color-white-2:#eee;--color-white-3:#e6e6e6;--color-white-4:#ddd;--color-white-5:#d5d5d5;--color-white-6:#ccc;--color-deep-navy:#0a1128}html[weezip-theme=light]:root{--color-black:#000;--color-white:#fff;--color-grey:#8e8e93;--color-grey-2:#aeaeb2;--color-grey-3:#c7c7cc;--color-grey-4:#d1d1d6;--color-grey-5:#e5e5ea;--color-grey-6:#f2f2f7;--color-red:#ff3b30;--color-orange:#ff9500;--color-yellow:#ffd60a;--color-green:#30d158;--color-mint:#63e6e2;--color-teal:#40cbe0;--color-cyan:#64d2ff;--color-blue:#0a84ff;--color-indigo:#5e5ce6;--color-purple:#bf5af2;--color-pink:#ff375f;--color-brown:#ac8e68;--color-base:#1e3c40;--color-primary:#5e8b7e;--color-secondary:#a7c4bc;--color-third:#dfeeea;--color-mono:var(--color-black-1);--color-reverse-mono:var(--color-white-1);--color-selection:var(--color-reverse-mono);--color-selection-bg:var(--color-primary);--color-font:var(--color-black-6);--color-font-reverse:var(--color-white-2);--color-link:#1e3c40;--color-link-hover:var(--color-primary);--color-background:var(--color-white-1);--color-background-opacity:rgba(223,238,234,.95);--color-breadcrumb-bg:var(--color-secondary);--color-shadow:var(--color-white-3);--color-header:var(--color-base);--color-corner:var(--color-third)}html[weezip-theme=dark]:root{--color-black:#000;--color-white:#fff;--color-grey:#8e8e93;--color-grey-2:#636366;--color-grey-3:#48484a;--color-grey-4:#3a3a3c;--color-grey-5:#2c2c2e;--color-grey-6:#1c1c1e;--color-red:#ff453a;--color-orange:#ff9f0a;--color-yellow:#fc0;--color-green:#34c759;--color-mint:#00c7be;--color-teal:#30b0c7;--color-cyan:#32ade6;--color-blue:#007aff;--color-indigo:#5856d6;--color-purple:#af52de;--color-pink:#ff2d55;--color-brown:#a2845e;--color-base:#b9fffc;--color-primary:#a3d8f4;--color-secondary:#9ab3f5;--color-third:#7579e7;--color-mono:var(--color-white-1);--color-reverse-mono:var(--color-black-1);--color-selection:var(--color-reverse-mono);--color-selection-bg:var(--color-primary);--color-font:var(--color-white-2);--color-font-reverse:var(--color-black-6);--color-link:#a0a3ef;--color-link-hover:var(--color-third);--color-background:var(--color-deep-navy);--color-background-opacity:rgba(117,121,231,.95);--color-breadcrumb-bg:var(--color-primary);--color-shadow:var(--color-black-4);--color-header:var(--color-base);--color-corner:var(--color-third)}.svg-wrapper.pointer{cursor:pointer}.svg-wrapper.black path{fill:#090909}.svg-wrapper.white path{fill:#f7f7f7}.svg-wrapper.base path{fill:#2f5d62}.svg-wrapper.primary path{fill:var(--color-primary)}.svg-wrapper.secondary path{fill:var(--color-secondary)}.svg-wrapper.third path{fill:var(--color-third)}.svg-wrapper.mono path{fill:var(--color-mono)}.svg-wrapper.reverse-mono path{fill:var(--color-reverse-mono)}.last-edited-days{color:var(--color-red);font-style:normal;font-weight:500}.breadcrumb{margin:12px 0}.breadcrumb ol{border-radius:.3rem;display:inline-flex;flex-direction:row;list-style:none;margin:0;overflow:hidden;padding:0}.breadcrumb ol li{background:var(--color-background);color:#333;font-size:.85rem;outline:none;position:relative;text-decoration:none;transition:all .2s linear}.breadcrumb ol li a{display:block;height:100%;padding:.25rem .75em .25rem 1.25em;width:100%}.breadcrumb ol li:after,.breadcrumb ol li:before{background:var(--color-background);bottom:0;-webkit-clip-path:polygon(50% 50%,-50% -50%,0 100%);clip-path:polygon(50% 50%,-50% -50%,0 100%);content:"";left:100%;position:absolute;top:0;transition:all .2s linear;width:1em;z-index:1}.breadcrumb ol li:before{background:var(--color-base);margin-left:1px}.breadcrumb ol li:hover,.breadcrumb ol li:hover:after{background:var(--color-breadcrumb-bg)}.breadcrumb ol li:focus,.breadcrumb ol li:focus:after{background:#323f4a;color:#fff}.breadcrumb ol li:last-child{border-right:none}.my-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;letter-spacing:-.05px;transition:background-color .2s}.my-button.size-primary{font-size:12pt;height:48px;padding:10px}.my-button.size-secondary{height:40px;padding:8px}.my-button.size-third{border-radius:4px;height:32px;padding:6px}.my-button.size-fourth{border-radius:4px;font-size:12px;height:24px;padding:4px}.my-button.type-border{background-color:var(--color-reverse-mono)}@media(hover:hover)and (pointer:fine){.my-button.type-border:hover{background-color:var(--color-third);border:1.5px solid var(--color-third);color:var(--color-base)}}.my-button.color-primary.type-border{border:1.5px solid var(--color-primary);color:var(--color-font)}.my-button.color-secondary.type-border{border:1.5px solid var(--color-secondary);color:var(--color-font)}.my-button.color-primary.type-bg{background-color:var(--color-primary)}.my-button.color-secondary.type-bg{background-color:var(--color-secondary)}.block-divider{background-color:#e5e5e5;border-width:0;width:100%}.block-divider.primary{background-color:var(--color-primary)}.block-divider.secondary{background-color:var(--color-secondary)}.float-box{bottom:24px;display:flex;flex-direction:column;position:fixed;right:18px;row-gap:16px;z-index:30}.circle-icon-wrapper{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:color .2s}.circle-icon-wrapper.mono{border:2px solid var(--color-mono)}@media(hover:hover)and (pointer:fine){.circle-icon-wrapper.mono:hover{border:2px solid var(--color-secondary)}.circle-icon-wrapper.mono:hover svg path{fill:var(--color-secondary)}}.circle-icon-wrapper.reverse-mono{border:2px solid var(--color-reverse-mono)}@media(hover:hover)and (pointer:fine){.circle-icon-wrapper.reverse-mono:hover{border:2px solid var(--color-secondary)}.circle-icon-wrapper.reverse-mono:hover svg path{fill:var(--color-secondary)}}.circle-icon-wrapper.secondary{background-color:var(--color-reverse-mono);border:2px solid var(--color-secondary)}@media(hover:hover)and (pointer:fine){.circle-icon-wrapper.secondary:hover{border:2px solid var(--color-base)}}.snb-open-icon{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:48px;justify-content:center;left:12px;position:fixed;top:6px;transition:background-color .2s;width:48px;z-index:1000}@media(hover:hover)and (pointer:fine){.snb-open-icon:hover{background-color:var(--color-secondary);border-radius:4px}}.circle-progress-box{align-items:center;display:flex;justify-content:center;width:100%}.circle-progress-box svg{animation:rotate 1.1s;animation-iteration-count:infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.scroll-progress-container{height:4px;position:fixed;top:0;visibility:hidden;width:100vw;z-index:1000}.scroll-progress-container.visible{animation:fade-in .4s;visibility:visible}.scroll-progress-container .scroll-progress{background-color:var(--color-secondary);border-radius:8px;height:4px}strong.my-help-text{color:var(--color-base);font-size:12px}.load-section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;width:100%}.load-section .spinner svg{cursor:pointer;margin-right:8px}@media(hover:hover)and (pointer:fine){.load-section .spinner svg:hover{animation:rotate 1s}}.caution{align-items:center;background-color:var(--color-yellow);border-radius:16px;box-sizing:border-box;color:var(--color-black-6);display:flex;flex-direction:column;justify-content:center;margin:2rem 0;padding:1.75rem 1.5rem;row-gap:8px;width:100%}.caution p{text-align:center;word-break:keep-all}.block-paragraph+.block-paragraph{margin-top:8px}h1{color:var(--color-header);font-size:2em}h2{margin-block:1em .5em}h2,h3{background:linear-gradient(180deg,var(--color-primary),var(--color-base));-webkit-background-clip:text;background-clip:text;color:transparent}h3{font-size:1.2em;margin-block:.8em .5em}.block-bulleted-list{line-height:32px;padding-left:20px}.block-bulleted-list ::marker{font-variant-numeric:tabular-nums;text-align:start!important;text-align-last:start!important;text-indent:0!important;text-transform:none;unicode-bidi:isolate}.block-callout{background-color:var(--color-shadow);border-radius:8px;box-shadow:0 6px 5px -4px var(--color-grey-3);color:var(--color-font);display:flex;flex-direction:column;line-height:1.75rem;margin:24px 0;padding:12px 16px 12px 40px;position:relative}.block-callout .icon-box{font-size:1.5rem;left:10px;position:absolute;top:10px}.block-code{background-color:#efefef;border-radius:8px;display:flex;flex-direction:column;line-height:1.75rem;margin:16px 0;position:relative}.block-code pre{border-radius:0 0 4px 4px;box-sizing:border-box;margin:0!important;white-space:pre-wrap;width:100%}.block-code .code-header{align-items:center;display:flex;justify-content:space-between;padding:4px 12px 0}.block-code .caption,.block-code .code-header .language{color:var(--color-grey);font-size:9pt}.block-code .caption{padding:2px 12px}.block-paragraph{line-height:1.75rem;width:100%}.block-paragraph code{background-color:var(--color-grey-6);border-radius:4px;color:var(--color-red);font-size:11pt;padding:2px 6px}.block-paragraph .block-paragraph-text{display:inline;line-height:1.75rem;width:-moz-fit-content;width:fit-content}.block-quote{border-left:4px solid var(--color-primary);box-sizing:border-box;line-height:1.75rem;margin:12px 0;padding:8px 12px;width:100%}.block-todo{align-items:center;display:flex;line-height:1.75rem}.block-todo input[type=checkbox]{margin-left:8px;margin-right:4px}.block-toggle .toggle-title-box{align-items:center;cursor:pointer;display:flex}.block-toggle .toggle-title-box .icon-box{margin-right:6px;margin-top:2px}.block-toggle .toggle-content-box{margin-left:20px}.block-number-list{line-height:32px;padding-left:20px}.block-image{margin:0;width:100%}.block-image img{border-radius:4px;cursor:zoom-in;max-height:320px;object-fit:contain;width:100%}.block-image .caption-box{color:var(--color-grey);font-size:10pt}.created-date,.edited-date{color:var(--color-font);font-size:12px;line-height:23px}.feedback-box{align-items:center;cursor:pointer;justify-content:center;text-align:center}.feedback-box,.latest-post{display:flex;flex-direction:column}.latest-post{width:100%}.latest-post__title{align-items:center;column-gap:12px;display:flex;justify-content:space-between}.latest-post__title h2{margin:12px 0}.latest-post__title a{font-size:1rem;text-decoration:none}.latest-post ul{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media(max-width:380px){.latest-post ul{grid-template-columns:repeat(1,1fr)}}@media(min-width:380px)and (max-width:767px){.latest-post ul{grid-template-columns:repeat(1,1fr)}}.latest-post-item{align-items:center;border-radius:8px;box-shadow:1px 1px 2px var(--color-primary),-1px -1px 2px var(--color-secondary);display:flex;justify-content:center;min-height:48px}.latest-post-item a{border:1.2px solid var(--color-primary);border-radius:8px;box-sizing:border-box;color:var(--color-font);display:flex;flex-direction:column;font-size:1.05rem;height:100%;overflow:hidden;padding:1.25rem;position:relative;width:100%}.latest-post-item a p{flex:1 1;font-size:1.15rem;margin-bottom:1.45rem;word-break:keep-all}.latest-post-item a span{font-size:.75rem}.latest-post-item a .corner{align-items:center;background-color:var(--color-corner);border-radius:28px 0 4px;bottom:0;display:flex;height:32px;justify-content:center;overflow:hidden;position:absolute;right:0;transform:scale(1);transition:transform .5s ease-out;width:32px;z-index:-1}.latest-post-item a svg{bottom:6px;position:absolute;right:6px;transition:transform .4s}@media(hover:hover)and (pointer:fine){.latest-post-item a:hover .corner{transform:scale(62)}.latest-post-item a:hover svg{transform:translateY(-6px)}}.posts-container{margin:0;padding:0}.posts-container,.posts-empty{display:flex;flex-direction:column;width:100%}.posts-empty{align-items:center;height:300px;justify-content:center}.posts-empty span{align-items:center;color:var(--color-primary);cursor:pointer;display:flex;font-size:13pt;font-weight:500;margin-top:16px;text-decoration:underline}@media(hover:hover)and (pointer:fine){.posts-empty span:hover svg{animation:rotate 1s}}.posts-empty span svg{margin-right:4px}.posts-item{background-color:var(--color-background);border-bottom:1px solid #e5e5e5;border-radius:4px;box-sizing:content-box;cursor:pointer;list-style:none;margin-bottom:1px;transition:color .2s}.posts-item a{color:var(--color-font)}@media(hover:hover)and (pointer:fine){.posts-item:hover{border-bottom:3px solid var(--color-base);margin-bottom:-1px}.posts-item:hover p{color:var(--color-base)}}.posts-item__content{display:flex;flex-direction:column;padding:2rem 0}@media(max-width:380px){.posts-item__content{padding:1.5rem 0}}@media(min-width:380px)and (max-width:767px){.posts-item__content{padding:1.5rem 0}}.posts-item__content p{font-size:1.5rem;font-weight:600;line-height:2.25rem;margin:8px 0 12px;word-break:keep-all}@media(max-width:380px){.posts-item__content p{font-size:1.25rem;line-height:1.75rem}}@media(min-width:380px)and (max-width:767px){.posts-item__content p{font-size:1.25rem;line-height:1.75rem}}.posts-pagination{align-items:center;display:flex;height:54px;justify-content:space-between;margin-top:24px;width:100%}.posts-pagination .page-button{position:relative}.posts-pagination .page-button.first svg,.posts-pagination .page-button.prev svg{left:12px;position:absolute}@media(hover:hover)and (pointer:fine){.posts-pagination .page-button.first.active:hover,.posts-pagination .page-button.prev.active:hover{text-decoration:underline}.posts-pagination .page-button.first.active:hover svg,.posts-pagination .page-button.prev.active:hover svg{animation:motion-left;animation-direction:alternate;animation-duration:.4s;animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes motion-left{0%{transform:translateX(0)}to{transform:translateX(-8px)}}}.posts-pagination .page-button.last svg,.posts-pagination .page-button.next svg{position:absolute;right:12px}@media(hover:hover)and (pointer:fine){.posts-pagination .page-button.last.active:hover,.posts-pagination .page-button.next.active:hover{text-decoration:underline}.posts-pagination .page-button.last.active:hover svg,.posts-pagination .page-button.next.active:hover svg{animation:motion-right;animation-direction:alternate;animation-duration:.4s;animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes motion-right{0%{transform:translateX(0)}to{transform:translateX(8px)}}}.posts-pagination .page-button.first svg{padding-right:2px}.posts-pagination .page-button.disabled{background-color:var(--color-grey-6);color:var(--color-black-6);cursor:default;opacity:.3}.posts-pagination .left-box,.posts-pagination .right-box{display:flex}.posts-pagination .left-box .page-button+.page-button,.posts-pagination .right-box .page-button+.page-button{margin-left:8px}.posts-pagination .center-box{color:var(--color-primary)}.posts-pagination .center-box span+span{margin-left:8px}.posts-pagination .center-box span.current{font-size:18px;font-weight:700}.posts-pagination .center-box span.next,.posts-pagination .center-box span.prev{cursor:pointer}@media(hover:hover)and (pointer:fine){.posts-pagination .center-box span.next:hover,.posts-pagination .center-box span.prev:hover{text-decoration:underline}}.posts-description{align-items:center;display:flex;justify-content:flex-start}.posts-description svg{cursor:pointer;margin-right:8px}@media(hover:hover)and (pointer:fine){.posts-description svg:hover{animation:rotate 1s}}.posts-description .count-box{color:var(--color-font);font-size:10pt;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts-description .count-box span{color:var(--color-base);font-weight:500}.posts-description .count-box strong{color:var(--color-base);font-weight:600}.posts-description .count-box strong span{color:var(--color-font);font-weight:400}.post-filter{align-items:center;background-color:var(--color-grey-5);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:2rem 1.5rem;row-gap:1.5rem;width:100%}.series-filter{align-items:flex-start;display:flex;gap:2px 12px;justify-content:flex-start;width:100%}.series-filter .title{color:var(--color-base);font-size:12pt;font-weight:600;min-width:48px}.series-filter__items{align-items:center;flex-wrap:wrap;gap:16px 12px}.series-filter__items,.tag-filter{display:flex;justify-content:flex-start;width:100%}.tag-filter{align-items:flex-start;gap:2px 12px}.tag-filter .title{color:var(--color-base);font-size:12pt;font-weight:600;min-width:48px}.tag-filter__items{align-items:center;justify-content:flex-start;width:100%}.tag-filter__items,.tags-box{display:flex;flex-wrap:wrap;gap:12px}.tag-item.linked{background-color:var(--color-grey-6);border-radius:16px;font-size:1rem;padding:4px 12px}@media(hover:hover)and (pointer:fine){.tag-item.linked:hover{background-color:var(--color-grey-4)}}.tag-item.normal{font-size:1rem;font-weight:500}.reset-divider{align-items:center;color:var(--color-link);column-gap:8px;cursor:pointer;display:flex}.reset-divider hr{flex:1 1}.reset-divider .reset{align-items:center;column-gap:4px;display:flex;font-size:11pt;justify-content:flex-end}@media(hover:hover)and (pointer:fine){.reset-divider .reset:hover svg{animation:rotate 1.3s;animation-iteration-count:infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}}.out-link-box{display:flex;flex-direction:column;row-gap:12px}.out-link-box .series-button span{color:var(--color-base);font-weight:500;margin-right:4px}.series-box.badge{background-color:var(--color-grey-6);border-radius:16px;font-size:1rem;padding:4px 12px}@media(hover:hover)and (pointer:fine){.series-box.badge:hover{background-color:var(--color-grey-4)}}.series-box.normal{color:var(--color-primary);font-size:1rem;font-weight:500}.share-box{column-gap:8px;display:flex;justify-content:center}.table-of-contents-block{background-color:var(--color-background-opacity);border-radius:13px;box-sizing:border-box;margin:1rem 0 2rem;overflow:hidden;place-content:center;place-items:center;position:relative;width:100%;z-index:1}.table-of-contents-block:before{animation:steam 5s ease-in-out infinite;background:linear-gradient(75deg,var(--color-primary),var(--color-base),var(--color-third));background-size:800% 800%;border-radius:12px;content:"";height:120%;position:absolute;width:120%;z-index:0}.table-of-contents-block__wrapper{background-color:var(--color-background);border-radius:12px;box-sizing:border-box;margin:2px;padding:.75rem;position:relative;width:calc(100% - 4px);z-index:1}.table-of-contents-block__wrapper__header{color:var(--color-font);cursor:pointer;display:flex;justify-content:space-between}.table-of-contents-block__wrapper__header p{font-size:13pt;font-weight:500;margin-bottom:4px;padding-left:6px;padding-top:4px}.table-of-contents-block__wrapper__header .icon-box{align-items:center;display:flex;transform:rotate(0);transition-duration:.2s}.table-of-contents-block__wrapper__header .icon-box.reverse{transform:rotate(-180deg)}@media(hover:hover)and (pointer:fine){.table-of-contents-block__wrapper__header:hover p{color:var(--color-primary)}.table-of-contents-block__wrapper__header:hover svg path{fill:var(--color-primary)}}.table-of-contents-block__wrapper__list{color:var(--color-grey);line-height:24px;margin:0;max-height:65vh;overflow-y:auto;padding-left:0}.table-of-contents-block__wrapper__list .tag-h2,.table-of-contents-block__wrapper__list .tag-top{padding-left:16px;padding-right:16px}.table-of-contents-block__wrapper__list .tag-h3{padding-left:32px;padding-right:16px}.table-of-contents-item-index{cursor:pointer;letter-spacing:-.8px;list-style:none;margin-top:8px}@media(hover:hover)and (pointer:fine){.table-of-contents-item-index:hover{background:linear-gradient(180deg,var(--color-primary),var(--color-base));-webkit-background-clip:text;background-clip:text;color:transparent}}.table-of-contents-item-index.active{background:linear-gradient(180deg,var(--color-primary),var(--color-base));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.table-of-contents-side{color:var(--color-grey);line-height:24px;margin-bottom:0;margin-top:24px;max-height:65vh;overflow-y:auto;padding-left:0}.table-of-contents-side li{cursor:pointer}.table-of-contents-side .tag-h2,.table-of-contents-side .tag-top{padding-left:16px;padding-right:16px}.table-of-contents-side .tag-h3{padding-left:32px;padding-right:16px}.side-layout{align-items:center;background-color:var(--color-background);box-shadow:6px 0 18px -5px var(--color-shadow);color:var(--color-font);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding-top:60px;position:fixed;top:0;transition:transform .16s ease-in-out;width:260px}.side-layout.left{left:0}.side-layout.left.shrink{transform:translateX(-100%)}.side-layout.right{right:0}.side-layout.right.shrink{transform:translateX(100%)}.side-layout .content{flex:1 1;overflow:auto;width:100%}.side-layout.dim{z-index:100}.side-layout-controller{align-items:center;background-color:var(--color-reverse-mono);border:1.5px solid var(--color-primary);cursor:pointer;display:flex;height:49px;justify-content:center;padding:0;position:fixed;top:50%;transform:translateY(-50%);transition:left .16s ease-in-out;width:22px}.side-layout-controller.left{border-radius:0 4px 4px 0;left:260px}.side-layout-controller.left.shrink{left:0}.side-layout-controller.right{border-radius:4px 0 0 4px;right:260px}.side-layout-controller.right.shrink{right:0}@media(hover:hover)and (pointer:fine){.side-layout-controller:hover{background-color:var(--color-grey-5)}}.post-title{cursor:default;pointer-events:none}.post-title h1{color:var(--color-font);margin:0 0 1rem;word-break:keep-all}.title-description{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1rem;row-gap:4px;text-align:right;width:100%}.title-description__right{align-items:center;column-gap:12px;display:flex}.giscus-container__comment{color:var(--color-orange);font-weight:500;margin-bottom:24px;text-align:center}.giscus-container__comment b{font-weight:600}.giscus-container .giscus-wrapper{align-items:center;display:flex;justify-content:center;min-height:376px}.main-layout{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;width:100%}.main-layout .content{word-wrap:break-word;box-sizing:border-box;max-width:768px;min-height:calc(100vh - 62px);padding:36px 20px 48px;position:relative;width:100%}@media(max-width:380px){.main-layout .content{padding:24px 20px 48px}}@media(min-width:380px)and (max-width:767px){.main-layout .content{padding:24px 20px 48px}}.main-layout .content .center{align-items:center;display:flex;flex-direction:column}.main-layout .content .center .block-paragraph{text-align:center!important}.post-search-container{background-color:var(--color-background);box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11);height:230px;left:0;position:fixed;top:0;z-index:300}.post-search-container,.post-search-container .post-search-box{align-items:center;display:flex;justify-content:center;width:100%}.post-search-container .post-search-box{flex-direction:column;height:100%;max-width:768px}.post-search-container .post-search-box .search-box{align-items:center;column-gap:12px;display:flex;height:60px;position:relative;width:calc(100% - 80px)}.post-search-container .post-search-box .search-box .search{background-color:var(--color-background);border:2px solid var(--color-secondary);border-radius:50px;box-sizing:border-box;color:var(--color-font);font-size:13pt;height:100%;padding:12px 24px;width:100%}.post-search-container .post-search-box .search-box .input-box{align-items:center;display:flex;flex:1 1;position:relative}.post-search-container .post-search-box .search-box .input-box input::-webkit-search-cancel-button{display:none}.post-search-container .post-search-box .search-box .input-box .icon-clear{position:absolute;right:14px}.post-search-container .post-search-box .icon-close-box{display:flex;justify-content:flex-end;margin-bottom:40px;position:relative;width:calc(100% - 80px)}.dim-layout{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}.recommend-post-tag{align-items:center;column-gap:12px;display:flex;margin-top:12px}.recommend-post-tag strong{color:var(--color-orange);font-size:13px}.recommend-post-tag .item{cursor:pointer;font-size:13px;line-height:12px;text-decoration:underline}.block-full-image{background-color:var(--color-background);cursor:zoom-out;left:50%;margin:0;max-height:80vh;max-width:80vw;overflow:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:300}@media(max-width:380px){.block-full-image{left:0;max-height:100%;max-width:100%;top:50%;transform:translateY(-50%);width:100%}}@media(min-width:380px)and (max-width:767px){.block-full-image{left:0;max-height:100%;max-width:100%;top:50%;transform:translateY(-50%);width:100%}}.block-full-image img{border-radius:4px;object-fit:contain;width:100%}.block-full-image .caption-box{background-color:var(--color-background);color:var(--color-grey);font-size:10pt}footer{background-color:var(--color-base);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:36px 24px;position:relative;width:100%;z-index:20}footer a,footer h2,footer p,footer span{color:var(--color-font-reverse)}footer h2{font-size:clamp(1.5rem,2.5vw,2.5rem)}footer .container{display:flex;flex-direction:column;max-width:768px;row-gap:1rem;width:100%}footer .container .contact-box a{display:flex}footer .container .contact-box p{margin-bottom:6px}footer .container .contact-box .contact-item{display:flex}footer .container .contact-box .contact-item div+div{margin-left:12px}footer .container .refer-box a{margin-left:8px}header{align-items:center;animation:fade-in .3s;background-color:var(--color-background-opacity);display:flex;flex-direction:row;justify-content:center;padding:8px 0;position:sticky;top:0;transition-duration:.2s;width:100%;z-index:200}header .title{background:linear-gradient(180deg,var(--color-primary),var(--color-base));-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer;display:block;font-weight:500;margin-left:12px;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .title:hover{color:var(--color-primary);text-decoration:underline}@media(max-width:380px){header .title{display:none}}@media(min-width:380px)and (max-width:767px){header .title{display:none}}header .icon-box{align-items:center;background:none;border:0;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background-color .2s;width:48px}@media(hover:hover)and (pointer:fine){header .icon-box:hover{background-color:var(--color-secondary);border-radius:4px}}header .left-box{align-items:center;column-gap:8px;display:flex;left:10px;position:absolute}header .left-box svg{cursor:pointer}header .right-box{align-items:center;column-gap:8px;display:flex;position:absolute;right:10px}header .right-box svg{cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:1}}header.invisible{animation:fade-out .3s;animation-fill-mode:forwards;height:60px;position:sticky;top:-60px}@keyframes fade-out{0%{opacity:1}to{opacity:0}}header.invisible .logo-box{display:none}.deprecated{background:linear-gradient(135deg,#74b9ff,#0984e3);border-left:5px solid #6c5ce7;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden;position:relative;width:100%}.deprecated:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.deprecated__content{color:#fff;padding:16px 24px;position:relative;text-align:center;z-index:1}.deprecated__content p{font-size:16px;font-weight:600;line-height:1.5;margin:0}.deprecated__content p:first-child{font-size:18px;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.deprecated a{color:#fff;font-weight:700;text-decoration:underline;transition:all .2s ease}.deprecated a:hover{color:#ddd6fe;text-decoration:none;text-shadow:0 0 8px rgba(221,214,254,.6)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:768px){.deprecated__content{padding:12px 16px}.deprecated__content p{font-size:14px}.deprecated__content p:first-child{font-size:16px}}@keyframes snowflake-fall{0%{top:-10%}to{top:100%}}@keyframes snowflake-shake{0%,to{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{left:0;position:fixed;top:0}.snowflake .snowflake{animation:snowflake-fall 10s linear infinite running,snowflake-shake 3s ease-in-out infinite running;color:#fff;cursor:default;pointer-events:none;position:fixed;text-shadow:0 0 1px #000;top:-10%;-webkit-user-select:none;user-select:none;z-index:0}.side-bar-nav{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-top:50px;width:100%;z-index:120}.side-bar-nav ul{padding:0;width:100%}@keyframes steam{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.side-bar-nav-item{cursor:pointer;font-size:13pt;height:54px;transition:background-color .2s}.side-bar-nav-item,.side-bar-nav-item a{align-items:center;box-sizing:border-box;display:flex;width:100%}.side-bar-nav-item a{color:var(--color-font);height:100%;justify-content:space-between;padding:12px 16px;text-decoration:none}.side-bar-nav-item a .title-box{align-items:center;display:flex}.side-bar-nav-item a .title-box svg+span{margin-left:8px}@media(hover:hover)and (pointer:fine){.side-bar-nav-item:hover{background-color:var(--color-secondary)}.side-bar-nav-item:hover a{color:var(--color-white-1)}.side-bar-nav-item:hover a .title-box svg path{fill:var(--color-white-1)}}.side-bar-nav-item+li{margin-top:2px}