@charset "UTF-8";:root{--color-bg:#ffffff;--color-text:#333333;--color-text-light:#666666;--color-text-muted:#999999;--color-accent:#8172ef;--color-accent-hover:#6b5dd3;--bean-bg:rgba(255, 255, 255, 0.08);--bean-border:rgba(255, 255, 255, 0.15);--bean-text:rgba(255, 255, 255, 0.85);--bean-hover:rgba(255, 255, 255, 0.15);--article-bg:#f6f6f6;--article-text:#333333;--article-banner-bg:rgba(255, 255, 255, 0.8);--article-banner-border:transparent;--article-banner-text:#363636;--article-tool-bg:rgba(255, 255, 255, 0.8);--article-tool-bg-solid:rgb(250,250,250);--article-tool-text:#333333;--glass-bg-light:rgba(255, 255, 255, 0.4);--glass-bg-dark:rgba(40, 44, 52, 0.85);--glass-border:rgba(255, 255, 255, 0.3);--glass-shadow:5px 5px 15px rgba(0, 0, 0, 0.05);--scrollbar-thumb:rgba(0, 0, 0, 0.2);--scrollbar-thumb-hover:rgba(0, 0, 0, 0.4);--toolbar-bg:rgba(255, 255, 255, 0.08);--toolbar-text:rgba(255, 255, 255, 0.85);--toolbar-hover:rgba(129, 114, 239, 0.1)}[data-theme=dark]{--color-bg:#1a1a2e;--color-text:#e0e0e0;--color-text-light:#b0b0b0;--color-text-muted:#808080;--color-accent:#a594ff;--color-accent-hover:#8b7ae0;--bean-bg:rgba(32, 32, 32, 0.5);--bean-border:rgba(255, 255, 255, 0.1);--bean-text:rgba(255, 255, 255, 0.7);--bean-hover:rgba(254, 254, 254, 0.3);--article-bg:rgba(32, 32, 32, 0.5);--article-text:#e0e0e0;--article-banner-bg:rgba(32,32,32, 0.9);--article-banner-border:rgba(255, 255, 255, 0.15);--article-banner-text:#e0e0e0;--article-tool-bg:rgba(32, 32, 32, 0.9);--article-tool-bg-solid:rgba(32, 32, 32, 1);--article-tool-text:#e0e0e0;--glass-bg-light:rgba(40, 40, 60, 0.6);--glass-bg-dark:rgba(20, 20, 30, 0.9);--glass-border:rgba(255, 255, 255, 0.1);--glass-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);--scrollbar-thumb:rgba(255, 255, 255, 0.2);--scrollbar-thumb-hover:rgba(255, 255, 255, 0.4);--toolbar-bg:rgba(32, 32, 32, 0.9);--toolbar-text:#e0e0e0;--toolbar-hover:rgba(165, 148, 255, 0.2)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#1a1a2e;--color-text:#e0e0e0;--color-text-light:#b0b0b0;--color-text-muted:#808080;--color-accent:#a594ff;--color-accent-hover:#8b7ae0;--bean-bg:rgba(32, 32, 32, 0.5);--bean-border:rgba(255, 255, 255, 0.1);--bean-text:rgba(255, 255, 255, 0.7);--bean-hover:rgba(254, 254, 254, 0.3);--article-bg:rgba(32, 32, 32, 0.5);--article-text:#e0e0e0;--article-banner-bg:rgba(32,32,32, 0.9);--article-banner-border:rgba(255, 255, 255, 0.15);--article-banner-text:#e0e0e0;--article-tool-bg:rgba(32, 32, 32, 0.9);--article-tool-bg-solid:rgba(32, 32, 32, 1);--article-tool-text:#e0e0e0;--glass-bg-light:rgba(40, 40, 60, 0.6);--glass-bg-dark:rgba(20, 20, 30, 0.9);--glass-border:rgba(255, 255, 255, 0.1);--glass-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);--scrollbar-thumb:rgba(255, 255, 255, 0.2);--scrollbar-thumb-hover:rgba(255, 255, 255, 0.4);--toolbar-bg:rgba(32, 32, 32, 0.9);--toolbar-text:#e0e0e0;--toolbar-hover:rgba(165, 148, 255, 0.2)}}html{height:100%;position:absolute;--font-serif:Lora, "Noto Serif SC", serif;--font-sans-serif:"Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;--font-mono:"Cascadia Mono", Consolas, Monaco, monospace}body{margin:0;--mybg:url("/img/bg-pc.jpg");font-family:var(--font-serif);background-image:var(--mybg);background-size:cover;background-position:50%;height:100%;background-attachment:fixed;width:100vw;overflow:hidden}a{text-decoration:none;color:var(--color-accent)}.container{display:flex;overflow-x:scroll;color:var(--color-text);height:100%;align-items:center;overflow-y:hidden;isolation:isolate;position:relative}.bean-space{width:40px;height:80px;flex-shrink:0}.contained-containers{height:100%;opacity:0;will-change:transform;display:flex;flex-direction:column}.contained-beans{height:100%;display:flex;transition-timing-function:cubic-bezier(.68,0,.33,1)!important;position:fixed;align-items:center}.bean{background-color:var(--bean-bg);box-shadow:-5px -5px 10px rgba(32,32,32,.1),5px 5px 10px rgba(32,32,32,.1);backdrop-filter:blur(10px);border-radius:20px;color:var(--bean-text);flex-shrink:0}.bean-main{width:200px;height:600px;margin-left:calc(50% - 100px);left:5%;user-select:none;-moz-user-select:none;will-change:backdrop-filter;-webkit-user-select:none;border:1px solid var(--bean-border);border-radius:100px!important;position:sticky;overflow:hidden;transition:all .3s;z-index:10}.bean-main .avatar{display:flex;justify-content:center;margin-top:25px;transition:all .3s}.bean-main .avatar img{transition:all .3s;width:150px;height:150px;border:3px solid rgba(245,245,245,.2);box-shadow:0 0 10px rgba(32,32,32,.1);border-radius:50%;margin:0 auto}.bean-main .blog-name{margin-top:10px;text-align:center;font-size:30px;font-weight:500;height:44px;overflow:hidden;transition:all .3s;text-shadow:1px 1px rgba(32,32,32,.1)}.bean-main .blog-name .small{font-size:75%}.bean-main .links{display:flex;flex-direction:column;align-items:center;margin:10px 0;padding:0 10px}.bean-main .links .link-item{cursor:pointer;color:inherit;border-radius:100px;margin:7px 0;padding:7px 0;width:100%;text-align:center;font-size:18px;font-family:var(--font-serif);font-weight:500;transition:all .3s}.bean-main .links .link-item .link-container{transition:all .3s;display:flex;justify-content:center;align-items:center}.bean-main .links .link-item .link-text{overflow:hidden;transition:all .3s}.bean-main .links .link-item .link-icon{display:flex}.bean-main .links .link-item .link-icon svg{width:20px;height:20px}.bean-main .links .link-item:hover{background-color:var(--bean-hover);transform:translate(0,-2px);box-shadow:0 0 5px rgba(32,32,32,.1)}.bean-main .links .link-item:active .link-container{transform:scale(.9)}.bean-main .links .link-item-selected{background-color:initial;box-shadow:none}.bean-main .meta-info{font-size:10px;margin-top:20px;padding:0 20px;text-align:center;color:rgba(255,255,255,.6)}.bean-main .meta-info a{border-bottom:1px solid var(--color-accent)}.bean-main .meta-info .show{display:block;transition:all .3s;opacity:1}.bean-main .meta-info .hide{display:block;opacity:0;transition:all .3s;transform:translate(0,-34px)}.bean-main .meta-info:hover .hide{opacity:1}.bean-main .meta-info:hover .show{opacity:0}.bean-main-mini{width:70px;height:330px}.bean-main-mini .avatar{margin-top:10px}.bean-main-mini .avatar img{width:50px;height:50px}.bean-main-mini .blog-name{height:0;opacity:0;font-size:0;margin-top:0}.bean-main-mini .link-text{display:none}.bean-main-mini .meta-info{display:none}.bean-main-mini .links{margin:7px 0}.bean-main-mini .links .link-item:hover{transform:translate(0);background-color:initial;transform:translate(0,0);box-shadow:0 0 rgba(32,32,32,.1)}.bean-main-mini .links .link-item:active{transform:scale(.9)}.bean-main-mini .links .link-item:active .link-container{transform:scale(.8)}.bean-main-mini .links .link-item-selected{background-color:var(--bean-hover)!important;box-shadow:0 0 5px rgba(32,32,32,.1)!important}.bean-article{height:400px;backdrop-filter:none;width:500px;margin-left:50px;user-select:none;will-change:transform;-moz-user-select:none;-webkit-user-select:none;transition:all .3s;cursor:pointer;background-position:50%;display:flex;background-size:cover;flex-direction:column;justify-content:space-between;overflow:hidden}.bean-article .article-title{color:#f0f0f0;padding:15px 20px;text-shadow:0 0 5px rgba(35,35,35,.5),0 0 5px rgba(35,35,35,.5);font-size:26px;text-overflow:ellipsis;overflow:hidden;transition:all .3s;white-space:nowrap;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6),rgba(0,0,0,.9))}.bean-article .article-title span{font-weight:600}.bean-article .article-title .article-summary{text-overflow:ellipsis;overflow:hidden;transition:all .3s;margin-top:5px;color:#cecece;white-space:nowrap;font-size:14px}.bean-article .article-category{display:flex;align-items:center;padding:15px 20px;flex-direction:row-reverse;user-select:none;-moz-user-select:none;-webkit-user-select:none}.bean-article .article-category .category-item{display:flex;align-items:center;color:var(--article-tool-text);background-color:var(--article-tool-bg);border:1px solid var(--bean-border);padding:2px 5px;height:19px;border-radius:5px;margin-left:8px;backdrop-filter:blur(5px);box-shadow:0 0 10px rgba(32,32,32,.2)}.bean-article .article-category .category-item .item-date{margin-right:4px;font-size:13px}.bean-article .article-category .category-item .item-text{font-size:13px;font-family:var(--font-sans-serif);margin-top:-2px}.bean-article:hover{background-color:rgba(254,254,254,.3);box-shadow:-5px -5px 10px rgba(32,32,32,.2),5px 5px 10px rgba(32,32,32,.2)}.bean-article:active{transform:scale(.99)}.bean-article-textonly{color:#000;backdrop-filter:blur(20px);justify-content:flex-start}.bean-article-textonly .article-title{background:0 0;flex-shrink:0;color:#111;padding:15px 20px 0;text-shadow:none}.bean-article-textonly .article-content{max-height:calc(100% - 80px);padding:0 30px;overflow:hidden}.bean-article-textonly .article-category{position:absolute;bottom:0;width:100%;user-select:none;-moz-user-select:none;-webkit-user-select:none;box-sizing:border-box}.bean-article-textonly .article-category .category-item{background-color:rgba(255,255,255,.4)}.bean-article-textonly:hover{background-color:rgba(223,242,255,.5)}.block-container{display:flex;margin-left:50px;flex-wrap:wrap;flex-direction:column;height:420px;column-gap:20px}.bean-block{width:240px;height:190px;margin:10px 0;box-sizing:border-box;display:flex;transition:all .3s;flex-direction:column;background-size:cover;opacity:.97;user-select:none;-moz-user-select:none;-webkit-user-select:none;padding:20px;overflow:hidden}.bean-block .block-title{font-size:24px;display:inline-block;color:#333;place-self:baseline;border-bottom:1px dashed #999;padding-bottom:2px}.bean-block .block-description{margin-top:7px;font-size:15px}.bean-block:hover{background-color:rgba(254,254,254,.3);box-shadow:-5px -5px 10px rgba(32,32,32,.2),5px 5px 10px rgba(32,32,32,.2)}.bean-block:active{transform:scale(.99)}.pagination-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:0 0 0 40px;flex-shrink:0;font-family:var(--font-sans-serif)}.pagination-next{display:flex;align-items:center;justify-content:center;color:var(--bean-text);border:1px solid var(--bean-border);width:50px;height:50px;border-radius:50%;transition:all .3s cubic-bezier(.68,0,.33,1);cursor:pointer;text-decoration:none;box-shadow:0 0 5px rgba(32,32,32,.1)!important}.pagination-next:hover{transform:translateX(5px)}.pagination-next svg{width:32px;height:32px}.bean-read.modal-opening{animation:modalPopIn .5s cubic-bezier(.68,0,.33,1)forwards}@keyframes modalPopIn{0%{transform:scale(.7)translateY(20vh);opacity:0}100%{transform:scale(1)translateY(0);opacity:1}}.modal-visible-container.modal-closing{animation:modalPopout .4s cubic-bezier(.68,0,.33,1)forwards}@keyframes modalPopout{0%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:0}}.bean-read::-webkit-scrollbar{display:none}.modal{background-color:initial;position:absolute;left:0;top:0;width:100vw;visibility:hidden;overflow-y:hidden;transition:background-color .5s,backdrop-filter .5s;height:100%;z-index:3;display:flex}.modal ::-webkit-scrollbar{display:none}.modal .modal-close{display:none;position:fixed;z-index:2;user-select:none;top:10px;right:20px;font-size:2em;text-shadow:1px 1px 10px rgba(0,0,0,.5);color:rgba(255,255,255,.8)}.modal .modal-visible-container{margin:0 auto;display:flex;height:100%}.modal .article-toc{position:fixed;left:calc(50% - 640px);top:100px;width:200px;max-height:calc(100vh - 200px);overflow-y:auto;z-index:10;opacity:1;transition:left .5s ease-in-out,opacity .5s ease-in-out;scrollbar-width:none;color:#fff}.modal .article-toc::-webkit-scrollbar{display:none}.modal .article-toc nav#TableOfContents{text-align:right;transition:opacity .5s ease-in-out}.modal .article-toc nav#TableOfContents ul:first-child::before{content:"目录";font-size:24px;font-weight:700;color:#ddd;text-align:right;padding-bottom:10px}.modal .article-toc nav#TableOfContents ul:first-child li:first-child{margin-top:20px}.modal .article-toc nav#TableOfContents ul{list-style:none;padding:0}.modal .article-toc nav#TableOfContents ul li{margin-bottom:8px;opacity:0;animation:slideInLeft .6s cubic-bezier(.25,1,.5,1)forwards}.modal .article-toc nav#TableOfContents ul li:nth-child(1){animation-delay:.08s}.modal .article-toc nav#TableOfContents ul li:nth-child(2){animation-delay:.16s}.modal .article-toc nav#TableOfContents ul li:nth-child(3){animation-delay:.24s}.modal .article-toc nav#TableOfContents ul li:nth-child(4){animation-delay:.32s}.modal .article-toc nav#TableOfContents ul li:nth-child(5){animation-delay:.4s}.modal .article-toc nav#TableOfContents ul li:nth-child(6){animation-delay:.48s}.modal .article-toc nav#TableOfContents ul li:nth-child(7){animation-delay:.56s}.modal .article-toc nav#TableOfContents ul li:nth-child(8){animation-delay:.64s}.modal .article-toc nav#TableOfContents ul li:nth-child(9){animation-delay:.72s}.modal .article-toc nav#TableOfContents ul li:nth-child(10){animation-delay:.8s}.modal .article-toc nav#TableOfContents ul li:nth-child(11){animation-delay:.88s}.modal .article-toc nav#TableOfContents ul li:nth-child(12){animation-delay:.96s}.modal .article-toc nav#TableOfContents ul li:nth-child(13){animation-delay:1.04s}.modal .article-toc nav#TableOfContents ul li:nth-child(14){animation-delay:1.12s}.modal .article-toc nav#TableOfContents ul li:nth-child(15){animation-delay:1.2s}.modal .article-toc nav#TableOfContents ul li:nth-child(16){animation-delay:1.28s}.modal .article-toc nav#TableOfContents ul li:nth-child(17){animation-delay:1.36s}.modal .article-toc nav#TableOfContents ul li:nth-child(18){animation-delay:1.44s}.modal .article-toc nav#TableOfContents ul li:nth-child(19){animation-delay:1.52s}.modal .article-toc nav#TableOfContents ul li:nth-child(20){animation-delay:1.6s}.modal .article-toc nav#TableOfContents ul li a{color:#bbb;text-decoration:none;font-size:16px;transition:all .2s;display:block;padding:2px 0;line-height:1.4}.modal .article-toc nav#TableOfContents ul li a:hover{color:#fff;transform:translateX(-2px)}.modal .article-toc nav#TableOfContents ul li a.active{color:#6cf;font-weight:500;transform:translateX(-2px)}.modal .article-toc nav#TableOfContents ul li ul{margin-top:-10px}.modal .article-toc nav#TableOfContents ul li ul li{animation:none;opacity:1}.modal .article-toc nav#TableOfContents>ul>li>a{font-weight:500}.modal .article-toc nav#TableOfContents ul>li>ul{border-right:2px solid rgba(176,176,176,.5);padding-right:10px!important}.modal .article-toc nav#TableOfContents ul>li>ul a{font-size:.9em!important;font-weight:300}.modal .bean-tools{position:fixed;left:calc(50% + 440px);bottom:100px;display:flex;transition:left .5s ease-in-out;flex-direction:column;gap:20px;z-index:10}.modal .bean-tools .tool-btn{width:50px;height:50px;border-radius:50%;background-color:var(--article-tool-bg);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:var(--article-tool-text);opacity:0;animation:slideInRight .5s cubic-bezier(.25,1,.5,1)forwards;border:1px solid var(--glass-border)}.modal .bean-tools .tool-btn:nth-child(1){animation-delay:.4s}.modal .bean-tools .tool-btn:nth-child(2){animation-delay:.5s}.modal .bean-tools .tool-btn:nth-child(3){animation-delay:.6s}.modal .bean-tools .tool-btn svg{width:20px;height:20px;fill:currentColor;transition:transform .3s}.modal .bean-tools .tool-btn:hover{transform:scale(1.15);box-shadow:0 8px 20px rgba(0,0,0,.15)}.modal .bean-tools .tool-btn:hover svg{transform:scale(1.1)}.modal .bean-tools .tool-btn:active{transform:scale(.95)}.modal .bean-tools #btn-comment{position:relative}.modal .bean-tools #btn-comment.has-comments:after{content:attr(data-comment-count);display:block;position:absolute;top:-10px;right:-8px;background-color:var(--article-tool-bg-solid);padding:2px 6px;border:1px solid var(--glass-border);border-radius:10px;font-size:.9em}.modal .bean-read{background-color:var(--article-bg);margin:50px 0;width:800px;overflow-y:scroll;overflow-x:hidden;height:calc(100vh - 100px);transition:all .5s ease-in-out;transition-timing-function:cubic-bezier(.68,0,.33,1)!important;scrollbar-width:none;box-sizing:border-box}.modal .bean-read .article-title{color:#f0f0f0;padding:25px 30px;text-shadow:0 0 5px rgba(35,35,35,.5),0 0 5px rgba(35,35,35,.5);font-size:32px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));font-weight:700}.modal .bean-read .article-cover{transition:all .5s;background-position:50%;display:flex;background-size:cover;flex-direction:column;height:500px;justify-content:space-between;overflow:hidden}.modal .bean-read .article-cover .article-category{display:flex;user-select:none;-moz-user-select:none;-webkit-user-select:none;align-items:center;padding:10px 0;flex-direction:row}.modal .bean-read .article-cover .article-category .category-item{display:flex;align-items:center;background-color:rgba(32,32,32,.3);padding:4px 5px;border-radius:5px;margin-right:8px;backdrop-filter:blur(5px);box-shadow:0 0 10px rgba(32,32,32,.2)}.modal .bean-read .article-cover .article-category .category-item .item-text{font-size:16px;font-family:var(--font-sans-serif);margin-top:-2px}.modal .bean-read .article-banner{z-index:2;top:20px;display:flex;margin:-30px 20px 0;position:sticky;padding:8px 15px 8px 8px}.modal .bean-read .article-banner #banner-progressbar{display:none;height:2px;margin-top:53px;left:0;width:0%;max-width:100%;background-color:#6cf;position:absolute;z-index:11;transition:width .1s linear}.modal .bean-read .article-banner .small-title{font-family:var(--font-serif);font-size:1.1em;display:none}.modal .bean-read .banner-content{display:flex;justify-content:space-between;user-select:none;align-items:center;font-size:13px;box-shadow:5px 5px 10px rgba(32,32,32,.1);padding:8px 20px 8px 8px;z-index:10;border-radius:50px;background-color:var(--article-banner-bg);border:solid 1px var(--article-banner-border);backdrop-filter:blur(30px);color:var(--article-banner-text);width:100%;font-family:sans-serif}.modal .bean-read .banner-content .banner-author{display:flex;align-items:center}.modal .bean-read .banner-content .banner-author span{font-weight:700}.modal .bean-read .banner-content .banner-author .author-avatar{margin-right:10px;height:37px;width:37px}.modal .bean-read .banner-content .banner-author .author-avatar img{transition:all .3s;width:35px;height:35px;border:solid 1px #b9b9b9;box-shadow:0 0 10px rgba(32,32,32,.1);border-radius:50%;margin:0 auto}.modal .bean-read .banner-content .banner-author .publish-time{margin-left:10px;font-weight:400;color:#7e7e7e}.modal .bean-read .banner-content .banner-tools{color:var(--color-text-muted);position:relative}.modal .bean-read .banner-content .banner-tools .reading-time{display:inline}.modal .bean-read .banner-content .banner-tools .mobile-close-btn{display:none}.modal .bean-read .mobile-close-btn{display:none;line-height:.8;cursor:pointer;transition:opacity .3s,transform .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none}.modal .bean-read .mobile-close-btn svg{width:30px;height:30px;color:var(--color-text-light)}.modal .bean-read .mobile-close-btn:hover{transform:scale(1.1)}.modal .bean-read .mobile-close-btn:active{transform:scale(.9)}.modal.show-comment .bean-read{margin:50px 0}.modal.show-comment .article-comment{margin:50px 0 50px 40px;animation:article-comment-in .5s ease-in-out forwards}.modal.show-comment .bean-tools{left:calc(50% + 220px)}.modal.show-comment .article-toc{left:calc(50% - 860px)}.modal.show-comment .article-toc #TableOfContents{opacity:1!important}.modal.closing-comment .bean-read{margin:50px 0 50px 0}.modal.closing-comment .article-comment{margin:50px 0 50px 0;animation:article-comment-out .5s ease-in-out forwards}.modal .article-comment{width:0;height:calc(100vh - 380px);overflow:hidden;background-color:var(--article-bg);transition:all .5s ease-in-out;visibility:hidden}.modal .article-comment .comment-container{min-width:360px;padding:0 20px;margin:0 auto;overflow:scroll;height:calc(100vh - 380px)}.modal .article-comment .comment-container .gt-header-controls-tip{display:none}.modal .article-comment .OwO{padding:0;white-space:unset;border:none;border-bottom:1px solid var(--color-accent)!important}.modal .article-comment .OwO-open{border-bottom:none!important}.modal .article-comment .OwO-logo{border:1px solid var(--color-accent)!important;border-bottom:none!important;padding:0!important;line-height:unset!important;height:auto!important;color:var(--color-accent)!important;font-size:.75em!important;width:77px}.modal .article-comment .OwO-logo span{margin:1em 1.25em;display:block}.modal .article-comment .OwO-body{margin-left:-338px;margin-top:9px;border-top-right-radius:0;border:1px solid var(--color-accent);background-color:var(--glass-bg-light)}.modal .article-comment .OwO-items{overflow-x:hidden;text-align:right!important;color:var(--article-text)}.modal .article-comment .OwO-items::-webkit-scrollbar{display:block}.modal .article-comment .OwO .OwO-body .OwO-bar{height:unset!important}.modal .article-comment .OwO-item img{max-width:unset!important}.modal .article-comment .OwO-item{max-width:unset!important}.modal .article-comment .gt-meta{margin:.2em 0 1.25em}.modal .article-comment .gt-header-textarea{resize:none!important;max-width:100%!important;box-sizing:border-box!important;border:1px solid var(--glass-border)!important;-webkit-appearance:none!important;padding:15px 20px!important;box-shadow:var(--glass-shadow)!important;font-size:13px!important;background-color:var(--glass-bg-light)!important;color:var(--article-text)!important;border-radius:20px!important;font-family:sans-serif!important;background-size:100px!important;transition:all .5s,background-position .3s,background-size .3s!important;background-image:url(../assets/img/kongou.png)!important;background-repeat:no-repeat!important;background-position:100% 100%!important;backdrop-filter:blur(10px)}.modal .article-comment .gt-header-textarea:focus,.modal .article-comment .gt-header-textarea:hover{box-shadow:0 3px 5px rgba(32,32,32,.15)!important}.modal .article-comment .gt-header-preview{background-color:var(--glass-bg-light);border-radius:20px!important;transition:all .5s;box-shadow:var(--glass-shadow)!important;border:1px solid var(--glass-border);color:var(--article-text)}.modal .article-comment .gt-avatar img{border-radius:100%!important;box-shadow:0 3px 6px rgba(32,32,32,5%)!important}.modal .article-comment .gt-avatar img:hover{box-shadow:0 3px 5px rgba(32,32,32,.1)!important}.modal .article-comment .gt-container .gt-comment-content{background-color:var(--glass-bg-light);border-radius:20px!important;transition:all .5s;box-shadow:var(--glass-shadow)!important;border:1px solid var(--glass-border);color:var(--article-text);backdrop-filter:blur(10px)}.modal .article-comment .gt-container .gt-comment-content:hover{box-shadow:0 3px 8px rgba(0,0,0,.15)!important}.modal .article-comment .gt-comment-admin .gt-comment-avatar:after{content:"";background-position:-73px -52px;margin:30px 0 0 -15px;width:20px;height:20px;position:absolute;background-image:url(../assets/img/user-auth.png);background-repeat:no-repeat}.modal .article-comment .gt-btn{transition:all .3s;border-radius:15px;background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff}.modal .article-comment .gt-container{color:var(--article-text)}.modal .article-comment .gt-container .gt-header-user{color:var(--article-text)}.modal .article-comment .gt-container .gt-comment-username{color:var(--color-accent)}.modal .article-comment .gt-container .gt-comment-date{color:var(--color-text-muted)}.modal .article-comment .gt-container .gt-comment-body{color:var(--article-text)!important}.modal .article-comment .gt-container .gt-link{color:var(--color-accent);border-bottom-color:var(--color-accent)}.modal .article-comment .gt-container .gt-popup{background-color:var(--glass-bg-light);border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.modal .article-comment .gt-container .gt-action{color:var(--color-text-muted)}.modal .article-comment .gt-container .gt-action:hover{color:var(--color-accent)}.modal .article-comment .gt-container .gt-svg svg{fill:var(--color-text-muted)}.modal .article-comment .gt-container .gt-ico-tip{color:var(--color-text-muted)}.modal .article-comment .gt-container .gt-counts{color:var(--article-text)}@keyframes article-comment-in{from{width:0;transform:scale(.9);opacity:0;visibility:hidden}to{width:400px;opacity:1;transform:scale(1);visibility:visible}}@keyframes article-comment-out{from{width:400px;opacity:1;transform:scale(1);visibility:visible}to{width:0;transform:scale(.8);opacity:0;visibility:hidden}}@media(max-width:991px){.modal .bean.article-comment{margin:0!important;position:fixed;border-bottom-right-radius:0;border-bottom-left-radius:0;bottom:0;width:100%!important;height:50vh;backdrop-filter:blur(20px)brightness(.5)}.modal .comment-container{height:50vh!important}.modal .gt-header-controls{display:grid;grid:auto-flow/1fr 1fr 1fr;grid-gap:10px}.modal .bean-tools{position:fixed;left:initial!important;right:10px;bottom:30px;transition:bottom .5s ease-in-out;display:flex!important}.modal .bean-tools #btn-top,.modal .bean-tools #btn-share{display:none}.modal .bean-tools #btn-comment{width:47px;height:47px}.modal.show-comment .bean-tools{bottom:calc(50vh + 30px)}.modal.show-comment .bean-read .article-content{padding-bottom:50vh}@keyframes article-comment-in{from{height:0;opacity:0;visibility:hidden}to{height:50vh;opacity:1;visibility:visible}}@keyframes article-comment-out{from{height:50vh;opacity:1;visibility:visible}to{height:0;opacity:0;visibility:hidden}}}.modal .article-content{font-family:var(--font-sans-serif);font-size:1rem;line-height:1.8;color:var(--article-text);padding:10px 50px 40px;word-wrap:break-word;transition:padding-bottom .5s ease-in-out}.modal .article-content p{margin-bottom:1.5em;text-align:justify}.modal .article-content h1,.modal .article-content h2,.modal .article-content h3,.modal .article-content h4,.modal .article-content h5,.modal .article-content h6{color:var(--article-text);margin-top:2em;margin-bottom:1em;line-height:1.4;position:relative;transition:all .3s}.modal .article-content h1{font-size:1.8em;color:var(--color-accent);text-shadow:2px 2px 4px rgba(129,114,239,.2);border-bottom:2px dashed rgba(129,114,239,.3);padding-bottom:10px;display:inline-block}.modal .article-content h2{font-size:1.5em;background:linear-gradient(to right,rgba(129,114,239,.1),var(--glass-bg-light));padding:8px 15px;border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:var(--glass-shadow);backdrop-filter:blur(10px);width:fit-content;margin-inline-start:-50px;padding-inline-start:40px;border-inline-start:5px solid var(--color-accent);position:relative}.modal .article-content h2::before{content:"# ";color:var(--color-accent);opacity:.6;font-size:.8em;margin-right:5px}.modal .article-content h3{font-size:1.3em;margin-top:1.5em}.modal .article-content h3::before{content:"## ";color:var(--color-accent);opacity:.6;font-size:.9em;margin-right:5px}.modal .article-content h4{font-size:1.1em;font-weight:700;color:var(--color-accent)}.modal .article-content h5{font-size:1em;font-weight:700;color:var(--article-text);opacity:.8}.modal .article-content a{color:var(--color-accent);text-decoration:none;position:relative;font-weight:500;padding:0 2px;transition:all .3s;border-bottom:1px dashed rgba(129,114,239,.5)}.modal .article-content a:hover{color:#fff;background-color:var(--color-accent);border-radius:4px;box-shadow:0 2px 8px rgba(129,114,239,.4);border-bottom-color:transparent;text-decoration:none}.modal .article-content ul,.modal .article-content ol{padding-left:2em;margin-bottom:1.5em}.modal .article-content ul li,.modal .article-content ol li{margin-bottom:.5em}.modal .article-content ul li::marker,.modal .article-content ol li::marker{color:var(--color-accent);font-weight:700}.modal .article-content blockquote{margin:2em 0;padding:20px 50px;background-color:var(--glass-bg-light);border-radius:20px;border-left:5px solid var(--color-accent);box-shadow:var(--glass-shadow);color:var(--article-text);position:relative;transition:transform .3s,box-shadow .3s;backdrop-filter:blur(10px)}.modal .article-content blockquote::before{content:"❝";position:absolute;top:-15px;left:15px;font-size:3em;color:var(--color-accent);opacity:.3;font-family:serif}.modal .article-content blockquote p{margin:0}.modal .article-content blockquote footer{margin-top:10px;font-size:.9em;color:var(--color-text-light);text-align:right;font-style:italic}.modal .article-content pre{background-color:var(--glass-bg-dark);backdrop-filter:blur(10px);color:#abb2bf;padding:40px 20px 20px;border-radius:20px;margin:2em 0;overflow-x:auto;box-shadow:var(--glass-shadow);position:relative;font-family:var(--font-mono);font-size:.9em;line-height:1.6;border:1px solid var(--glass-border)}.modal .article-content pre::before{content:"";position:absolute;top:15px;left:15px;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.modal .article-content pre code{background:0 0;border:none;color:inherit;padding:0;border-radius:0;font-size:inherit}.modal .article-content pre::-webkit-scrollbar{height:8px;background:0 0}.modal .article-content pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px}.modal .article-content pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.modal .article-content code{font-family:var(--font-mono);background-color:rgba(129,114,239,.1);color:#e91e63;padding:2px 6px;border-radius:6px;font-size:.9em;margin:0 2px;border:1px solid rgba(129,114,239,.1)}.modal .article-content img{display:block;max-width:100%;height:auto;margin:1em auto;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s}.modal .article-content figure{margin:2em 0;text-align:center}.modal .article-content figure figcaption{font-size:.9em;color:var(--color-text-light);background:var(--glass-bg-light);display:inline-block;padding:4px 12px;border-radius:20px}.modal .article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:2em 0;border-radius:15px;overflow:hidden;box-shadow:var(--glass-shadow);background-color:var(--glass-bg-light);backdrop-filter:blur(10px)}.modal .article-content table thead{background-color:rgba(129,114,239,.8);color:#fff}.modal .article-content table thead th{padding:12px 15px;font-weight:500;text-align:left;border:none}.modal .article-content table tbody tr{transition:background-color .3s}.modal .article-content table tbody tr:nth-child(even){background-color:var(--glass-bg-light)}.modal .article-content table tbody tr:hover{background-color:rgba(129,114,239,.1)}.modal .article-content table tbody tr td{padding:12px 15px;border-bottom:1px solid var(--glass-border);color:var(--article-text)}.modal .article-content table tbody tr:last-child td{border-bottom:none}.modal .article-content hr{border:0;height:2px;background:linear-gradient(to right,transparent,rgba(129,114,239,.3),transparent);margin:3em 0}.modal .article-content details{background-color:var(--glass-bg-light);backdrop-filter:blur(10px);border-radius:15px;padding:15px;margin:1.5em 0;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border)}.modal .article-content details summary{font-weight:700;cursor:pointer;color:var(--color-accent);outline:none}.modal .article-content details summary::marker{color:var(--color-accent)}.modal .article-content details[open] summary{margin-bottom:10px;border-bottom:1px solid var(--glass-border);padding-bottom:10px}.modal .article-content kbd{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:6px;box-shadow:var(--glass-shadow);color:var(--article-text);display:inline-block;font-size:.85em;font-weight:600;line-height:1;padding:4px 8px;white-space:nowrap;margin:0 2px}.modal .article-content .kg-width-full{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:none;border-radius:0}.modal .article-content .kg-width-wide{width:110%;margin-left:-5%;max-width:none}.modal .article-content .kg-bookmark-card{width:100%;background-color:var(--glass-bg-light);backdrop-filter:blur(10px);border-radius:20px;box-shadow:var(--glass-shadow);margin:2em 0;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid var(--glass-border)}.modal .article-content .kg-bookmark-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.modal .article-content .kg-bookmark-card a{text-decoration:none;background:0 0;box-shadow:none;border:none}.modal .article-content .kg-bookmark-card a:hover{background:0 0;box-shadow:none}.modal .article-content .kg-bookmark-container{display:flex;color:inherit;min-height:120px}.modal .article-content .kg-bookmark-content{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:center}.modal .article-content .kg-bookmark-title{font-size:1.1em;font-weight:700;margin-bottom:8px;color:var(--color-accent)}.modal .article-content .kg-bookmark-description{font-size:.9em;color:var(--color-text-light);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal .article-content .kg-bookmark-metadata{margin-top:12px;font-size:.8em;color:#999;display:flex;align-items:center}.modal .article-content .kg-bookmark-metadata img{width:20px;height:20px;margin:0 8px 0 0;border-radius:4px;box-shadow:none}.modal .article-content .kg-bookmark-thumbnail{width:30%;position:relative;min-height:100%}.modal .article-content .kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}@media(max-width:991px){.modal .modal-close{display:block}.modal .modal-visible-container{width:100%}.modal .bean-read{width:100%;margin:0!important;border-radius:0;height:100%;background-color:var(--article-bg)}.modal .bean-read .article-cover{height:72vw}.modal .bean-read .article-cover .article-title{padding:15px 20px 35px;font-size:24px}.modal .bean-read .article-cover .article-category{padding:15px 0}.modal .bean-read .article-banner{padding:0}.modal .bean-read .article-banner .banner-content{padding:5px 12px 5px 5px}.modal .bean-read .article-banner .banner-content .banner-tools .reading-time{display:inline;transition:opacity .3s}.modal .bean-read .article-banner #banner-progressbar{visibility:hidden}.modal .bean-read .article-banner.scrolled .publish-time{display:none}.modal .bean-read .article-banner.scrolled .mobile-close-btn{display:flex;margin-left:10px;cursor:pointer;transition:all .3s;border:solid 1px var(--article-banner-border);justify-content:center;width:47px;align-items:center;height:47px;line-height:40px;text-align:center;flex-shrink:0;border-radius:50%;background-color:var(--article-banner-bg);backdrop-filter:blur(30px);color:var(--article-banner-text);box-shadow:5px 5px 10px rgba(32,32,32,.1)}.modal .bean-read .article-content{padding:10px 20px 20px;font-size:.9em}.modal .bean-read .article-content pre{margin-left:-20px;max-width:unset;width:calc(100% + 40px);font-size:14px;border-radius:0}.modal .bean-read .article-content pre code{border-radius:0}.modal .bean-read .article-content .kg-width-full{margin-left:-20px;max-width:unset;width:calc(100% + 40px)}.modal .bean-read .article-content figure{margin:0}.modal .bean-read .article-content h2{margin-inline-start:-20px;padding-inline-start:20px}}@media(max-width:479px){.modal .bean-read .article-comment .gt-comment-admin .gt-comment-avatar:after{margin:15px 0 0 -15px;transform:scale(.7)}}@media(max-width:1350px){.article-toc,.bean-tools{display:none!important}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.cool-lightbox__slide{opacity:1!important}@media(min-width:991px){.article-banner.scrolled{top:0!important;margin:0!important;padding:0!important}.article-banner.scrolled .banner-content{border-radius:0!important;border:none;border-bottom:solid 1px var(--article-banner-border)}.modal .bean-read .article-banner.scrolled .publish-time,.modal .bean-read .article-banner.scrolled .author-name{display:none}.modal .bean-read .article-banner.scrolled .small-title{display:block}.modal .bean-read .article-banner.scrolled #banner-progressbar{display:block}}.no-backdrop-blur-read{backdrop-filter:none!important;background-color:rgba(255,255,255,.95)!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{border-radius:12px;border:5px solid transparent;background-color:var(--scrollbar-thumb);transition:all .3s}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-hover)}.article-tags{padding:20px 60px 40px;border-top:1px solid var(--glass-border);margin-top:30px}.tags-label{font-weight:700;color:var(--color-text-light);margin-right:10px}.tags-list{display:inline-flex;list-style:none;padding:0;margin:0;gap:10px}.tags-list li{display:inline-block}.tags-list a{padding:5px 15px;background-color:rgba(129,114,239,.1);color:var(--color-accent);text-decoration:none;border-radius:15px;font-size:.9em;transition:all .3s;display:inline-block}.tags-list a:hover{background-color:rgba(129,114,239,.2);transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.floating-toolbar{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:1;animation:toolbarFadeIn .5s ease-out}.floating-toolbar .toolbar-btn{width:44px;height:44px;border:none;border-radius:50%;background-color:var(--toolbar-bg);backdrop-filter:blur(20px);color:var(--toolbar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid var(--glass-border)}.floating-toolbar .toolbar-btn svg{width:20px;height:20px;transition:transform .3s}.floating-toolbar .toolbar-btn:hover svg{transform:scale(1.1)}.floating-toolbar .theme-toggle .icon-sun,.floating-toolbar .theme-toggle .icon-moon,.floating-toolbar .theme-toggle .icon-auto{display:none}:root:not([data-theme]) .floating-toolbar .theme-toggle .icon-auto,[data-theme=light] .floating-toolbar .theme-toggle .icon-sun,[data-theme=dark] .floating-toolbar .theme-toggle .icon-moon{display:block}@keyframes toolbarFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bean-in-animation{opacity:0;animation:right-in .5s forwards;animation-timing-function:cubic-bezier(0,0,.4,1)}@keyframes right-in{from{opacity:0;transform:translate(50vw)}to{transform:translate(0);opacity:1}}.no-backdrop-blur{backdrop-filter:none!important}.no-backdrop-blur-read{backdrop-filter:none!important}@supports not (backdrop-filter:blur(15px)){.bean{background-color:rgba(223,242,255,.8)}.article-banner{background-color:rgba(255,255,255,.95)!important}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.modal{pointer-events:none}.modal:not([style*="visibility: hidden"]){pointer-events:auto}.bean-main{will-change:width,margin-left}.contained-beans{view-transition-name:article-list}.containers-hidden{opacity:0;visibility:hidden;transform:translateX(100vw)}.containers-visible{opacity:1;visibility:visible;transform:translateX(0);transition:transform .5s cubic-bezier(.68,0,.33,1),opacity .5s}::view-transition-group(article-list){animation-duration:.5s}::view-transition-old(article-list){animation:float-up-out .4s cubic-bezier(.68,0,.33,1)forwards;width:fit-content;height:100%;mix-blend-mode:normal}::view-transition-new(article-list){animation:slide-in-right .5s cubic-bezier(.34,1.56,.64,1).3s backwards;width:fit-content;height:100%}@keyframes float-up-out{from{opacity:1}to{opacity:0}}@keyframes slide-in-right{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media(max-width:991px){body{width:100vw;--mybg:url(/img/bg-mobile.jpg);height:100%}.floating-toolbar{bottom:20px;top:initial}.container{flex-direction:column;overflow-y:scroll;overflow-x:hidden}.contained-containers{margin-top:40px;height:auto;flex-direction:row;transform:translate(0,0);width:100vw;height:fit-content;opacity:1!important;visibility:visible!important}.contained-beans{transition:all .3s;height:auto;flex-direction:column;width:100%;position:absolute;justify-content:flex-start;align-items:center;transform:none!important}.bean-main-mini{flex-direction:row;margin-left:unset;display:flex;width:90vw;top:5%;align-items:center;height:70px}.bean-main-mini .avatar{margin-top:0;margin-left:8px}.bean-main-mini .avatar img{width:48px;height:48px}.bean-main-mini .links{flex-direction:row;width:100%}.bean-article{margin-left:unset;margin-top:20px;height:72vw;width:90vw}.bean-article .article-title{font-size:20px}.bean-article .article-content{padding:0 20px;font-size:.8em}.bean-space{width:1px!important;height:40px!important}.pagination-container{margin:20px 0;gap:15px}.pagination-info{font-size:16px}.pagination-info .current-page{font-size:20px}.pagination-next{width:45px;height:45px}.pagination-next svg{width:28px;height:28px}.bean-in-animation{opacity:0;animation-name:bottom-in}@keyframes bottom-in{from{opacity:0;transform:translate(0,50vh)}to{transform:translate(0);opacity:1}}.bean-read{width:95vw;margin:20px auto;height:calc(100vh - 40px)}.article-content{padding:10px 20px 30px}.modal-close{display:block}::view-transition-group(article-list){animation-duration:.5s;width:100%}::view-transition-old(article-list){animation:float-up-out .4s cubic-bezier(.68,0,.33,1)forwards;height:fit-content;width:100%;mix-blend-mode:normal}::view-transition-new(article-list){animation:slide-in-right .5s cubic-bezier(.34,1.56,.64,1).3s backwards;height:fit-content;width:100%}::-webkit-scrollbar{width:0}}