.vh-copyright{position:relative;margin:1.868rem 0;box-sizing:border-box;padding:1rem;width:100%;height:max-content;background-color:#00000008;border-radius:var(--vh-radius-md);overflow:hidden}.vh-copyright a{box-sizing:border-box;padding:1.88px;position:relative;width:max-content;height:max-content;color:var(--vh-font-56)!important;box-shadow:none!important;overflow:hidden}.vh-copyright a:before{position:absolute;right:0;bottom:0;content:"";width:0;height:2px;background-color:var(--vh-main-color);transition:all .3s ease-in-out}.vh-copyright a:hover:before{width:100%;left:0;right:auto}.vh-copyright>p{box-sizing:border-box;padding:.38rem 0!important;width:100%;height:max-content;font-size:.875rem!important}.vh-copyright>p>span{color:var(--vh-main-color)}.vh-copyright>svg{position:absolute;right:3.66rem;top:0;width:auto;height:100%;opacity:.06;transform:scale(1.8);pointer-events:none;z-index:-1}@media screen and (max-width:666px){.vh-copyright>svg{display:none}}.vh-otarticle{margin-top:1rem;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;width:100%;height:5.5rem;border-radius:var(--vh-radius-lg);background-color:var(--vh-white-color);border:1px solid var(--vh-border-color);overflow:hidden}.vh-otarticle>.art-item{position:relative;box-sizing:border-box;padding:0 1.25rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--vh-body-bg)url(/blog/assets/images/lazy-loading.webp)no-repeat center center;background-size:cover;overflow:hidden}.vh-otarticle>.art-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000059;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.vh-otarticle>.art-item:hover:before{background-color:#0000002e}.vh-otarticle>.art-item>span{color:var(--vh-white-color);font-size:.875rem;font-weight:500;line-height:1.5;z-index:1;text-align:center}.vh-reward{margin-top:1rem;box-sizing:border-box;padding:1.88rem 0;display:flex;flex-direction:column;gap:.88rem;width:100%;height:max-content;border-radius:var(--vh-radius-md);background-color:var(--vh-white-color);box-shadow:var(--vh-box-shadow)}.vh-reward>p{padding:0!important;width:100%;font-size:.75rem!important;color:var(--vh-font-56);text-align:center}.vh-reward>.reward-list{display:flex;align-items:center;justify-content:center;gap:1.18rem;width:100%;z-index:1}.vh-reward>.reward-list>span{position:relative;box-sizing:border-box;padding:0 .5rem 0 1.88rem;display:flex;align-items:center;width:max-content;height:2rem;border-radius:var(--vh-radius-sm);color:var(--vh-white-color);cursor:pointer;transition:opacity .18s,transform .18s;user-select:none}.vh-reward>.reward-list>span:hover{transform:translateY(-.12rem)}.vh-reward>.reward-list>span:hover:before{pointer-events:auto}.vh-reward>.reward-list>span:hover>img{pointer-events:auto;opacity:1;transform:translate(-50%,-1rem)}.vh-reward>.reward-list>span:before{pointer-events:none;content:"";position:absolute;left:50%;transform:translate(-50%);bottom:100%;width:calc(100vw - 1rem);max-width:258px;height:100%}.vh-reward>.reward-list>span>img{opacity:0;pointer-events:none;position:absolute;left:50%;bottom:100%;transform:translate(-50%);width:calc(100vw - 1rem);max-width:258px;max-height:max-content;border-radius:var(--vh-radius-md);aspect-ratio:6/8;background-size:cover;z-index:1;overflow:hidden;transition:opacity .18s,transform .18s}.vh-reward>.reward-list>span.alipay{background:#00a0e8 url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M377.7%2032H70.3C31.4%2032%200%2063.4%200%20102.3v307.5C0%20448.6%2031.4%20480%2070.3%20480h307.5c38.5%200%2069.8-31.1%2070.3-69.6-46-25.6-110.6-60.3-171.6-88.4-32.1%2044-84.1%2081-148.6%2081-70.6%200-93.7-45.3-97-76.4-4-39%2014.9-81.5%2099.5-81.5%2035.4%200%2079.4%2010.3%20127.1%2025%2016.5-30.1%2026.5-60.3%2026.5-60.3h-178.2v-16.7h92.1v-31.2H88.3v-19h109.4V92.3h50.9v50.4h109.4v19H248.6v31.2h88.8s-15.2%2046.6-38.4%2090.9c48.9%2016.7%20100%2036%20148.6%2052.7V102.3C447.8%2063.6%20416.4%2032%20377.7%2032zM47.3%20323c1%2020.2%2010.3%2053.7%2069.9%2053.7%2052.1%200%2092.6-39.7%20117.9-72.9-44.6-18.7-84.5-31.4-109.4-31.4-67.5%200-79.4%2033.1-78.4%2050.6z%22%2F%3E%3C%2Fsvg%3E)no-repeat;background-size:.88rem auto;background-position:.56rem center}.vh-reward>.reward-list>span.wechat{background:#1aad19 url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M385.2%20167.6c6.4%200%2012.6%20.3%2018.8%201.1C387.4%2090.3%20303.3%2032%20207.7%2032%20100.5%2032%2013%20104.8%2013%20197.4c0%2053.4%2029.3%2097.5%2077.9%20131.6l-19.3%2058.6%2068-34.1c24.4%204.8%2043.8%209.7%2068.2%209.7%206.2%200%2012.1-.3%2018.3-.8-4-12.9-6.2-26.6-6.2-40.8-.1-84.9%2072.9-154%20165.3-154zm-104.5-52.9c14.5%200%2024.2%209.7%2024.2%2024.4%200%2014.5-9.7%2024.2-24.2%2024.2-14.8%200-29.3-9.7-29.3-24.2%20.1-14.7%2014.6-24.4%2029.3-24.4zm-136.4%2048.6c-14.5%200-29.3-9.7-29.3-24.2%200-14.8%2014.8-24.4%2029.3-24.4%2014.8%200%2024.4%209.7%2024.4%2024.4%200%2014.6-9.6%2024.2-24.4%2024.2zM563%20319.4c0-77.9-77.9-141.3-165.4-141.3-92.7%200-165.4%2063.4-165.4%20141.3S305%20460.7%20397.6%20460.7c19.3%200%2038.9-5.1%2058.6-9.9l53.4%2029.3-14.8-48.6C534%20402.1%20563%20363.2%20563%20319.4zm-219.1-24.5c-9.7%200-19.3-9.7-19.3-19.6%200-9.7%209.7-19.3%2019.3-19.3%2014.8%200%2024.4%209.7%2024.4%2019.3%200%2010-9.7%2019.6-24.4%2019.6zm107.1%200c-9.7%200-19.3-9.7-19.3-19.6%200-9.7%209.7-19.3%2019.3-19.3%2014.5%200%2024.4%209.7%2024.4%2019.3%20.1%2010-9.9%2019.6-24.4%2019.6z%22%2F%3E%3C%2Fsvg%3E)no-repeat;background-size:1.08rem auto;background-position:.56rem center}.vh-share[data-astro-cid-ixdnwy6f]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--vh-border-color);flex-wrap:wrap}.vh-share-label[data-astro-cid-ixdnwy6f]{font-size:.8125rem;color:var(--vh-font-56);margin-right:.25rem}.vh-share-btn[data-astro-cid-ixdnwy6f]{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;color:var(--vh-font-66);background:var(--vh-font-6);border:1px solid var(--vh-border-color);border-radius:var(--vh-radius-sm);cursor:pointer;font-family:inherit;text-decoration:none;transition:all var(--vh-transition-base)}.vh-share-btn[data-astro-cid-ixdnwy6f]:hover{color:var(--vh-main-color);border-color:var(--vh-main-color-28);background:var(--vh-main-color-6)}.vh-share-btn[data-astro-cid-ixdnwy6f].copied{color:var(--vh-success);border-color:var(--vh-success);background:var(--vh-success-hover)}.vh-related[data-astro-cid-ph4kef3u]{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--vh-border-color)}.vh-related[data-astro-cid-ph4kef3u] h3[data-astro-cid-ph4kef3u]{font-size:1rem;font-weight:600;color:var(--vh-font-color);margin:0 0 .75rem}.vh-related-list[data-astro-cid-ph4kef3u]{display:flex;flex-direction:column;gap:.5rem}.vh-related-item[data-astro-cid-ph4kef3u]{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;border:1px solid var(--vh-border-color);border-radius:var(--vh-radius-sm);text-decoration:none;transition:all var(--vh-transition-base)}.vh-related-item[data-astro-cid-ph4kef3u]:hover{border-color:var(--vh-main-color-28);background:var(--vh-main-color-6)}.vh-related-title[data-astro-cid-ph4kef3u]{font-size:.875rem;font-weight:500;color:var(--vh-font-color);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vh-related-meta[data-astro-cid-ph4kef3u]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--vh-font-56);flex-shrink:0}.vh-related-cat[data-astro-cid-ph4kef3u]{background:var(--vh-main-color-6);color:var(--vh-main-color);padding:.125rem .5rem;border-radius:var(--vh-radius-sm);font-size:.6875rem;font-weight:500}.vh-toc{flex-shrink:0;position:sticky;top:4.25rem;box-sizing:border-box;width:var(--vh-aside-width);max-height:calc(100vh - 5.25rem);display:flex;flex-direction:column;padding:1.125rem;border:1px solid var(--vh-border-color);border-radius:var(--vh-radius-lg);background-color:var(--vh-white-color);overflow:hidden}.vh-toc .vh-toc-title{flex-shrink:0;margin:0 0 .75rem;font-size:.72rem;font-weight:600;color:var(--vh-font-56);text-transform:uppercase;letter-spacing:.08em;user-select:none}.vh-toc .vh-toc-list{flex:1;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;list-style:none;margin:0;padding:0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent}.vh-toc .vh-toc-list:hover{scrollbar-color:var(--vh-font-16) transparent}.vh-toc .vh-toc-list::-webkit-scrollbar{width:3px}.vh-toc .vh-toc-list::-webkit-scrollbar-track{background:0 0}.vh-toc .vh-toc-list::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px}.vh-toc .vh-toc-list:hover::-webkit-scrollbar-thumb{background-color:var(--vh-font-16)}.vh-toc .vh-toc-item{display:flex;margin:0}.vh-toc .vh-toc-item.vh-toc-level-3{padding-left:1.125rem}.vh-toc .vh-toc-item>a{position:relative;display:block;width:100%;padding:.375rem .625rem .375rem .75rem;line-height:1.5;text-decoration:none;border:0;outline:0;box-shadow:none!important;background:0 0;border-radius:var(--vh-radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--vh-transition-fast),background-color var(--vh-transition-fast)}.vh-toc .vh-toc-item>a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:1em;border-radius:2px;background-color:var(--vh-main-color);transition:transform var(--vh-transition-base)}.vh-toc .vh-toc-item>a:hover{color:var(--vh-main-color);background-color:var(--vh-main-color-6)}.vh-toc .vh-toc-item>a.active{color:var(--vh-main-color);background-color:transparent}.vh-toc .vh-toc-item>a.active:before{transform:translateY(-50%) scaleY(1)}.vh-toc .vh-toc-level-2>a{font-size:.82rem;font-weight:500;color:var(--vh-font-88)}.vh-toc .vh-toc-level-3>a{font-size:.78rem;font-weight:400;color:var(--vh-font-56)}.vh-toc .vh-toc-level-3>a.active{color:var(--vh-main-color);font-weight:500}.vh-toc-mobile-btn{display:none;position:fixed;right:var(--vh-back-top);bottom:5rem;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--vh-border-color);background-color:var(--vh-white-color);box-shadow:var(--vh-shadow-md);cursor:pointer;z-index:9;align-items:center;justify-content:center;padding:0;font:inherit;color:var(--vh-font-56);transition:all var(--vh-transition-base)}.vh-toc-mobile-btn:hover{color:var(--vh-main-color);border-color:var(--vh-main-color-28);box-shadow:var(--vh-shadow-lg)}.vh-toc-mobile-btn svg{width:1rem;height:1rem}.vh-toc-overlay{display:none;position:fixed;inset:0;z-index:20;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.vh-toc-overlay.active{display:block}.vh-toc-overlay .vh-toc-overlay-inner{position:absolute;right:0;top:0;bottom:0;width:min(80vw,320px);background:var(--vh-white-color);display:flex;flex-direction:column;box-shadow:var(--vh-shadow-lg);transform:translate(100%);transition:transform var(--vh-transition-slow)}.vh-toc-overlay.active .vh-toc-overlay-inner{transform:translate(0)}.vh-toc-overlay .vh-toc-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.125rem;border-bottom:1px solid var(--vh-border-color);font-size:.875rem;font-weight:600;color:var(--vh-font-color);flex-shrink:0}.vh-toc-overlay .vh-toc-overlay-close{background:0 0;border:0;font-size:1.25rem;color:var(--vh-font-56);cursor:pointer;padding:.25rem;line-height:1;font-family:inherit}.vh-toc-overlay .vh-toc-overlay-close:hover{color:var(--vh-font-color)}.vh-toc-overlay .vh-toc-overlay-content{flex:1;overflow-y:auto;padding:.75rem}@media screen and (max-width:1150px){.vh-toc{display:none}.vh-toc-mobile-btn{display:flex}}.article-wrapper{display:flex;flex-direction:row;gap:1.25rem;width:100%;height:max-content}.article-wrapper article.vh-article-main{flex:1;min-width:0}@media screen and (max-width:1150px){.article-wrapper{flex-direction:column}}article.vh-article-main{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:max-content}article.vh-article-main>header{box-sizing:border-box;padding:2.5rem 2rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;width:100%;height:max-content;background-color:var(--vh-white-color);border-radius:var(--vh-radius-lg) var(--vh-radius-lg)0 0;border:1px solid var(--vh-border-color);border-bottom:none;overflow:hidden}article.vh-article-main>header>h1{width:100%;font-weight:700}article.vh-article-main>header>.article-meta{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;font-size:.85rem;width:100%;height:max-content;overflow:hidden}article.vh-article-main>header>.article-meta>.article-meta-item{display:flex;align-items:center;gap:.35rem;width:max-content}article.vh-article-main>header>.article-meta>.article-meta-item>svg{flex-shrink:0;height:.9rem;width:auto;object-fit:contain;color:var(--vh-font-28)}article.vh-article-main>header>.article-meta>.article-meta-item>time{color:var(--vh-font-56);font-size:.85rem}article.vh-article-main>header>.article-meta>.article-meta-item>span{font-size:.85rem}article.vh-article-main>header>.article-meta>.article-meta-item>span.count{padding-left:.25rem;color:var(--vh-success)}article.vh-article-main>header>.article-meta>.article-meta-item>span.count strong{color:var(--vh-success);font-weight:600}article.vh-article-main>header>.article-meta>.article-meta-item>span.time{color:var(--vh-warning)}article.vh-article-main>header>.article-meta>.article-meta-item>span.time strong{color:var(--vh-warning);font-weight:600}article.vh-article-main>main{box-sizing:border-box;padding:1.5rem 2rem;display:flex;flex-direction:column;width:100%;height:max-content;background-color:var(--vh-white-color);border-radius:0 0 var(--vh-radius-lg) var(--vh-radius-lg);border:1px solid var(--vh-border-color);border-top:none;overflow:hidden}article.vh-article-main>main .aplayer-list{max-height:max-content!important}article.vh-article-main>main .aplayer-list>ol{max-height:566px!important}article.vh-article-main>main .dplayer-controller span{color:var(--vh-white-color)}article.vh-article-main>main>.tag-list{margin-top:2.5rem;padding-top:1.25rem;position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;width:100%;border-top:1px solid var(--vh-border-color)}article.vh-article-main>main>.tag-list>a{position:relative;box-sizing:border-box;padding:.3rem .85rem;display:flex;align-items:center;gap:.25rem;width:max-content;height:max-content;border-radius:var(--vh-radius-sm);font-size:.8rem;font-weight:500;color:var(--vh-font-66);background-color:var(--vh-body-bg);transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);overflow:hidden}article.vh-article-main>main>.tag-list>a:hover{color:var(--vh-white-color);background-color:var(--vh-main-color);transform:translateY(-1px)}article.vh-article-main>main>.tag-list>a>svg{height:.75rem;width:auto;object-fit:contain;transform:rotate(90deg)}article.vh-article-main>footer{box-sizing:border-box;width:100%;height:max-content}@media screen and (max-width:999px){article.vh-article-main>header{padding:2rem 1.25rem 1.25rem}article.vh-article-main>header>h1{font-size:1.36rem}article.vh-article-main>main{padding:1.25rem}article.vh-article-main h1{font-size:1.36rem}article.vh-article-main h2{font-size:1.26rem}article.vh-article-main h3{font-size:1.125rem}article.vh-article-main .vh-node.vh-picture{grid-template-columns:repeat(auto-fit,minmax(48%,1fr))}}@keyframes vhRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}