@import url("mogu.min.css");@import url("mogu-icons.min.css");@import url("waline.css");@font-face{font-family:Lexend;src:url(../font/Lexend-Thin.woff2) format("woff2"),url(../font/Lexend-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-Black.woff2) format("woff2"),url(../font/Lexend-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-ExtraLight.woff2) format("woff2"),url(../font/Lexend-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-Bold.woff2) format("woff2"),url(../font/Lexend-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-ExtraBold.woff2) format("woff2"),url(../font/Lexend-ExtraBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-Light.woff2) format("woff2"),url(../font/Lexend-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-Regular.woff2) format("woff2"),url(../font/Lexend-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-Medium.woff2) format("woff2"),url(../font/Lexend-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(../font/Lexend-SemiBold.woff2) format("woff2"),url(../font/Lexend-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}body{background-color:#f9f9fa;color:#333;font-family:Lexend,HarmonyOS_Regular,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial;letter-spacing:1px}@media (max-width:992px){body{padding-bottom:41px}}@media (min-width:992px){#navbarContent .navbar-nav .nav-link{margin-right:.6rem}}@media (min-width:576px){.dropdown-lg{width:320px}}.dropdown-icon-item{border-radius:3px;line-height:34px;text-align:center;padding:15px 0 9px;display:block;border:1px solid transparent}.dropdown-icon-item img{height:24px}.dropdown-icon-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon-item:hover{color:#0d6efd!important}#alert-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:9999}.fade-in-out{animation:fadeInOut 3s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0;display:none}}.like-plus-one{position:absolute;top:0;left:50%;transform:translateX(-50%);color:red;font-size:18px;opacity:0;pointer-events:none;animation:likePlusOneAnimation 1s ease-out forwards}@keyframes likePlusOneAnimation{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:-30px;opacity:0}}.hero-section{padding:60px 20px;text-align:center}.hero-title{font-size:36px;margin-bottom:20px}.hero-description{font-size:18px;margin-bottom:40px}.section-link{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.section-link::-webkit-scrollbar{display:none}.change-cate .btn.active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.tool-card{background:#fff;transition:all .3s ease;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:start}.tool-card:hover{border-color:#0d6efd!important;background-color:#e0f0ff}.tool-card:hover .counter-container{background-color:#0d6efd;border-color:#0d6efd!important;color:#fff}.tool-card:hover svg{color:#fff}.tool-img{background-color:#f9f9fa;overflow:hidden;width:48px;height:48px;margin-right:16px;flex-shrink:0}.tool-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease}.tool-card:hover .tool-img img{transform:scale(1.1)}.tool-details{flex-grow:1;max-width:calc(100% - 64px);min-width:0}.tool-details h3>a{color:#333;text-decoration:none}.tool-details h3>a:hover{color:#0d6efd}.tool-card h3{font-size:1.1rem;line-height:1.3;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tool-card span{font-size:.78rem;opacity:.8}.tool-date{font-size:.75rem;opacity:.75}.tool-tags a{position:relative;z-index:999;font-size:.78rem;opacity:.8;letter-spacing:unset}.tool-tags a:hover{color:#0d6efd!important}.tool-tags a:after{content:"\f309";--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important;opacity:.4;display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tool-tags a:last-of-type:after{display:none}.top-list{counter-reset:card-counter}.top-list .tool-card-container .tool-card:before{counter-increment:card-counter;content:counter(card-counter);background-color:#6c757d;color:#fff;width:25px;height:25px;border-radius:50%;text-align:center;line-height:25px;font-size:.9rem;margin-right:15px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}.top-list .tool-card-container:first-child .tool-card:before{background-image:url(../image/1.svg)}.top-list .tool-card-container:first-child .tool-card:before,.top-list .tool-card-container:nth-child(2) .tool-card:before{content:"";background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:50%;border-radius:0}.top-list .tool-card-container:nth-child(2) .tool-card:before{background-image:url(../image/2.svg)}.top-list .tool-card-container:nth-child(3) .tool-card:before{content:"";background-color:transparent;background-image:url(../image/3.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;border-radius:0}.counter-container{min-width:60px;width:60px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.counter-number{font-size:.8rem;font-weight:500;white-space:nowrap;max-width:100%}.counter-number,aside h3{overflow:hidden;text-overflow:ellipsis}aside h3{font-size:1.05rem;line-height:1.3;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical}aside .weight-title{position:relative;font-size:1.15rem;padding-left:1.85rem;color:#333;font-weight:700}aside .weight-title:before{content:"#";font-size:1.5rem;color:#007bff;position:absolute;left:5px;top:50%;transform:translateY(-50%)}aside .timeline{border-left:1px solid #e6e6e6;position:relative;list-style:none}aside .timeline .timeline-item{position:relative;margin-bottom:2.5rem}aside .timeline .timeline-item:last-of-type{margin-bottom:0}aside .timeline .timeline-item:after{position:absolute;display:block;background-color:#e6e6e6;left:-22px;top:0;border-radius:50%;height:11px;width:11px;content:""}aside a:hover{color:var(--bs-primary-rgb)!important}aside .timeline p{line-height:.875em}.collect{position:sticky;top:8rem;z-index:1019}.collect-item{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);transition:all .3s ease;position:relative;overflow:hidden;justify-content:space-between}.collect-item,.collect-item a{display:flex;align-items:start}.collect-item a{text-decoration:none;color:inherit;width:100%}.collect-img{background-color:#f9f9fa;overflow:hidden;width:48px;height:48px;margin-right:10px;flex-shrink:0}.collect-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease}.collect-item:hover .collect-img img{transform:scale(1.1)}.collect-details{flex-grow:1;max-width:calc(100% - 64px);min-width:0}.collect-item .tags{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-card .card{overflow:hidden;box-sizing:border-box}.topic-card .card-body{text-overflow:ellipsis;-webkit-line-clamp:4}.topic-card .card-body,.topic-card .card-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.topic-card .card-title{-webkit-line-clamp:2}.topic-card .card-title a:hover{color:#0d6efd}.topic-card .card-text{opacity:.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.topic-card a{text-decoration:none;color:var(--bs-card-color)}.topic-card img{object-fit:cover;width:100%;height:100%}.topic-card .card-footer i{height:auto!important}@media (min-width:992px){.sticky-share-buttons{position:sticky;top:9rem;display:flex;flex-direction:column;align-items:center;gap:10px}}.share-button{padding:10px;border-radius:50%;text-align:center;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.share-item{padding:1rem 0;transition:transform .2s ease-in-out}.share-item:hover{transform:scale(1.1)}.social-media-title{margin-top:.5rem;font-size:.875rem}@media (max-width:992px){.sticky-share-buttons{position:fixed;bottom:6rem;right:1rem;z-index:1021;display:flex;flex-direction:column;align-items:center;gap:10px}}.post-main{padding:2rem}.post-card{transition:all .3s ease;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:start}.post-img{background-color:#f9f9fa;overflow:hidden;width:48px;height:48px;margin-right:16px;flex-shrink:0}.post-img img{object-fit:cover;width:100%;height:100%}.post-details{flex-grow:1;max-width:calc(100% - 64px);min-width:0}.post-card .post-title{line-height:1.3;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.post-card span{opacity:.75;font-weight:500;font-size:1rem}.open-site-link{display:flex;flex-direction:column;gap:.5rem}@media (min-width:768px){.open-site-link{width:150px}}.post-meta{font-size:.875em}.post-meta a{margin:0 .25rem}.post-content{word-break:break-all}.post-content ul{background-color:#f9f9fa;padding-top:1rem;padding-bottom:1rem;border-radius:var(--bs-border-radius-lg)}.post-content li{list-style:disc;line-height:2rem}.post-content img{display:block;margin-left:auto;margin-right:auto;height:auto;max-width:100%}.post-content h2{font-size:1.3rem;font-weight:700}.post-content h3{font-size:1.2rem;font-weight:700}.post-content h4{font-size:1.15rem;font-weight:700}.post-content h5{font-size:1.1rem;font-weight:700}.post-content table{border-collapse:collapse;width:100%!important;margin-bottom:1rem;color:#212529;font-size:.8rem}.post-content table td,.post-content table th{padding:.75rem;vertical-align:top;border:1px solid #dee2e6;word-break:break-all}.post-content table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;background-color:#f8f9fa;color:#495057}.post-content table tbody+tbody{border-top:2px solid #dee2e6}.post-content table-bordered td,.post-content table-bordered th{border:1px solid #dee2e6}.post-tags{font-size:.75rem;color:#777}.post-tags a{position:relative;z-index:999;display:inline-block;padding:0 .6rem;margin-right:.2rem;margin-bottom:.5rem;line-height:1.5;border-radius:.15rem;background-color:#e9ecef;color:#495057;text-decoration:none;transition:all .2s ease-in-out}.post-tags a:first-of-type{color:#0d6efd;background-color:#cfe2ff}.post-tags a:nth-of-type(2n){color:#0dcaf0;background-color:#cff4fc}.post-tags a:nth-of-type(3n){color:#d63384;background-color:#f7d6e6}.post-tags a:nth-of-type(4n){color:#ffc107;background-color:#fff3cd}.post-tags a:nth-of-type(5n){color:#20c997;background-color:#d2f4ea}.post-tags a:nth-of-type(6n){color:#6610f2;background-color:#e0cffc}.post-tags a:hover{background-color:#0d6efd!important;color:#fff!important}.post-related h3{font-size:1.15rem}.post-related a{text-decoration:none;color:var(--bs-heading-color)}.text-justify{text-align:justify}#qrcode-img{width:66px;height:66px}a.hover-bg-change:hover{background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}@media (max-width:767.98px){.counter-container{min-width:48px;width:48px;font-size:.7rem;display:none}.post-main{padding:.75rem}}.comment-box{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;transition:transform .2s;border:1px solid #e9ecef}.comment-box:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background-color:#f9f9fa}.comment-actions{font-size:.9rem}.comment-actions .btn{font-size:.75rem;text-decoration:none;transition:color .2s}.comment-time{color:#adb5bd;font-size:.85rem}.comment-form-area .overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8)}.comment-form-area .overlay button{z-index:1000}.doc-box a:hover{color:#0d6efd!important}.rubik-font{font-family:rubik,sans-serif}.icon-circle,.icon-circle img{width:38px;height:38px}.doc-box:hover{box-shadow:5px 9px 30px rgba(69,69,69,.1);border:1px solid #fff}.doc-box:hover .btn-wrap{background:#08beab}.doc-box:hover .btn-wrap a,.doc-box:hover .btn-wrap i{color:#fff}.doc-list img{width:20px;height:20px;margin-right:.4rem}.doc-list a{vertical-align:middle}.doc-box .bg-light:hover{background-color:#0d6efd!important;color:#fff!important}.doc-box .bg-light:hover a{color:#fff!important}.post-list .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-list .object-cover{object-fit:cover}.post-list .object-center{object-position:center}.post-list .image-container{width:10rem;aspect-ratio:4/3;overflow:hidden;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#f9f9fa}.post-list .image-container img{transition:transform .3s ease}.post-list .image-container img:hover{transform:scale(1.1)}.art-card{display:flex;flex-wrap:wrap;background-color:#fff}.art-card:hover{border-color:#0d6efd!important;background-color:#e0f0ff}.fancy-gallery-thumb{display:block;position:relative;width:100%;padding-top:75%}.fancy-gallery-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.fancy-gallery-thumb .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.05);display:flex;justify-content:center;align-items:center;opacity:1;transition:background-color .3s ease;border-radius:var(--bs-border-radius-sm)!important}.fancy-gallery-thumb .overlay span{color:#fff;font-size:.9rem;opacity:0;transition:opacity .3s ease}.fancy-gallery-thumb:hover .overlay{background-color:rgba(0,0,0,.5)}.fancy-gallery-thumb:hover .overlay span{opacity:1}main .timeline-list .timeline-date:before{position:absolute;left:-8.5px;top:26px;width:16px;height:16px;content:"";border-radius:100%;background:#0d6efd}main .timeline-list .timeline-time:before{border:4px solid #0d6efd;opacity:1}main .timeline-list h2:before{position:absolute;left:-22.5px;top:6px;width:4px;height:4px;border-radius:6px;border:4px solid #0d6efd;box-sizing:initial;background:#fff;content:""}main .timeline-list a:hover{color:#0d6efd!important}@media (max-width:575.98px){.post-list .image-container{width:100%;aspect-ratio:auto}}:root{--waline-font-size:1.15rem;--waline-theme-color:#0d6efd;--waline-active-color:#0b5ed7}.wl-panel{border-radius:var(--bs-border-radius-lg)!important;border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.wl-power{opacity:.3}.wl-editor{padding:.75em .5em;box-sizing:border-box}.wl-header input{font-size:.75em}.favorite-button>button{margin:.25rem .125rem}
.pages{display:flex;justify-content:center;}
.pages li{margin:0 .25rem;}
.pages li a{display:block;padding:0.2rem .8rem;border-radius:.2rem;border:1px solid #DEE2E6;color:#333;font-size:1;text-decoration:none}
.pages li.active a{background-color:#0d6efd;color:#fff}
.pages li.disabled{display:none;}