.article-list{align-items:flex-start;margin:0 auto 40px 0;width:800px}.article-list .head{align-self:stretch;margin:26px}.article-list .head .tags{flex-wrap:wrap}.article-list .head .tags .common-tag{margin:0 10px 10px 0}.article-list .head .num{font-size:13.86px;margin-left:auto}.article-list .head .num b{color:#ff8100;margin-right:3px}.article-list .body{align-self:stretch;margin:0 20px}.article-list .body .common-loading{margin-top:calc(50vh - 48px);transform:translateY(-100%)}.article-list .body ul{list-style:none}.article-list .body ul li.hide{display:none}.article-list .body ul li:not(:last-of-type){margin-bottom:20.8px}.article-list .body ul li:hover>a b{text-decoration:underline}.article-list .body ul li:hover>a .foot{color:#000}.article-list .body ul li:hover>a .foot .visitors svg{fill:#000}html.dark-mode .article-list .body ul li:hover>a .foot{color:#fdfdfd}html.dark-mode .article-list .body ul li:hover>a .foot b{background:#fdfdfd}.article-list .body ul li:hover>a .foot b{background:#000}.article-list .body ul li>a{border-bottom:1px solid #f3f3f3;display:block;padding:10.4px 0 18.2px 10.4px;text-decoration:none;transition:all .2s cubic-bezier(0,0,0,1)}html.dark-mode .article-list .body ul li>a{border-color:#575757}.article-list .body ul li>a:active b{text-decoration:underline}.article-list .body ul li>a b{color:#000;display:block;font-size:18.36px;font-weight:500;letter-spacing:.2px;line-height:20px;min-height:20px;transition:all .2s cubic-bezier(0,0,0,1);word-break:break-word}html.dark-mode .article-list .body ul li>a b{color:#fff}.article-list .body ul li>a .foot{color:#7c7c7c;font-size:13.5px;height:18px;margin-top:8.6666666667px;transition:all .2s cubic-bezier(0,0,0,1)}html.dark-mode .article-list .body ul li>a .foot,html.dark-mode .article-list .body ul li>a .foot b{color:#dadada}.article-list .body ul li>a .foot b{background:#7c7c7c;height:60%;margin:0 8px;width:1px}.article-list .body ul li>a .foot .visitors{margin:0 0 0 auto}.article-list .body ul li>a .foot .visitors svg{fill:#7c7c7c;height:15px;margin-right:4px;width:15px}html.dark-mode .article-list .body ul li>a .foot .visitors svg{fill:#e2e2e2}.article-list .body .empty{color:#353535;font-size:1rem;margin-top:20px}html.dark-mode .article-list .body .empty{color:#d4d4d4}@media screen and (max-width:768px){.article-list{width:100%}.article-list .body,.article-list .head{margin-left:10px;margin-right:10px}}