.article-list-title{width:calc(100% - 30px);margin:0 auto;font-size:20px;color:#555;border-bottom:1px solid #f5f5f5;padding-bottom:8px;padding-bottom:15px}.article-list-noticle{color:#555;font-size:14px;margin-top:15px;margin:0 15px 15px 15px}.article-li article{margin:15px 15px 0 15px;border-bottom:1px solid #f5f5f5;padding-bottom:8px}.article-li:hover{background-color:#fff;transition:.5s;box-shadow:0 8px 8px 0 #999;transform:translate(0, -10px)}.article-li:first-child article{margin-top:5px}.article-li:last-child article{border-bottom:unset}.article-li-title{margin:5px 0}.article-li-title a{font-size:18px;font-weight:600;color:#555}.article-li-title a:hover{color:#00a67c}.article-li-des{display:flex}.article-li-des img{width:150px;height:90px;border-radius:5px}.article-li-des p{padding-left:10px;font-size:14px;color:#777;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:22px;max-height:88px}.article-li-data{display:flex;margin-top:5px;color:#777;font-size:12px;border-bottom:1px solid #f5f5f5;padding-bottom:8px}.article-li-data time{margin-right:20px;line-height:26px}.article-li-data:last-child{border-bottom:unset}.article-li-data:last-child svg{width:12px;height:12px;padding-right:5px}.article-li-time{display:flex;align-items:center}.article-li-count{display:flex;align-items:center;margin-right:30px;line-height:26px !important}.article-li-count span{font-size:12px}.article-li-keywords{display:flex;font-size:14px}.article-li-keywords li{padding:3px 6px;margin-right:8px;border-radius:5px;color:#06c;background-color:#e6f1fb;cursor:pointer}.article-li-keywords li:hover{color:#00a67c}.get-more{display:flex}.get-more button{margin:10px auto 0;width:100px;height:25px;font-size:14px;border-radius:8px}.get-more-no{display:none;margin:20px auto;justify-content:center;color:#999;font-size:14px}.code-container{width:100%;margin:10px 0}.code-container code{width:100%}.code-language{font-size:12px;cursor:pointer}.copy-btn{background-color:rgba(0,0,0,0);border:none;padding:0;width:auto;height:auto;outline:none;font-size:14px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.code-header{display:flex;width:calc(100% - 24px);border-radius:5px 5px 0 0;padding:8px 12px;background-color:#333;justify-content:space-between;height:100%}.code-content{display:flex}.line-numbers{width:30px;padding:14px 3px;height:fit-content;background-color:#303030;height:inherit;border-right:1px solid #666;border-bottom-left-radius:5px}.line-numbers{font-size:14px;line-height:20px;text-align:center}.code{width:100%;border-bottom-right-radius:5px;overflow-x:hidden}.code pre{border-bottom-right-radius:5px;display:flex}.copy-btn:active{transform:translateY(1px)}.copy-btn.copied{color:#28a745}pre code.hljs{display:block;overflow-x:auto;padding:14px;min-height:20px;line-height:20px;font-size:14px}code.hljs{padding:3px 5px}.hljs,pre{color:#ddd;background:#303030}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:#fff}.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-built_in,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#d88}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#979797}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-title,.hljs-section,.hljs-doctag,.hljs-type,.hljs-name,.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}.article-box{padding:0 15px}.article-header{margin-bottom:10px;border-bottom:1px solid #f5f5f5;padding-bottom:8px}.article-header h1{color:#555;margin:8px 0;font-size:20px}.breadcrumb{display:flex;color:#777}.breadcrumb-item::after{content:" > ";margin:0 8px}.article-meta{display:flex;color:#777;font-size:12px}.article-meta svg{width:12px;height:12px}.article-meta span{font-size:inherit}.article-date,.article-author,.article-view{display:flex;align-items:center}.article-date svg,.article-author svg,.article-view svg{padding-right:5px}.article-author{margin:0 30px}.article-content{color:#777}.article-content h2{color:#555;font-size:18px;margin:20px 0 5px 0;border-top:1px solid #f5f5f5;padding-top:8px}.article-content h2:first-child{border-top:unset;padding-top:unset}.article-content h2::before{content:"H2 - ";color:#3f82fc;font-weight:bold}.article-content h3{font-size:17px;color:#555;margin:10px 0 5px 0}.article-content h3::before{content:"H3 - ";color:tomato;font-weight:bold}.article-content h4::before{content:"H4 - ";color:#ff9800;font-weight:bold}.article-content h4,.article-content h5,.article-content h6{margin:10px 0 5px 0;color:#555;font-size:16px}.article-content p,.article-content span{margin:5px 0 10px 0;color:inherit;font-size:16px;line-height:25px}.article-content a{color:#007bff;text-decoration:none}.article-content img{display:block;margin:0 auto;max-width:100%}.article-content ul{list-style:inside;font-size:14px;color:inherit}.article-footer{margin:10px 0 20px 0;padding:5px 0}.article-banquan{width:100%;background-color:#f8f8f8;margin-top:10px;color:#777;font-size:14px;padding:8px 0}.article-banquan p{display:block;padding:3px 5px;font-family:cursive;color:#888}