.center{display:flex;justify-content:center}body{background-color:#f5f5f5}.pure-g [class*=pure-u]{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji!important;font-weight:400;font-size:16px;line-height:24px;color:#212529;overflow-wrap:break-word}.pure-g [class*=pure-u] code{font-family:ui-monospace,cascadia mono,segoe ui mono,liberation mono,Menlo,Monaco,Consolas,microsoft yahei,monospace}.pure-g [class*=pure-u] :not(pre)>code{font-size:14px;background-color:#e3e6e8;padding:2px 4px;border-radius:3px}.pure-g [class*=pure-u] .highlight{padding:0;width:100%;font-size:13px;margin-bottom:16px;overflow-x:auto}.pure-g [class*=pure-u] .highlight pre{margin:0;padding:0}.pure-g [class*=pure-u] blockquote{position:relative;overflow:hidden;margin:0 16px 16px;padding:16px 0 0 16px;color:#525960}.pure-g [class*=pure-u] blockquote::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:4px;border-radius:2px;background:#c8ccd0}.pure-g [class*=pure-u] blockquote mark{color:inherit}.pure-g [class*=pure-u] summary{margin-bottom:4px}.pure-g [class*=pure-u] details{margin-bottom:16px}.page{max-width:1150px;margin:auto;background-color:#fff}.container{max-width:760px;margin:auto}.moment-content{position:relative}.moment-content .top-mark{position:absolute;right:0%}.moment-row{margin-bottom:20px}@media(min-width:1150px){.page{margin-top:50px}}@media(max-width:720px){.moment-row{margin-bottom:20px}.container{padding-left:20px;padding-right:20px}.nav-right{padding-right:20px;margin-right:15px}}p{margin-top:0}.jumbotron{padding-top:64px;background-position:50%;background-size:cover;min-height:200px;text-align:center;margin-bottom:30px}.jumbotron .site-title{color:#fff;font-size:56px;font-weight:500;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.jumbotron .signature{color:rgba(255,255,255,.9);font-size:26px;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.pagination{display:flex;margin-top:20px;margin-bottom:30px}.pagination .page-item{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px}.pagination .page-item.active{background-color:#3a6ba5;color:#fff}.pagination .page-item.disabled{color:#919eb1}.pagination a{color:#21365c;text-decoration:none}.pagination .page-link .page-item:hover{background-color:#f5f5f5}.time{text-align:right;padding-right:80px;font-weight:300;margin-bottom:20px}.time .month-day{font-size:24px;margin-bottom:10px}.time .year{font-size:16px}@media(max-width:576px){.time{text-align:center;padding-right:15px}}@media(max-width:720px) and (min-width:576px){.time{padding-right:40px}}.user-info{display:flex;margin-bottom:24px}.user-info .avatar{max-height:45px;float:left;margin-right:5px}.user-info .intro{float:left;padding-left:5px}.user-info .intro .name{color:#186d9c!important;margin-bottom:0;line-height:1.1;font-size:24px}.user-info .intro div:nth-child(2){word-break:break-all;line-height:18px}.user-info .intro .moment-signature{font-size:80%;color:#6c757d!important;white-space:nowrap}.context{clear:left;margin-bottom:10px}.context a{text-decoration:none;color:#0059b3}.context a:visited{color:#0059b3}.context ol li{padding-left:5px}.context ol li::marker{color:#919eb1}.context ul li{padding-left:5px}.context ul li::marker{color:#919eb1}.tag-div{display:-webkit-flex;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:10px}.tag-div .new-tag{line-height:30px;padding-left:20px;padding-right:15px;margin-right:10px;margin-bottom:5px;border-radius:15px;background-color:#ededed;color:#132939;text-indent:-10px;font-size:90%;white-space:nowrap}.tag-div .new-tag::before{content:"#";text-align:center;background-color:#8ea1b0;color:#fff;padding-top:1px;padding-bottom:1px;padding-left:6px;padding-right:6px;border-radius:12px;margin-right:6px;font-size:110%}.single-pic{max-width:65%;max-height:250px;padding-bottom:10px;margin-top:5px}.single-pic:hover{cursor:pointer}.pic-grid{max-width:80%}.pic-grid .img-container{padding-top:50%;padding-bottom:50%;position:relative;height:0}.pic-grid .img-container.img-black-filter::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8}.pic-grid .img-container .more-icon{position:absolute;top:0;left:0;height:100%;width:100%;background-size:100% 100%;z-index:1}.pic-grid img{object-fit:cover;height:100%;width:100%;position:absolute;top:0}.pic-grid .add-padding{padding:2.5px}.pic-grid:hover{cursor:pointer}.share-link-block{max-width:420px;margin:auto;padding-bottom:10px;padding-top:10px;margin-bottom:10px;background:#f7f7f7}.share-link-block .link-table{margin-left:10%;max-width:80%}.share-link-block .link-logo{max-width:50px;max-height:50px}.share-link-block a{color:#17a2b8;word-wrap:break-word;text-decoration:none}.bilibili-video{position:relative;max-width:85%;height:0;padding-bottom:45%;margin-bottom:10px}.bilibili-video iframe{position:absolute;width:100%;height:100%;left:0;top:0}.moment-note{display:flex;margin-bottom:10px;justify-content:space-between;color:gray}.moment-note .note{font-size:80%;color:rgba(0,0,0,.5);margin-top:0;margin-bottom:0}.moment-note .note .note-time{padding-right:15px}.moment-note .like-btn:hover{cursor:pointer}.moment-note .comment-btn{padding-right:10px}.moment-note .comment-btn:hover{cursor:pointer}hr{margin-top:20px;border-width:0;border-top:1px solid;border-color:rgba(0,0,0,.1);clear:both}.footer{padding-top:20px;padding-bottom:30px;background-color:#f5f5f5;color:#6c757d!important;text-align:center;font-size:95%}.footer a{text-decoration:underline!important;color:#6c757d!important}html{scroll-behavior:smooth}#back-top-button{position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:#d1d1d1;color:#3a6ba5;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;cursor:pointer;padding:12px;border-radius:10px;font-size:20px;text-decoration:none;display:inline-block}button svg{width:24px;height:24px;fill:var(--text)}.share-btn svg{width:1.2em;height:1.2em;vertical-align:middle;fill:currentColor;margin-left:2px}.social-btn a{display:inline-flex;align-items:center;vertical-align:middle;text-decoration:none;color:inherit}.social-btn a svg{width:24px;height:24px;margin-right:2px;fill:currentColor;flex-shrink:0}.social-btn a:hover{color:#186d9c}.social-btn a:hover svg{fill:#186d9c}.top-mark{fill:#e76b4f;width:1.2em;height:1.2em;vertical-align:middle}.share-popup{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:15px;min-width:200px;z-index:1000}.share-popup a{display:block;padding:8px 0;color:#333;text-decoration:none}.share-popup a:hover{text-decoration:underline}.instagram-tip{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001}.instagram-tip-content{background:#fff;border-radius:12px;padding:20px;max-width:90%;width:350px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.instagram-tip-content input{width:100%;padding:5px;margin:5px 0;border:1px solid #ddd;border-radius:4px}.instagram-tip-content button{background:#0095f6;color:#fff;border:none;padding:8px 16px;border-radius:4px;margin-top:10px;cursor:pointer}.instagram-tip-content ol{margin:10px 0;padding-left:20px}.instagram-tip-content li{margin-bottom:8px}.instagram-tip-content .tip-note{font-size:.8em;color:#888;margin-top:10px}.url-copied{display:block;padding:8px 0;color:#888;font-size:.9em}nav.main-navigation{text-align:left;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,5%);margin-top:-30px;padding:10px 0}nav.main-navigation .container{text-align:left;display:flex;align-items:center}nav.main-navigation a{color:#186d9c!important;text-decoration:none;margin-right:5px;margin-left:5px;font-weight:500}nav.main-navigation a:hover{text-decoration:underline;color:#0f4c75!important}.main-navigation .container{display:flex;justify-content:space-between;width:100%}.nav-left{text-align:left}.nav-right{text-align:right}nav.main-navigation a.active{border-bottom:2px solid #186d9c}h2{margin:0;padding:0;font-weight:400}.user-info .intro h2.name{color:#186d9c!important;margin-bottom:0;line-height:1.1;font-size:24px!important;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji!important}.moment-content .intro .name .moment-post-title{margin:0;padding:0;font-weight:400;font-size:24px;line-height:1.2;display:inline-block}img{max-width:100%;display:block;margin:0 auto}.image-container{display:inline-block;position:relative;margin-bottom:1.5rem;max-width:100%}.image-container img{margin-bottom:.5rem}.image-caption{text-align:center;font-size:.9rem;color:#6c757d;margin-top:.5rem;line-height:1.4;max-width:100%}.image-container.with-border{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.image-grid-single{text-align:center}.image-grid-single .pure-u-1{text-align:center}.image-grid-single .image-container{display:block;text-align:center;width:100%}.image-grid-single .image-container a{display:inline-block;text-align:center;width:100%}.image-grid-single .image-container img{margin:0 auto;display:block}