.post-header{user-select:none;font-family:var(--heading-font-family)}.post-header .post-info .post-title{transition:.3s ease;text-align:center;color:var(--font-white-black);font-size:50px}.post-header .post-info .post-metas{display:flex;align-items:center;flex-direction:column}.post-header .post-info .post-metas .post-meta{display:flex;margin:.3rem 0}.post-header .post-info .post-metas .post-meta .meta-icon{display:flex;align-items:center;margin:0 .3rem;transition:.3s ease;color:var(--font-white-black);font-size:18px}.post-header .post-info .post-metas .post-meta .meta-icon svg{width:18px;height:18px;margin:0 2px}.post-container{display:flex;flex-grow:1;justify-content:center;width:100%;margin-top:2rem;gap:1rem}.post-container .post-main{order:2;width:100%;max-width:1100px;padding:1rem 2rem;border-radius:15px;background:var(--card-background);transition:.3s;box-shadow:var(--card-shadow)}.post-container .post-main:hover{box-shadow:var(--card-tiny-shadow)}.post-container .post-aside{order:1}.post-comment{margin-top:1rem}.post-comment .comment-head{display:flex;align-items:center;font-family:var(--heading-font-family);font-size:30px;font-weight:700}.post-comment .comment-head .comment-icon{width:30px;height:30px;margin-right:10px}.post-comment .comment-wrap{margin-top:1rem}[data-theme=dark] .post-header{animation:darken .3s linear;opacity:.8}@media screen and (width <= 1400px){.post-container{padding:0 .5rem}}@media screen and (width <= 900px){.post-container .post-aside{display:none}}[data-theme=dark]:root{--astro-code-color-background: #1f2430;--astro-code-color-text: #cccac2;--astro-code-token-constant: #dfbfff;--astro-code-token-string: #d5ff80;--astro-code-token-comment: #b8cfe6;--astro-code-token-keyword: #ffad66;--astro-code-token-parameter: #695380;--astro-code-token-function: #ffcb6f;--astro-code-token-string-expression: #5ccfe6;--astro-code-token-punctuation: #cccac2;--astro-code-token-link: #87d96c;--astro-code-color-ansi-black: #000000;--astro-code-color-ansi-black-dim: #00000080;--astro-code-color-ansi-red: #bb0000;--astro-code-color-ansi-red-dim: #bb000080;--astro-code-color-ansi-green: #00bb00;--astro-code-color-ansi-green-dim: #00bb0080;--astro-code-color-ansi-yellow: #bbbb00;--astro-code-color-ansi-yellow-dim: #bbbb0080;--astro-code-color-ansi-blue: #0000bb;--astro-code-color-ansi-blue-dim: #0000bb80;--astro-code-color-ansi-magenta: #ff00ff;--astro-code-color-ansi-magenta-dim: #ff00ff80;--astro-code-color-ansi-cyan: #00bbbb;--astro-code-color-ansi-cyan-dim: #00bbbb80;--astro-code-color-ansi-white: #eeeeee;--astro-code-color-ansi-white-dim: #eeeeee80;--astro-code-color-ansi-bright-black: #555555;--astro-code-color-ansi-bright-black-dim: #55555580;--astro-code-color-ansi-bright-red: #ff5555;--astro-code-color-ansi-bright-red-dim: #ff555580;--astro-code-color-ansi-bright-green: #00ff00;--astro-code-color-ansi-bright-green-dim: #00ff0080;--astro-code-color-ansi-bright-yellow: #ffff55;--astro-code-color-ansi-bright-yellow-dim: #ffff5580;--astro-code-color-ansi-bright-blue: #5555ff;--astro-code-color-ansi-bright-blue-dim: #5555ff80;--astro-code-color-ansi-bright-magenta: #ff55ff;--astro-code-color-ansi-bright-magenta-dim: #ff55ff80;--astro-code-color-ansi-bright-cyan: #55ffff;--astro-code-color-ansi-bright-cyan-dim: #55ffff80;--astro-code-color-ansi-bright-white: #ffffff;--astro-code-color-ansi-bright-white-dim: #ffffff80}[data-theme=light]:root{--astro-code-color-background: #fdfdfd;--astro-code-color-text: #8a9199;--astro-code-token-constant: #a37acc;--astro-code-token-string: #86b300;--astro-code-token-comment: #787b8099;--astro-code-token-keyword: #fa8d3e;--astro-code-token-parameter: #9f40ffcc;--astro-code-token-function: #f2ae49;--astro-code-token-string-expression: #55b4d4;--astro-code-token-punctuation: #5c6166;--astro-code-token-link: #6cbf43}.post-main{gap:1rem}.post-main .dir-link{display:inline-flex;align-items:center;width:360px;height:90px;margin:0 auto;padding:5px;border-radius:10px;transition:.3s;box-shadow:var(--card-shadow)}.post-main .dir-link:hover{box-shadow:var(--card-tiny-shadow)}.post-main .dir-link:hover{filter:brightness(.8)}.post-main .dir-link .dir-link-logo-wrap{display:flex;align-items:center;justify-content:center;width:90px;height:90px}.post-main .dir-link .dir-link-logo-wrap .dir-link-logo{width:60px;height:60px;border-radius:50%}.post-main .dir-link .dir-link-content{display:flex;flex-direction:column;justify-content:space-between;width:245px;color:var(--font-black-white)}.post-main .dir-link .dir-link-content .dir-link-header{padding-bottom:5px;border-bottom:1px solid var(--border-light-grey);font-size:22px;font-weight:700}.post-main .dir-link .dir-link-content .dir-link-desc{overflow:hidden;padding-top:5px;white-space:nowrap;text-overflow:ellipsis;font-size:16px}.post-main .dir-links{display:flex;flex-direction:column;flex-wrap:wrap;max-width:100%;padding-top:30px;transform:translateZ(0)}.post-main .dir-links .dir-links-title{position:absolute;top:5px;left:0;font-size:20px;font-weight:700}.post-main .dir-links .dir-links-links{display:flex;flex-wrap:wrap;margin:0 auto}.post-main .dir-links .dir-links-links .dir-link{width:300px;height:90px;margin:1rem}.post-main .dir-links .dir-links-links .dir-link .dir-link-logo-wrap{width:80px;height:80px}.post-main .dir-links .dir-links-links .dir-link .dir-link-logo-wrap .dir-link-logo{width:60px;height:60px}.post-main .dir-links .dir-links-links .dir-link .dir-link-content{width:190px}.dir-note-wrap{display:flex;align-items:center;margin:1rem 0 0;padding:1rem;border-left:3px solid;border-radius:10px}.dir-note-wrap .dir-note-icon{width:24px;height:24px;margin-right:15px;font-family:"Font Awesome 6 Free"}.dir-note-wrap .dir-note{margin-bottom:2px;font-size:20px;font-weight:700}.dir-note-wrap.tips{color:#0c5460;border-left-color:#0c5460;background:#d1ecf1}.dir-note-wrap.warn{color:#856404;border-left-color:#856404;background:#fff3cd}.dir-note-wrap.error{color:#721c24;border-left-color:#721c24;background:#f8d7da}.dir-note-wrap.success{color:#155724;border-left-color:#155724;background:#d4edda}.dir-note-wrap.info{color:#888;border-left-color:#888;background:#e2e3e5}.dir-note-wrap.container{flex-direction:column;gap:.5rem}.dir-note-wrap.container .dir-note-head{display:flex;align-items:center;width:100%}.dir-note-wrap.container .dir-note-content{width:100%}.dir-timeline{display:flex;flex-direction:column}.dir-timeline .dir-timeline-title{width:30%;margin-bottom:.5rem;text-align:center;font-size:20px;font-weight:700}.dir-timeline .dir-timeline-time{display:flex;flex-direction:column;list-style:none;transform:translateZ(0)}.dir-timeline .dir-timeline-time .dir-timeline-line{position:absolute;top:0;bottom:-10px;left:15%;border:1px solid #ddd}.dir-timeline .dir-timeline-time .dir-time-wrap{display:flex;align-items:center;flex-grow:1;width:100%;margin:.5rem 0}.dir-timeline .dir-timeline-time .dir-time-wrap .dir-time{width:15%;padding-right:.8rem;text-align:right;color:var(--font-light-grey);font-weight:700}.dir-timeline .dir-timeline-time .dir-time-wrap .dir-time-content{display:flex;flex-direction:column;width:85%;margin-left:1rem;padding:0 1rem;color:#155724;border-radius:10px;background:#d4edda}.dir-timeline .dir-timeline-time .dir-time-wrap .dir-time-content p{margin:10px 0}.dir-timeline .dir-timeline-time .dir-time-wrap .dir-time-circle{position:absolute;left:calc(15% - 6px);width:14px;height:14px;border:4px solid #d4edda;border-radius:50%;background-color:var(--card-background)}.dir-color{padding:0 5px;border-radius:5px}.dir-icon{position:relative;bottom:-5px;display:inline-flex;align-items:center;height:0;margin:0 2px}.dir-icon svg{height:24px}.dir-gallery{display:flex;flex-direction:column;gap:5px}.dir-gallery .image{flex-direction:row!important;flex-wrap:wrap;justify-content:center;width:100%;gap:5px}.dir-gallery .image .img-wrap{width:calc(33.3% - 5px);border-radius:5px!important}.dir-gallery .gallery-name{margin-top:5px;text-align:center;color:var(--font-dark-grey)}.dir-gallery.only-preview{margin-top:18px;gap:2rem}.dir-gallery.only-preview .image{gap:0}.dir-gallery.only-preview .image .img-wrap{position:relative;width:50%;border:none;box-shadow:4px 4px 4px #0000004d}.dir-gallery.only-preview .image .img-wrap:first-child{z-index:3}@media (any-hover: hover){.dir-gallery.only-preview .image .img-wrap:not(:first-child) img:hover{transform:none;filter:none}}.dir-gallery.only-preview .image .img-wrap:nth-child(2){z-index:2;top:-8px;margin-left:calc(-50% + 8px)}.dir-gallery.only-preview .image .img-wrap:nth-child(3){z-index:1;top:-16px;margin-left:calc(-50% + 8px)}.dir-gallery.only-preview .image .img-wrap:nth-child(n+4){display:none}.dir-gallery.only-preview .gallery-name{margin-top:calc(5px - 2rem)}.dir-youtube,.dir-bilibili{width:100%;height:600px;margin:15px auto 0;border-radius:10px}.dir-tabs{margin-top:1rem;border-radius:5px}.dir-tabs .dir-tabs-nav{display:flex;margin:0;padding:0;list-style:none;border-right:solid 2px var(--tab-nav-bg);border-left:solid 2px var(--tab-nav-bg);border-radius:5px 5px 0 0;background-color:var(--tab-nav-bg);font-family:var(--heading-font-family)}.dir-tabs .dir-tabs-nav .dir-tab:first-child button{border-radius:5px 0 0}.dir-tabs .dir-tabs-nav .dir-tab:not(.active) button{cursor:pointer}@media (any-hover: hover){.dir-tabs .dir-tabs-nav .dir-tab:not(.active) button:hover{background-color:#0000001a}}.dir-tabs .dir-tabs-nav .dir-tab.active button{border-top-color:var(--theme-color);background:var(--card-background)}.dir-tabs .dir-tabs-nav .dir-tab button{padding:8px 10px 10px;transition:.3s ease;color:var(--font-black-white);border:none;border-top-width:2px;border-top-style:solid;border-top-color:transparent;outline:none;background:transparent;font-size:18px}.dir-tabs .dir-tabs-content .dir-tab-content{display:flex;flex-direction:column;padding:10px;border:2px solid var(--tab-nav-bg);border-top:none;border-radius:0 0 5px 5px;gap:1rem}.dir-tabs .dir-tabs-content .dir-tab-content:not(.active){display:none}@media (any-hover: hover){.only-hover:not(:hover){animation:none}.only-hover:not(:hover) *{animation:none}}@media (any-hover: hover){[data-theme=dark] .dir-link:hover{filter:brightness(1.5)}}@media screen and (width <= 900px){.dir-youtube,.dir-bilibili{height:300px}.dir-gallery.only-preview .image .img-wrap{width:80%}.dir-gallery.only-preview .image .img-wrap:nth-child(2),.dir-gallery.only-preview .image .img-wrap:nth-child(3){margin-left:calc(-80% + 8px)}}.post-main{display:flex;flex-direction:column;color:var(--font-black-white);font-size:var(--font-post-size)}.post-main h1,.post-main h2,.post-main h3,.post-main h4,.post-main h5,.post-main h6{margin:0;cursor:default;user-select:none;transition:.3s ease;font-family:var(--heading-font-family)}.post-main h1:before,.post-main h2:before,.post-main h3:before,.post-main h4:before,.post-main h5:before,.post-main h6:before{content:"#"}@media (any-hover: hover){.post-main h1:hover,.post-main h2:hover,.post-main h3:hover,.post-main h4:hover,.post-main h5:hover,.post-main h6:hover{margin-left:10px;color:var(--theme-color)}}.post-main hr{margin:0;border:1px solid var(--border-light-grey)}.post-main p{display:inline-table;margin:0}.post-main p:empty{display:none}.post-main p>strong:first-child{margin:0}.post-main .image{display:flex;align-items:center;flex-direction:column;margin-top:0}.post-main .image .img-wrap{display:flex;overflow:hidden;max-width:80%;border:1px solid var(--font-light-grey);border-radius:15px}.post-main .image .img-wrap img{width:100%;cursor:pointer;transition:.3s}@media (any-hover: hover){.post-main .image .img-wrap img:hover{transform:scale(1.03);filter:brightness(.8)}}.post-main .image .img-comment{margin-top:5px;color:var(--font-dark-grey)}.post-main code{padding:0 5px 2px;color:var(--font-code-color);border-radius:4px;background:var(--font-code-background);font-family:var(--code-font-family);font-size:16px}.post-main blockquote{display:flex;align-items:center;margin:0}.post-main blockquote .quote-content{display:flex;flex-direction:column}.post-main blockquote .quote-left,.post-main blockquote .quote-right{width:24px;height:24px;margin:0 1rem;color:var(--font-light-grey)}.post-main blockquote .quote-right{align-self:flex-end;margin-top:20px}.post-main blockquote .quote-left{align-self:flex-start}.post-main blockquote .attribution{align-self:flex-end}.post-main ul{margin:0;padding-left:20px;list-style-type:disc}.post-main ol{padding-left:20px}.post-main .table-wrap{overflow:hidden;width:100%;margin:0 auto;user-select:none;border:.3px solid var(--font-light-grey);border-radius:10px}.post-main .table-wrap table{display:table;width:100%;empty-cells:show;border-spacing:0px;border-collapse:unset}.post-main .table-wrap table thead{color:var(--font-dark-grey);background:var(--font-light-grey)}.post-main .table-wrap table th,.post-main .table-wrap table td{padding:.3rem .6rem .5rem;vertical-align:middle;border:.3px solid var(--font-light-grey)}.post-main .table-wrap table tr:last-child td:first-child{border-bottom-left-radius:10px}.post-main .table-wrap table tr:last-child td:last-child{border-bottom-right-radius:10px}.post-main mark{position:relative;background:none}.post-main mark:before{position:absolute;top:calc(var(--font-post-size) / 2);left:0;width:100%;height:calc(var(--font-post-size) / 2);content:"";opacity:.4;background:var(--mark-background)}.post-main strong{margin:0 3px}.post-main a{text-decoration:none}.post-main .link:not([data-footnote-ref]){margin-right:2px;margin-left:2px;padding-bottom:2px;transition:.3s ease;color:var(--link-color);background:linear-gradient(currentColor,currentColor) bottom/0 2px no-repeat}@media (any-hover: hover){.post-main .link:not([data-footnote-ref]):hover{background-size:100% 2px,auto}}.post-main .link:not([data-footnote-ref]) svg{width:16px;height:16px;margin-bottom:-2px;margin-left:4px}.post-main .link[data-footnote-ref]{color:var(--footnote-color);border:none;font-weight:700}.post-main .link:has(> code){border-bottom:none!important}.post-main .link:has(> code) code{padding-right:24px}.post-main .link:has(> code) svg{margin-bottom:-4px!important;margin-left:-22px!important;color:var(--font-code-color)}@media (any-hover: hover){.post-main .link:has(> code):hover{background:none!important}}.post-main .contains-task-list{padding:0;list-style-type:none}.post-aside{width:280px}.post-aside .card-toc{padding:.5rem 1rem;font-size:16px}.post-aside .card-toc .card-toc-header{margin:10px 0;font-size:18px;font-weight:600}.post-aside .card-toc .toc{margin:0 0 0 5px;padding:0 0 0 10px;list-style-type:none;border-left:1px solid var(--border-light-grey)}.post-aside .card-toc .toc .toc-item{transition:.2s}.post-aside .card-toc .toc .toc-item .toc-link{display:block;max-width:90%;transition:.3s;text-decoration:none;color:var(--font-black-white)}.post-aside .card-toc .toc .toc-item .toc-link .toc-text{display:inline-block;overflow:hidden;width:100%;transition:.2s;white-space:nowrap;text-overflow:ellipsis;color:var(--font-light-grey)}.post-aside .card-toc .toc .toc-item .toc-link .toc-text:before{display:inline;content:"#"}@media (any-hover: hover){.post-aside .card-toc .toc .toc-item:hover .toc-link .toc-text{padding-left:10px;color:var(--theme-color)}}.code-block{position:relative;overflow:hidden;max-height:calc(80vh + var(--code-lang-height));transition:.4s ease-in-out;border-radius:10px}.code-block .code-head{position:relative;z-index:1;display:flex;align-items:center;height:var(--code-lang-height);padding:calc((var(--code-lang-height) - 22px) / 2) 10px;user-select:none;color:var(--font-dark-grey);background:var(--codeblock-background-grey)}.code-block .code-head .code-expand{width:18px;height:18px;margin-right:5px;cursor:pointer;transition:.3s ease}.code-block .code-head .code-lang{margin-bottom:2px;font-size:18px;font-weight:600}.code-block .code-wrap{transition:.4s ease-in-out;background:var(--astro-code-color-background);font-size:var(--font-code-size)}.code-block .code-wrap .hsu-code{display:flex;flex-direction:column;max-height:80vh;margin:0;padding:.5rem 0;transition:.3s ease}.code-block .code-wrap .hsu-code:before{position:absolute;top:0;bottom:0;left:3.4rem;width:1px;content:" ";background:var(--font-light-grey)}.code-block .code-wrap .hsu-code ::selection{background-color:#dddddda5}.code-block .code-wrap .hsu-code .block-code{overflow-y:auto;margin:0;padding:0;background:transparent}.code-block .code-wrap .line{display:inline-block;width:100%;height:24px;padding:0 1rem 0 3.9rem;counter-increment:line;font-family:var(--code-font-family)}.code-block .code-wrap .line:before{position:relative;left:-3.8rem;display:inline-block;width:3.4rem;height:24px;margin-right:-3.4rem;content:counter(line);text-align:center;color:var(--font-light-grey)}.code-block .code-wrap .line.highlight:before{color:var(--highlight-index-color)}.code-block .code-wrap .code-copy{position:absolute;top:10px;right:10px;width:24px;height:24px;cursor:pointer;transition:.3s;opacity:0}@media (any-hover: hover){.code-block .code-wrap:hover .code-copy{opacity:.5}}.code-block.collapsed{max-height:35px}.code-block.collapsed .code-head{border-radius:10px}.code-block.collapsed .code-expand{transform:rotate(-90deg)}.code-block.collapsed .code-wrap{transform:translateY(calc(-100% - 10px))}.target-to{animation:.5s blink 3}[data-theme=dark] .code-wrap.light{display:none}[data-theme=dark] .post-main img{filter:brightness(.7)}[data-theme=light] .code-wrap.dark{display:none}@media screen and (width <= 900px){.post-main .image .img-wrap{max-width:100%}}.related-posts{margin-top:10px}.related-posts .related-posts-head{display:flex;align-items:center;font-family:var(--heading-font-family);font-size:30px;font-weight:700}.related-posts .related-posts-head .related-posts-icon{width:30px;height:30px;margin-right:10px}.related-posts .related-post-wrap{display:flex;flex-wrap:wrap;margin-top:15px;gap:5px}.related-posts .related-post-wrap .related-post{display:flex;align-items:center;justify-content:center;width:calc(33.33% - 5px);height:200px;transition:.3s ease;filter:brightness(.8)}@media (any-hover: hover){.related-posts .related-post-wrap .related-post:hover{filter:brightness(1)}}.related-posts .related-post-wrap .related-post .related-post-title{max-width:100%;margin:0 auto;color:#fff;font-family:var(--heading-font-family);font-size:24px;mix-blend-mode:screen}