:root{--system-ui:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--neut-L90:rgba(255,255,255,0.9);--neut-L75:rgba(255,255,255,0.75);--neut-L50:rgba(255,255,255,0.5);--neut-L30:rgba(255,255,255,0.3);--neut-L10:rgba(255,255,255,0.1);--banner-dim:rgba(0,0,0,0.2);--primary:#63b3ff;--nav-dropdown-bg:#0f171f;--page-background:#090e13;--card-background:#1a222b;--main-title:var(--neut-L90);--btn-bg:#324457;--btn-content:var(--neut-L75);--btn-hover:#42576e;--btn-active:#4d667f;--btn-content-hover:var(--btn-content);--card-btn-bg:var(--card-background);--card-btn-hover:#222f3c;--card-btn-active:#2d3c4c;--card-btn-icon:var(--primary);--btn-text-hover:#0f171f;--btn-text-active:#0a1017;--btn-text-neutral-text:var(--neut-L75);--btn-text-content:var(--primary);--btn-text-light-text:var(--primary);--timeline-dim-dot:#4d667f;--title-hover:var(--primary);--title-active:#5194d5;--light-dot:var(--primary);--tag-dot:#1a222b;--article-meta:var(--neut-L75);--article-text:var(--neut-L75);--info-name:var(--neut-L90);--info-sub:var(--neut-L75);--highlight-selection:#2d3c4c;--article-code-bg:#0f171f;--article-block:#0f171f;--link:var(--primary);--link-hover-bg:#224a71;--link-active-bg:#1b3c5d;--blockquote-bg:#0f171f;--badge-bg:#70b3f7;--text-on-light:#1a222b;--pagenav-curr-bg:var(--primary);--pagenav-curr-text:#1a222b;--widget-title:var(--main-title);--archive-year:var(--neut-L90);--archive-date:var(--neut-L75);--archive-title:var(--neut-L90);--archive-tags:var(--neut-L75);--archive-dashline:var(--neut-L30);--input-field:#0f171f;--primary-btn-bg:var(--primary);--primary-btn-text:#1a222b;--enter-btn-bg:#0f171f;--enter-btn-hover:#222f3c;--enter-btn-active:#2d3c4c;--selection-bg:#224a71;--code-block-selection-bg:#224a71;--img-overlay:rgba(0,0,0,0.1);--sidebar-width:280px;--display-light-icon:0;--display-dark-icon:1}:root[theme=light]{--card-background:#fff;--banner-dim:none;--neut-L90:rgba(0,0,0,0.9);--neut-L75:rgba(0,0,0,0.75);--neut-L50:rgba(0,0,0,0.5);--neut-L30:rgba(0,0,0,0.3);--neut-L10:rgba(0,0,0,0.1);--primary:#53a3f2;--main-title:rgba(0,0,0,0.9);--page-background:#eaeff5;--nav-dropdown-bg:#f6f9fc;--article-meta:rgba(0,0,0,0.75);--article-text:rgba(0,0,0,0.75);--btn-bg:#e2f0ff;--btn-content:#15497a;--btn-hover:#c6e1ff;--btn-active:#a6d2ff;--btn-text-hover:#e2f0ff;--btn-text-active:#f4f9ff;--btn-text-neutral-text:rgba(0,0,0,0.75);--btn-text-content:#195285;--link:#195285;--text-on-light:#15497a;--info-name:rgba(0,0,0,0.9);--info-sub:rgba(0,0,0,0.75);--card-btn-hover:#f6f9fc;--card-btn-active:#d0e0f2;--title-active:#4284c5;--link-hover-bg:#e2f0ff;--link-active-bg:#c6e1ff;--tag-dot:var(--btn-content);--article-code-bg:#e5f0fc;--blockquote-bg:#f6f9fc;--badge-bg:#e5f0fc;--text-on-light:#15497a;--input-field:#f6f9fc;--enter-btn-bg:#f6f9fc;--enter-btn-hover:#ebf3fc;--enter-btn-active:#d0e0f2;--img-overlay:rgba(0,0,0,0);--pagenav-curr-bg:#15497a;--pagenav-curr-text:rgba(255,255,255,0.9);--primary-btn-text:rgba(255,255,255,0.9);--selection-bg:#c6e1ff;--display-light-icon:1;--display-dark-icon:0}body{width:100%}body:after,body:before{content:"";display:table}.clear,body:after{clear:both}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}a img{border:none}a{text-decoration:none}#container,body{overflow-x:hidden;height:100%}body{line-height:1;color:#000;background:#fff;font:16px var(--system-ui);-webkit-text-size-adjust:100%;background:var(--page-background);background-size:240px;background-blend-mode:overlay;-webkit-transition:background .15s ease-out,color .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out;transition:background .15s ease-out,color .15s ease-out;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}#main-grid{grid-template-columns:min(30%,var(--sidebar-width)) auto;grid-template-rows:auto auto auto;display:grid;max-width:1200px;min-height:100vh;grid-template-rows:auto 1fr auto;margin:0 16px;position:relative;grid-gap:16px}#main-grid #nav{grid-column-start:1;grid-column-end:3;-webkit-transition:height .15s ease-out;-moz-transition:height .15s ease-out;-ms-transition:height .15s ease-out;transition:height .15s ease-out}#main-grid #sidebar-wrapper{grid-row:2;grid-column:1}#main-grid #content-body{grid-column:2;grid-row:2;overflow:auto}#main-grid #footer-wrapper{grid-row:3;grid-column-start:1;grid-column-end:3}#main{position:relative}#container{position:relative}#back-to-top-btn,#content-body,#footer-wrapper,#nav,#sidebar-wrapper{filter:drop-shadow(0px 4px 4px rgba(0,0,0,.01))}.img-dim{width:100%;height:100%;background:var(--img-overlay);position:absolute;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}::selection{background-color:var(--selection-bg)}.archive-year,.article-category-link,.article-date{text-decoration:none;text-transform:uppercase;letter-spacing:2px;color:#999;margin-bottom:1em;margin-left:5px;line-height:1em;text-shadow:0 1px #fff;font-weight:700}.archive-article-inner{background:#fff;-webkit-box-shadow:1px 2px 3px #ddd;box-shadow:1px 2px 3px #ddd;border:1px solid #ddd;border-radius:3px}#article-nav .article-nav-btn,#navbar,#page-nav #num-bar,#page-nav .page-nav-btn,.archive-main-card,.article-inner,.back-to-top-btn,.info-card,.widget{background:var(--card-background);border-radius:16px;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}.article-tag-list-link,.info-card .link-list .link-btn,.widget-tag-list-link{background:var(--btn-bg);border-radius:8px;color:var(--btn-content);-webkit-transition:background .15s ease-out,color .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out;transition:background .15s ease-out,color .15s ease-out;cursor:pointer;border:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.article-tag-list-link:hover,.info-card .link-list .link-btn:hover,.widget-tag-list-link:hover{color:var(--btn-content-hover);background:var(--btn-hover)}.article-tag-list-link:active,.info-card .link-list .link-btn:active,.widget-tag-list-link:active{background:var(--btn-active)}#article-nav .article-nav-btn,.back-to-top-btn{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#article-nav .article-nav-btn:hover,.back-to-top-btn:hover{background:var(--card-btn-hover)}#article-nav .article-nav-btn:active,.back-to-top-btn:active{background:var(--card-btn-active)}.article-tag-list-link,.widget-tag-list-link{height:32px;padding:0 12px}.archive-main-card .archive-title,.article-title{text-decoration:none;font-size:32px;font-weight:700;color:var(--main-title);line-height:40px;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out;position:relative}#footer a,.article-entry a{color:var(--link);border-radius:6px;-webkit-transition:background .15s ease-out,color .15s ease-out,outline .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out,outline .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out,outline .15s ease-out;transition:background .15s ease-out,color .15s ease-out,outline .15s ease-out;padding:3px;margin:-3px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}#footer a:hover,.article-entry a:hover{background:var(--link-hover-bg);text-decoration-thickness:2px}#footer a:active,.article-entry a:active{background:var(--link-active-bg)}.article-entry h1,.widget h1{font-size:2em}.article-entry h2,.widget h2{font-size:1.5em}.article-entry h3,.widget h3{font-size:1.3em}.article-entry h4,.widget h4{font-size:1.2em}.article-entry h5,.widget h5{font-size:1em}.article-entry h6,.widget h6{font-size:1em;color:var(--neut-L75)}.article-entry hr,.widget hr{border:1px dashed #ddd}.article-entry strong,.widget strong{font-weight:700}.article-entry cite,.article-entry em,.widget cite,.widget em{font-style:italic}.article-entry sub,.article-entry sup,.widget sub,.widget sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.article-entry sup,.widget sup{top:-.5em}.article-entry sub,.widget sub{bottom:-.2em}.article-entry small,.widget small{font-size:.85em}.article-entry abbr,.article-entry acronym,.widget abbr,.widget acronym{border-bottom:1px dotted}.article-entry dl,.article-entry ol,.article-entry ul,.widget dl,.widget ol,.widget ul{margin:0 20px;line-height:1.6em}.article-entry ol ol,.article-entry ol ul,.article-entry ul ol,.article-entry ul ul,.widget ol ol,.widget ol ul,.widget ul ol,.widget ul ul{margin-top:0;margin-bottom:0}.article-entry ul,.widget ul{list-style:disc}.article-entry ol,.widget ol{list-style:decimal}.article-entry dt,.widget dt{font-weight:700}:root #nav{height:72px;z-index:10}@media screen and (max-width:767px){#main-grid{grid-template-columns:auto auto}#main-grid #sidebar-wrapper{grid-row:3;grid-column-start:1;grid-column-end:3;margin-top:48px}#main-grid #content-body{grid-column-start:1;grid-column-end:3}#main-grid #footer-wrapper{grid-row:4}.archive-main-card .archive-title,.article-title{font-size:28px}:root #nav{height:auto;min-height:72px}}@media screen and (min-width:768px) and (max-width:1023px){#main-grid{grid-template-columns:auto auto}#main-grid #sidebar-wrapper{grid-row:3;grid-column-start:1;grid-column-end:3;margin-top:48px}#main-grid #content-body{grid-column-start:1;grid-column-end:3}#main-grid #footer-wrapper{grid-row:4}:root #nav{height:auto;min-height:72px}}:root #banner{opacity:0}:root[showBanner=true][hasBanner=true] #nav{height:calc(40vh - 72px);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.04))}:root[showBanner=true][hasBanner=true] #nav.is_home{height:calc(60vh - 72px)}:root[showBanner=true][hasBanner=true] #banner{opacity:1;top:0}#banner{height:40vh;width:100%;position:absolute;overflow:hidden;-webkit-transition:opacity .15s ease-out,top .15s ease-out;-moz-transition:opacity .15s ease-out,top .15s ease-out;-ms-transition:opacity .15s ease-out,top .15s ease-out;transition:opacity .15s ease-out,top .15s ease-out;top:-40px}#banner.hide{opacity:0}#banner.is_home{height:60vh}#banner img{height:100%;width:100%;object-fit:cover;object-position:center}#banner #banner-dim{height:100%;width:100%;position:absolute;top:0;background:var(--banner-dim);-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}#navbar{height:72px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:sticky;margin:0 auto;border-radius:0 0 16px 16px;top:0}#title-nav{margin-left:16px}#title-nav a{color:var(--btn-text-content);height:52px;border-radius:8px;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;font-size:16px;font-weight:700;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}#title-nav a:hover{background:var(--btn-text-hover)}#title-nav a:active{background:var(--btn-text-active)}#title-nav a #vivia-logo{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;width:20px;height:20px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-right:20px}#title-nav a #vivia-logo .dot{height:8px;width:8px;border-radius:50%;background:var(--btn-text-content)}#main-nav{float:left;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;gap:8px}.main-nav-link,.nav-icon{float:left;color:var(--btn-text-neutral-text);fill:var(--btn-text-neutral-text);text-decoration:none;display:block;border-radius:8px;-webkit-transition:background .15s ease-out,color .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out;transition:background .15s ease-out,color .15s ease-out}.main-nav-link:hover,.nav-icon:hover{background:var(--btn-text-hover);color:var(--btn-text-light-text);fill:var(--btn-text-light-text)}.main-nav-link:active,.nav-icon:active{background:var(--btn-text-active)}.nav-icon{text-align:center;font-size:16px;width:44px;height:44px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:relative;cursor:pointer;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media screen and (min-width:768px) and (max-width:1023px){#main-nav,.nav-icon.mobile-hide{display:none}.archives{-webkit-column-count:2;-moz-column-count:2;column-count:2}}.nav-icon .rss{font-weight:300}.nav-icon .light-mode-icon{position:absolute;height:20px;opacity:var(--display-light-icon);-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;-ms-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.nav-icon .dark-mode-icon{position:absolute;height:20px;opacity:var(--display-dark-icon);-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;-ms-transition:opacity .15s ease-out;transition:opacity .15s ease-out}#nav-dropdown{margin-top:-16px;background:var(--nav-dropdown-bg);-webkit-transition:background .15s ease-out,height .15s ease-out;-moz-transition:background .15s ease-out,height .15s ease-out;-ms-transition:background .15s ease-out,height .15s ease-out;transition:background .15s ease-out,height .15s ease-out;border-radius:0 0 16px 16px;overflow:hidden;height:fit-content}#nav-dropdown.hidden{height:0}#nav-dropdown #dropdown-link-list{padding-top:24px;padding-bottom:8px}#nav-dropdown #dropdown-link-list .nav-dropdown-link{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding-left:32px;height:40px;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:var(--neut-L75);font-weight:700;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}#nav-dropdown #dropdown-link-list .nav-dropdown-link:active,#nav-dropdown #dropdown-link-list .nav-dropdown-link:hover{color:var(--primary)}.main-nav-link{font-weight:700;height:44px;padding:0 16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#main-nav-toggle{display:none}#main-nav-toggle:before{content:"\f0c9"}@media screen and (max-width:767px){#main-nav,.nav-icon.mobile-hide{display:none}#main-nav-toggle{display:block}}#sub-nav{margin-right:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;gap:4px}.article{margin-bottom:16px}.article-inner{overflow:hidden;margin-bottom:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.article-main{border-radius:16px;z-index:50;position:relative;background:var(--card-background);-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out;width:100%;margin-right:-16px;padding-bottom:16px}.article-meta:after,.article-meta:before{content:"";display:table}.article-meta:after{clear:both}.article-date{float:left}.meta-info-bar{color:var(--article-meta);font-size:16px;font-weight:medium;text-decoration:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.meta-info-bar *{white-space:nowrap}.meta-info-bar .meta-info{-webkit-transition:color .15s ease-out,outline .15s ease-out,background .15s ease-out;-moz-transition:color .15s ease-out,outline .15s ease-out,background .15s ease-out;-ms-transition:color .15s ease-out,outline .15s ease-out,background .15s ease-out;transition:color .15s ease-out,outline .15s ease-out,background .15s ease-out}.meta-info-bar a{color:var(--article-meta);border-radius:6px;margin:-4px;padding:4px}.meta-info-bar a:hover{outline-color:var(--btn-bg);background:var(--btn-bg);color:var(--link)}.meta-info-bar .meta-cate-flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;gap:6px}.meta-info-bar .meta-cate-flex *{-webkit-transition:background .15s ease-out,color .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out;transition:background .15s ease-out,color .15s ease-out}.meta-info-bar .need-seperator{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.meta-info-bar .need-seperator:before{content:"";position:relative;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out;background:var(--neut-L30);height:4px;width:4px;border-radius:50%;margin:0 16px}.article-category-link{margin:0 12px 1em}.article-header{padding:32px 40px 0}.article-header h1,.article-header h2{margin-bottom:0}.article-header .meta-info-bar{margin-bottom:6px}.right-panel{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-transition:.15s ease-out;-moz-transition:.15s ease-out;-ms-transition:.15s ease-out;transition:.15s ease-out}@media screen and (max-width:767px){.meta-info-bar .need-seperator:before{margin:0 12px}.article-header{padding:32px 28px 0}.right-panel{display:none}}.right-panel.non-pic{min-width:76px;background:var(--enter-btn-bg)}.right-panel.non-pic .icon{color:var(--primary);font-size:24px;margin-right:24px}.right-panel.non-pic:hover{background:var(--enter-btn-hover)}.right-panel.non-pic:active{background:var(--enter-btn-active)}.right-panel.with-pic{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out;min-width:35%}.right-panel.with-pic .overlay{height:100%;width:100%;background:var(--img-overlay);-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.right-panel.with-pic .overlay .icon{opacity:0;-webkit-transition:opacity .15s ease-out;-moz-transition:opacity .15s ease-out;-ms-transition:opacity .15s ease-out;transition:opacity .15s ease-out;margin-right:0;color:#fff;font-size:40px}.right-panel.with-pic .non-pic{display:none}.right-panel.with-pic .overlay:hover{background:rgba(0,0,0,.5)}.right-panel.with-pic .overlay:hover .icon{display:block;opacity:1}.right-panel.with-pic .overlay:active{background:rgba(0,0,0,.6)}.truncate-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:16px 0;line-height:1.6em;word-break:break-word}a.article-title:hover{color:var(--title-hover)}a.article-title:active{color:var(--title-active)}.article-title h1,.article-title h1 a{width:100%}.article-entry{color:var(--article-text);padding:0 40px;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}.article-entry:after,.article-entry:before{content:"";display:table}.article-entry:after{clear:both}@media screen and (max-width:767px){.article-entry{padding:0 28px}}.article-entry p,.article-entry table{line-height:1.6em;margin:1.2em 0}.article-entry h1,.article-entry h2,.article-entry h3,.article-entry h4,.article-entry h5,.article-entry h6{font-weight:700;line-height:1.1em;margin:1.1em 0}.article-entry dl,.article-entry ol,.article-entry ul{margin-top:1.6em;margin-bottom:1.6em}.article-entry img,.article-entry video{max-width:100%;border-radius:8px;height:auto;display:block;margin:auto}.article-entry iframe{border-radius:8px;border:none}.article-entry table{width:100%;border-collapse:collapse;border-spacing:0}.article-entry th{font-weight:700;border-bottom:3px solid #ddd;padding-bottom:.5em}.article-entry td{border-bottom:1px solid #ddd;padding:10px 0}.article-entry blockquote{background:var(--blockquote-bg);padding:0 24px;border-radius:8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-lines:single;-moz-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:1.2em 0;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}.article-entry footer{font-size:16px;margin:1.6em 0;font-family:var(--system-ui);text-align:right}.article-entry footer cite:before{content:"—";padding:0 .5em}.article-entry .pullquote{text-align:left;width:45%;margin:0}.article-entry .pullquote.left{margin-right:1em;float:left}.article-entry .pullquote.right{margin-left:1em;float:right}.article-entry .caption{color:var(--neut-L75);display:block;font-size:.9em;margin-top:.5em;position:relative;text-align:center}.article-entry .video-container{position:relative;padding-top:56.25%;height:0;overflow:hidden;margin:1.6em 0}.article-entry .video-container embed,.article-entry .video-container iframe,.article-entry .video-container object{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0}.article-more-link{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;gap:8px;float:right;line-height:40px;color:var(--btn-text-content);text-decoration:none;font-size:16px;font-weight:medium;padding-left:24px;padding-right:40px;border-radius:8px 0 0 8px;-webkit-transition:background .15s ease-out,padding-right .15s ease-out;-moz-transition:background .15s ease-out,padding-right .15s ease-out;-ms-transition:background .15s ease-out,padding-right .15s ease-out;transition:background .15s ease-out,padding-right .15s ease-out}.article-more-link:hover{padding-right:36px;background:var(--btn-text-hover);text-decoration:none}.article-footer{font-size:.85em;line-height:1.6em;margin:0 0 0 24px}.article-footer:after,.article-footer:before{content:"";display:table}.article-footer:after{clear:both}.article-tag-list,.widget-tag-list{margin-top:12px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:10px;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.article-tag-list-link,.widget-tag-list-link{color:var(--btn-content);font-size:14px;font-weight:medium;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.article-tag-list-link:hover,.widget-tag-list-link:hover{color:var(--btn-content-hover)}.article-tag-list-link:before{content:"";display:block;height:4px;width:4px;border-radius:50%;background:var(--tag-dot);margin-right:8px;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}@media screen and (max-width:767px){.article-tag-list-link:before{display:none}}.article-share-link{color:var(--btn-text-content);cursor:pointer;float:left;font-size:16px;font-weight:medium;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:8px;padding:0 16px;height:40px;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out;border-radius:8px}.article-share-link:hover{background:var(--btn-text-hover);text-decoration:none}#article-nav{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;gap:16px}#article-nav .article-nav-btn{width:100%;height:60px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:0 24px;gap:20px;color:var(--neut-L75);font-weight:700;font-size:16px;overflow:hidden;-webkit-transition:background .15s ease-out,color .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out;transition:background .15s ease-out,color .15s ease-out}#article-nav .article-nav-btn .icon{color:var(--primary);font-size:20px}#article-nav .article-nav-btn.left{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}#article-nav .article-nav-btn.right{-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}#article-nav .article-nav-btn.disabled{opacity:0}#article-nav .article-nav-btn .title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-nav-link-wrap{text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:16px;text-align:center;display:block;padding:12px;border-radius:8px}.article-nav-link-wrap:hover{color:var(--link);background:var(--card-background)}@media screen and (min-width:1024px){#main-grid.right-sidebar{grid-template-columns:auto min(30%,var(--sidebar-width))}#main-grid.right-sidebar #sidebar-wrapper{grid-column:2}#main-grid.right-sidebar #content-body{grid-column:1}:root[showBanner=true][hasBanner=desktop] #nav{height:calc(40vh - 72px);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.04))}:root[showBanner=true][hasBanner=desktop] #nav.is_home{height:calc(60vh - 72px)}:root[showBanner=true][hasBanner=desktop] #banner{opacity:1;top:0}#nav-dropdown,#nav-menu-btn{display:none}.article-nav-link-wrap{margin-top:0}#article-nav-newer{float:left;text-align:left;padding-right:20px}#article-nav-older{float:right;text-align:right;padding-left:20px}.archives{-webkit-column-count:3;-moz-column-count:3;column-count:3}}.article-nav-caption{text-transform:uppercase;letter-spacing:2px;color:#ddd;line-height:1em;font-weight:700}#article-nav-newer .article-nav-caption{margin-right:-2px}.article-nav-title{font-size:.85em;line-height:1.6em;margin-top:.5em}.article-gallery{position:relative;border-radius:16px 16px 0 0;overflow:hidden;margin-bottom:-16px}.article-gallery-photos{position:relative;overflow:hidden}.article-gallery-img{display:none;max-width:100%}.article-gallery-img:first-child{display:block}.article-gallery-img.loaded{position:absolute;display:block}.article-gallery-img img{display:block;width:100%;object-fit:cover;margin:0 auto;max-height:40vh}.archives-wrap{margin:16px 0}.archives:after,.archives:before{content:"";display:table}.archives:after{clear:both}.archive-year-wrap{margin-bottom:1em}.archives{-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}.archive-article{-webkit-column-break-inside:avoid;page-break-inside:avoid;overflow:hidden;break-inside:avoid-column}.archive-article-inner{padding:10px;margin-bottom:15px}.archive-article-title{text-decoration:none;font-weight:700;color:#555;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;transition:color .2s}.archive-article-title:hover{color:#258fb8}.archive-article-footer{margin-top:1em}.archive-article-date{color:#999;text-decoration:none;font-size:.85em;line-height:1em;margin-bottom:.5em;display:block}#page-nav{margin:16px auto;text-align:center;color:var(--neut-L75);overflow:visible;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:12px}#page-nav:after,#page-nav:before{content:"";display:table}#page-nav:after{clear:both}#page-nav #num-bar{border-radius:8px;background:var(--card-btn-bg);font-weight:700;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}#page-nav #num-bar .current{background:var(--pagenav-curr-bg);color:var(--pagenav-curr-text)}#page-nav .page-nav-btn{width:40px;height:40px;background:var(--card-btn-bg);border-radius:8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:var(--card-btn-icon)}#page-nav .page-nav-btn.disabled{color:var(--neut-L10);pointer-events:none}#page-nav a{color:var(--neut-L75);text-decoration:none;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}#page-nav a:not(.disabled):hover{background:var(--card-btn-hover)}#page-nav a:not(.disabled):active{background:var(--card-btn-active)}#page-nav .page-number,#page-nav .space{width:40px;height:40px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:8px;font-weight:medium;padding:0}#page-nav .space{color:#ddd}.archive-main-card{padding-top:32px;padding-bottom:32px}.archive-main-card .archive-top{padding:0 40px}.archive-main-card .archive-title{margin-left:40px;margin-bottom:16px}.archive-main-card .year-line{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin:8px 44px 0;height:60px;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.archive-main-card .year-line .year-num{font-size:24px;color:var(--archive-year);font-weight:700;width:10%;text-align:right;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}@media screen and (max-width:767px){#page-nav .page-number,#page-nav .space{display:none}.archive-main-card .year-line .year-num{width:20%}}.archive-main-card .year-line .dot-wrapper{width:10%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}@media screen and (max-width:767px){.archive-main-card .year-line .dot-wrapper{width:15%}}.archive-main-card .year-line .dot-wrapper .dot{width:12px;height:12px;background:0 0;border-radius:50%;outline:3px solid var(--light-dot);outline-offset:-2px;z-index:1}.archive-main-card .year-line .article-count{width:40%;color:var(--neut-L75);-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}.archive-main-card .archive-article-link{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:40px;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out;margin:0 24px;padding:0 20px;border-radius:8px}.archive-main-card .archive-article-link:hover{background:var(--btn-text-hover)}.archive-main-card .archive-article-link:hover .title-inner{color:var(--btn-text-light-text);padding-left:4px}.archive-main-card .archive-article-link:hover .dot{height:20px;background:var(--light-dot);outline-color:var(--btn-text-hover)}.archive-main-card .archive-article-link:active{background:var(--btn-text-active)}.archive-main-card .archive-article-link:active .dot{outline-color:var(--btn-text-active)}.archive-main-card .archive-article-link .date{font-size:14px;color:var(--archive-date);width:10%;text-align:right;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}@media screen and (max-width:767px){.archive-main-card .archive-article-link .date{width:20%}}.archive-main-card .archive-article-link .line{width:10%;height:100%;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.archive-main-card .archive-article-link .line:before{content:'';width:10%;height:100%;border-left:2px dashed var(--archive-dashline);position:absolute;left:calc(50% - 1px);top:-50%;pointer-events:none;-webkit-transition:border-color .15s ease-out;-moz-transition:border-color .15s ease-out;-ms-transition:border-color .15s ease-out;transition:border-color .15s ease-out}@media screen and (max-width:767px){.archive-main-card .archive-article-link .line,.archive-main-card .archive-article-link .line:before{width:15%}}.archive-main-card .archive-article-link .dot{width:4px;height:4px;border-radius:2px;background:var(--timeline-dim-dot);outline:8px solid var(--card-background);-webkit-transition:background .15s ease-out,height .15s ease-out,outline-color .15s ease-out;-moz-transition:background .15s ease-out,height .15s ease-out,outline-color .15s ease-out;-ms-transition:background .15s ease-out,height .15s ease-out,outline-color .15s ease-out;transition:background .15s ease-out,height .15s ease-out,outline-color .15s ease-out;z-index:10}.archive-main-card .archive-article-link .title{width:65%}.archive-main-card .archive-article-link .title-inner{font-size:16px;padding-right:32px;font-weight:700;color:var(--archive-title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transition:padding-left .15s ease-out,color .15s ease-out;-moz-transition:padding-left .15s ease-out,color .15s ease-out;-ms-transition:padding-left .15s ease-out,color .15s ease-out;transition:padding-left .15s ease-out,color .15s ease-out}.archive-main-card .archive-article-link .tags{color:var(--archive-tags);font-size:14px;width:15%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}#footer{background:var(--card-background);font-size:16px;font-weight:medium;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;color:var(--neut-L75);margin:0 auto;border-radius:16px 16px 0 0;padding:0 20px;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:72px;-webkit-transition:background .15s ease-out,color .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out;transition:background .15s ease-out,color .15s ease-out}.article-entry .highlight,.article-entry pre{background:var(--article-block);border-radius:8px;padding:15px 20px;margin:16px auto;overflow:auto;color:#ccc;line-height:25.6px}.article-entry .highlight ::selection,.article-entry pre ::selection{background-color:var(--code-block-selection-bg)}.article-entry .gist .gist-file .gist-data .line-numbers,.article-entry .highlight .gutter pre{color:#666;font-size:.85em}.article-entry code,.article-entry pre{font-family:"JetBrains Mono","Source Code Pro",Consolas,Monaco,Menlo,Consolas,monospace}.article-entry code{background:var(--article-code-bg);border-radius:4px;padding:0 .3em;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;-ms-transition:background .15s ease-out;transition:background .15s ease-out}.article-entry pre code{background:0 0;text-shadow:none;padding:0}.article-entry .highlight pre{border-radius:0;border:none;margin:0;padding:0}.article-entry .highlight table{margin:0;width:auto}.article-entry .highlight td{border:none;padding:0}.article-entry .highlight figcaption{font-size:.85em;color:#999;line-height:1em;margin-bottom:1em}.article-entry .highlight figcaption:after,.article-entry .highlight figcaption:before{content:"";display:table}.article-entry .highlight figcaption:after{clear:both}.article-entry .highlight figcaption a{float:right}.article-entry .highlight .gutter pre{text-align:right;padding-right:20px}.article-entry .highlight .line{height:25.6px}.article-entry .highlight .line.marked{background:var(--highlight-selection)}.article-entry .gist{border-radius:8px;background:var(--dark-L20)}.article-entry .gist .gist-file{border:none;font-family:"JetBrains Mono","Source Code Pro",Consolas,Monaco,Menlo,Consolas,monospace;margin:0;padding:12px}.article-entry .gist .gist-file .gist-data{background:0 0;border:none}.article-entry .gist .gist-file .gist-data .line-numbers{background:0 0;border:none;padding:0 20px 0 0}.article-entry .gist .gist-file .gist-data .line-data{padding:0!important}.article-entry .gist .gist-file .highlight{margin:0;padding:0;border:none}.article-entry .gist .gist-file .gist-meta{color:#999;background:var(--dark-L20);font:0.85em var(--system-ui);text-shadow:0 0;padding:0;margin-top:8px}.article-entry .gist .gist-file .gist-meta a{color:#258fb8;font-weight:400}.article-entry .gist .gist-file .gist-meta a:hover{text-decoration:underline}pre .comment,pre .title{color:#999}pre .attribute,pre .css .class,pre .css .id,pre .css .pseudo,pre .html .doctype,pre .regexp,pre .ruby .constant,pre .tag,pre .variable,pre .xml .doctype,pre .xml .pi,pre .xml .tag .title{color:#f2777a}pre .built_in,pre .constant,pre .literal,pre .number,pre .params,pre .preprocessor{color:#f99157}pre .class,pre .css .rules .attribute,pre .header,pre .inheritance,pre .ruby .class .title,pre .ruby .symbol,pre .string,pre .value,pre .xml .cdata{color:#9c9}pre .css .hexcolor{color:#6cc}pre .coffeescript .title,pre .function,pre .javascript .title,pre .perl .sub,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword{color:#69c}pre .javascript .function,pre .keyword{color:#c9c}.back-to-top-wrapper{width:60px;height:60px;position:absolute;right:0;top:0}@media screen and (max-width:767px){.archive-main-card .archive-article-link .tags{width:0;display:none}.back-to-top-wrapper{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.back-to-top-wrapper{display:none}#sidebar{display:grid;grid-gap:16px}}.back-to-top-btn{width:60px;height:60px;color:var(--card-btn-icon);border:none;position:fixed;bottom:240px;opacity:1;-webkit-transition:background .15s ease-out,opacity .15s ease-out,-webkit-transform .15s ease-out;-moz-transition:background .15s ease-out,opacity .15s ease-out,-moz-transform .15s ease-out;-ms-transition:background .15s ease-out,opacity .15s ease-out,-ms-transform .15s ease-out;transition:background .15s ease-out,opacity .15s ease-out,transform .15s ease-out;cursor:pointer;-webkit-transform:translate(80px);-moz-transform:translate(80px);-ms-transform:translate(80px);transform:translate(80px)}.back-to-top-btn .icon{font-size:24px}.back-to-top-btn.hide{-webkit-transform:translate(80px) scale(.9);-moz-transform:translate(80px) scale(.9);-ms-transform:translate(80px) scale(.9);transform:translate(80px) scale(.9);opacity:0;pointer-events:none}.main-title-bar{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:6px;position:relative}.main-title-bar .main-title-dot{width:4px;height:20px;position:absolute;left:-16px;top:9.5px;background:var(--primary);border-radius:2px}.main-title-bar h1,.main-title-bar h2{width:100%}.main-title-bar h1 a,.main-title-bar h2 a{width:100%;display:block}#sidebar{width:100%!important;height:100%}#sidebar .sticky{position:sticky;top:16px}.widget-wrap{margin-bottom:16px}.widget-title{color:var(--widget-title);font-size:20px;font-weight:700;margin-bottom:12px;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}.widget-title:before{content:'';display:block;height:14px;width:4px;border-radius:2px;background-color:var(--primary);margin-right:10px;margin-top:4px;margin-left:-4px}.info-card,.widget{color:#777;padding:20px;overflow:hidden}.info-card a,.widget a{color:var(--link);text-decoration:none;font-size:16px}.info-card dl dl,.info-card dl ol,.info-card dl ul,.info-card ol dl,.info-card ol ol,.info-card ol ul,.info-card ul dl,.info-card ul ol,.info-card ul ul,.widget dl dl,.widget dl ol,.widget dl ul,.widget ol dl,.widget ol ol,.widget ol ul,.widget ul dl,.widget ul ol,.widget ul ul{margin-left:15px;list-style:disc}.info-card .article-tag-list a,.info-card .widget-tag-list a,.widget .article-tag-list a,.widget .widget-tag-list a{color:var(--btn-content)}.info-card .article-tag-list a:hover,.info-card .widget-tag-list a:hover,.widget .article-tag-list a:hover,.widget .widget-tag-list a:hover{color:var(--btn-content-hover)}.info-card{padding:0 0 20px;text-align:center}.info-card .info{padding:0 16px}.info-card .avatar{width:100%;border-radius:16px;margin-bottom:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:relative}.info-card .avatar picture{display:contents}.info-card .avatar img{width:100%}@media screen and (min-width:768px) and (max-width:1023px){.info-card .avatar{width:240px;margin:24px auto 16px}}@media screen and (max-width:767px){.info-card .avatar{width:240px;margin:24px auto 16px}}.info-card .username{font-size:20px;font-weight:700;color:var(--info-name);line-height:28px;margin-bottom:4px;margin-top:4px;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}.info-card .dot{width:20px;height:4px;background:var(--light-dot);border-radius:2px;margin-left:auto;margin-right:auto;margin-bottom:12px}.info-card .subtitle{font-size:16px;line-height:24px;color:var(--info-sub);margin-bottom:8px;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-ms-transition:color .15s ease-out;transition:color .15s ease-out}.info-card .link-list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:8px;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.info-card .link-list .link-btn{width:40px;height:40px;font-size:24px}.widget{line-height:1.6em;word-wrap:break-word;font-size:.9em}.widget ol,.widget ul{list-style:none;margin:0}.widget ol ol,.widget ol ul,.widget ul ol,.widget ul ul{margin:0 20px}.widget ol ul,.widget ul ul{list-style:disc}.widget ol ol,.widget ul ol{list-style:decimal}.archive-link,.category-link,.recent-link{height:40px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:var(--btn-text-neutral-text)!important;font-weight:medium;border-radius:8px;padding-right:8px;padding-left:8px;-webkit-transition:background .15s ease-out,color .15s ease-out,padding .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out,padding .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out,padding .15s ease-out;transition:background .15s ease-out,color .15s ease-out,padding .15s ease-out;min-height:44px}.archive-link:hover,.category-link:hover,.recent-link:hover{padding-left:12px;background:var(--btn-text-hover);color:var(--btn-text-light-text)!important}.archive-link:active,.category-link:active,.recent-link:active{background:var(--btn-text-active)}.archive-link .archive-count,.category-link .category-count{height:28px;width:32px;color:var(--text-on-light);background:var(--badge-bg);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:700;-webkit-transition:background .15s ease-out,color .15s ease-out;-moz-transition:background .15s ease-out,color .15s ease-out;-ms-transition:background .15s ease-out,color .15s ease-out;transition:background .15s ease-out,color .15s ease-out}.children{margin-left:12px}.category-box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.recent-link .recent-link-text{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:8px;left:8px;z-index:1000;padding:12px 16px;background:var(--card-background);color:var(--link);border-radius:8px;font-weight:700;text-decoration:none;-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:-webkit-transform .15s ease-out;-moz-transition:-moz-transform .15s ease-out;-ms-transition:-ms-transform .15s ease-out;transition:transform .15s ease-out}.skip-link:focus,.skip-link:focus-visible{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);outline:3px solid var(--primary);outline-offset:2px}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}main:focus-visible{outline:0}@media (prefers-reduced-motion:reduce){*,::after,::before{-webkit-animation-duration:0s!important;-moz-animation-duration:0s!important;-ms-animation-duration:0.01ms!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;-moz-animation-iteration-count:1!important;-ms-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:0s!important;-moz-transition-duration:0s!important;-ms-transition-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}@media (forced-colors:active){.back-to-top-btn,.link-btn,.nav-icon{border:1px solid CanvasText;forced-color-adjust:none}.skip-link{border:2px solid CanvasText}}.link-btn{width:44px!important;height:44px!important}@view-transition{navigation:auto}::view-transition-group(*){-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:0.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);-moz-animation-timing-function:cubic-bezier(0.4,0,0.2,1);-ms-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}.avatar img{view-transition-name:site-avatar}#title-nav a span:last-child{view-transition-name:site-title}.skeleton{position:relative;overflow:hidden;background:rgba(128,128,128,.15);border-radius:4px}.skeleton::after{content:'';position:absolute;inset:0;background:-webkit-linear-gradient(345deg,transparent 40%,rgba(255,255,255,.5),transparent 60%);background:-moz-linear-gradient(345deg,transparent 40%,rgba(255,255,255,.5),transparent 60%);background:-ms-linear-gradient(345deg,transparent 40%,rgba(255,255,255,.5),transparent 60%);background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.5),transparent 60%);background-size:300%;background-position-x:100%;-webkit-animation:1.2s ease-in-out infinite skeleton-shimmer;-moz-animation:1.2s ease-in-out infinite skeleton-shimmer;-ms-animation:skeleton-shimmer 1.2s ease-in-out infinite;animation:1.2s ease-in-out infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.skeleton::after{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){-webkit-animation-duration:0s;-moz-animation-duration:0s;-ms-animation-duration:0.001ms;animation-duration:0s}}@-moz-keyframes skeleton-shimmer{to{background-position-x:0%}}@-webkit-keyframes skeleton-shimmer{to{background-position-x:0%}}@-o-keyframes skeleton-shimmer{to{background-position-x:0%}}@keyframes skeleton-shimmer{to{background-position-x:0%}}