@charset "UTF-8";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:#8172ef}.container{display:flex;overflow-x:scroll;color:#333;height:100%;align-items:center;overflow-y:hidden;isolation:isolate;position:relative}.bean-space{width:5vw;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:rgba(223,242,255,.5);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;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-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:rgba(254,254,254,.3);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(0,0,0,.7)}.bean-main .meta-info a{border-bottom:1px solid #8172ef}.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:rgba(254,254,254,.3)!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:initial;background-color:rgba(255,255,255,.8);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)}.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}}.bean-read.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:0;left:15px;font-size:2em;text-shadow:1px 1px 10px rgba(0,0,0,.5);color:rgba(255,255,255,.8)}.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;animation:slideInLeft .8s cubic-bezier(.25,1,.5,1)forwards}.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}.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:700;transform:translateX(-5px)}.modal .article-toc nav#TableOfContents ul li ul{margin-top:-10px}.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:rgba(255,255,255,.8);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:#555;opacity:0;animation:slideInRight .5s cubic-bezier(.25,1,.5,1)forwards}.modal .bean-tools .tool-btn:nth-child(1){animation-delay:.1s}.modal .bean-tools .tool-btn:nth-child(2){animation-delay:.2s}.modal .bean-tools .tool-btn:nth-child(3){animation-delay:.3s}.modal .bean-tools .tool-btn svg{width:22px;height:22px;fill:currentColor;transition:transform .3s}.modal .bean-tools .tool-btn:hover{transform:scale(1.15);color:#000;background-color:rgba(255,255,255,.95);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-read{background-color:#f6f6f6;margin:50px auto;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:rgba(255,255,255,.8);backdrop-filter:blur(30px);color:#363636;width:100%;font-family:sans-serif}.modal .bean-read .banner-content .banner-author{display:flex;align-items:center;font-size:14px}.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:#7e7e7e;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:#666}.modal .bean-read .mobile-close-btn:hover{transform:scale(1.1)}.modal .bean-read .mobile-close-btn:active{transform:scale(.9)}.modal .article-comment{width:0;height:400px;overflow:hidden;background-color:#f6f6f6;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:400px}.modal .article-comment .comment-container .gt-header-controls-tip{display:none}.modal.show-comment .bean-read{margin:50px 20px 50px auto}.modal.show-comment .article-comment{margin:50px auto 50px 20px;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 auto}.modal.closing-comment .article-comment{margin:50px auto 50px 0;animation:article-comment-out .5s ease-in-out forwards}.modal .article-content{--color-accent:#8172ef;--color-text-main:#333333;--color-text-light:#666666;--glass-bg-light:rgba(255, 255, 255, 0.4);--glass-bg-dark:rgba(40, 44, 52, 0.85);--glass-border:1px solid rgba(255, 255, 255, 0.3);--glass-shadow:5px 5px 15px rgba(0, 0, 0, 0.05);--glass-blur:blur(10px);font-family:var(--font-sans-serif);font-size:1rem;line-height:1.8;color:var(--color-text-main);padding:10px 50px 40px;word-wrap:break-word}.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:#333;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),transparent);padding:8px 15px;border-radius:10px;border-left:5px solid var(--color-accent);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);width:fit-content}.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;padding-left:10px;border-left:3px solid rgba(129,114,239,.5)}.modal .article-content h3::before{content:"### ";color:var(--color-accent);opacity:.6;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(--color-text-light)}.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 30px;background-color:var(--glass-bg-light);backdrop-filter:var(--glass-blur);border-radius:20px;border-left:5px solid var(--color-accent);box-shadow:var(--glass-shadow);color:var(--color-text-main);position:relative;transition:transform .3s,box-shadow .3s}.modal .article-content blockquote:hover{transform:translateY(-2px);box-shadow:5px 8px 20px rgba(0,0,0,.1)}.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:var(--glass-blur);color:#abb2bf;padding:40px 20px 20px;border-radius:20px;margin:2em 0;overflow-x:auto;box-shadow:5px 5px 20px rgba(0,0,0,.2);position:relative;font-family:var(--font-mono);font-size:.9em;line-height:1.6;border:1px solid rgba(255,255,255,.1)}.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:2em 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{margin-top:10px;font-size:.9em;color:var(--color-text-light);background:rgba(0,0,0,3%);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:rgba(255,255,255,.5);backdrop-filter:var(--glass-blur)}.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:rgba(255,255,255,.3)}.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 rgba(0,0,0,5%);color:var(--color-text-main)}.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:var(--glass-blur);border-radius:15px;padding:15px;margin:1.5em 0;box-shadow:var(--glass-shadow);border:1px solid rgba(255,255,255,.5)}.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 rgba(0,0,0,5%);padding-bottom:10px}.modal .article-content kbd{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border:1px solid #dcdcdc;border-radius:6px;box-shadow:0 2px #c8c8c8,0 4px 5px rgba(0,0,0,.1);color:#333;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:var(--glass-blur);border-radius:20px;box-shadow:var(--glass-shadow);margin:2em 0;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid rgba(255,255,255,.4)}.modal .article-content .kg-bookmark-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.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}@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 .modal-close{display:block}.modal .bean-read{width:100%;margin:0;border-radius:0;height:100%;background-color:#e9e8e8}.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;justify-content:center;width:47px;align-items:center;height:47px;line-height:40px;text-align:center;flex-shrink:0;border-radius:50%;background-color:rgba(255,255,255,.8);backdrop-filter:blur(30px);color:#363636;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-comment{padding:0 20px 20px;margin-bottom:var(--safariBottomMargin)}.modal .bean-read .article-comment .view-item{font-size:.8em}.modal .bean-read .article-comment .extra-icon-mail{transform:translate(22px,0)!important}.modal .bean-read .article-comment .extra-mail{margin:0 10px!important}.modal .bean-read .article-comment .extra-info input{min-width:0}.modal .bean-read .article-comment .OwO-logo{width:100%}.modal .bean-read .article-comment .OwO-body{margin-left:0;margin-top:9px;border-top-right-radius:0;width:100%!important}.modal .bean-read .article-comment .OwO-items{text-align:center!important}}@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}.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:rgba(0,0,0,.2);transition:all .3s}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.5)}.article-tags{padding:20px 60px 40px;border-top:1px solid #e0e0e0;margin-top:30px}.tags-label{font-weight:700;color:#666;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:#8172ef;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)}.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%}.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}.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}}