#article_tags{padding:10px;margin:10px 0;border:1px solid #e8e8e8}#article_tags .tag-row{position:relative;border-top:1px dashed #dedede}#article_tags .tag-row-first{border-top:none}#article_tags .tag-row dt{position:absolute;top:5px;left:0}#article_tags .tag-row dd{padding:0 0 0 100px}#article_tags .tag-item{display:inline-block;margin:5px 4px;padding:0 6px}#article_tags .tag-item.active{border-radius:3px;background:#009a61;color:#fff}#article_tags .tag-item.active:hover{text-decoration:none}.article-box{width:380px;float:left;border:1px solid #f2f2f2;margin:0 8px 10px 0}.article-box-body{padding:10px}.article-box-body h4{margin:0}.article-box-body h4 a em{color:#e74c3c;font-style:normal}.article-box-body img{position:relative}.article-box-body img:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;content:":(" " " attr(alt)}.article-box-footer{padding:10px;background:#f8f8f8}.article-item{display:flex;border-bottom:1px solid #f5f5f5;align-items:center}.article-item .article-bookmark{width:40px;margin:10px 0;gap:6px;display:flex;flex-direction:column;line-height:24px;text-align:center;font-size:17px}.article-item .article-head{display:flex;align-items:center;margin-bottom:.35rem;gap:4px}.article-item .article-title{font-size:16px;flex:1;word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.article-item .article-title a{color:#444}.article-item .article-title a:visited{color:#888}.article-item .article-fragment mark,.article-item .article-title mark{font-style:normal;color:#f39c12;background:0 0}.article-item .article-fragment{margin-top:0;margin-bottom:.35rem;word-break:break-word}.article-item .article-body{padding:10px 0;flex:1;overflow:hidden}.article-item .article-meta{line-height:1.5}.article-item .article-meta span{display:inline-block;margin-right:12px;color:#888}.article-item .article-team{border:1px solid #f39c12;border-radius:3px;background:rgba(243,156,18,.2);padding:1px 3px;white-space:nowrap;color:#e67e22;font-style:normal;font-weight:500;font-size:12px;user-select:none}.article-item a.article-translation{text-decoration:none}.article-item .article-translation{border:1px solid #3498db;border-radius:3px;background:rgba(52,152,219,.2);padding:1px 3px;white-space:nowrap;color:#3498db;font-style:normal;font-weight:500;font-size:12px;user-select:none}.article-item span.article-meta-category{border:1px solid #ecf0f1;border-radius:3px;background:rgba(236,240,241,.2);padding:0 3px;white-space:nowrap;font-size:12px;user-select:none}.article-item .article-comment{width:40px;text-align:right}.article-item .article-comment a{display:inline-block;padding:0 5px;border-radius:4px;background:#f1f1f1;color:#333;text-decoration:none}.article-item .article-comment a:hover{background:#e1e1e1}.click-dropdown{position:relative;display:inline-block}.click-dropdown ul{display:none;position:absolute;top:0;left:0;background:#fff;border:1px solid #ecf0f1;box-shadow:0 6px 14px 0 rgba(18,18,18,.06);padding:3px 0;z-index:9;min-width:50px}.click-dropdown.active ul{display:block}.click-dropdown li,.click-dropdown ul{list-style:none;margin:0}.click-dropdown li{padding:0 3px;user-select:none;font-size:12px}.click-dropdown li span.dropdown-option{margin:0;padding:0 9px;display:block}.click-dropdown li span.dropdown-option.active{background:rgba(0,154,97,.3)}.click-dropdown li span.dropdown-option:hover{background:rgba(0,154,97,.2)}.poster-wrapper{position:relative;overflow:hidden}.poster{width:414px;position:relative}.poster-image{height:0;padding-top:53.59%;position:relative}.poster-image img{position:absolute;top:0;left:0;width:100%;height:100%}.poster-date{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.27);text-align:center;color:#fff;line-height:1}.poster-date-day{font-size:67px;line-height:73px}.poster-date-month{font-size:20px;font-weight:700;padding:8px 7px;border-top:1px solid #fff}.poster-info{padding:15px}.poster-info h2{margin-top:0}.poster-info ul{margin:0}.poster-footer{display:flex;padding:15px;border-top:1px dashed #cecece}.poster-footer-left{flex:1 1}.poster-footer-right{flex:0 0 64px}.poster-toolbar{padding:15px;background-color:#f5f5f5}[data-trans-id]{opacity:.5}.article-detail .article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#filterbar_filter{height:25px;padding:6px 8px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f9f9f9;display:flex;justify-content:space-between}#filterbar_sort{display:flex}#filterbar_sort a{height:23px;line-height:23px;border:1px solid #ccc;margin-right:-1px;padding:0 8px;background-color:#fff;text-decoration:none;position:relative}#filterbar_sort a:first-child{border-radius:3px 0 0 3px}#filterbar_sort a:last-child{border-radius:0 3px 3px 0}#filterbar_sort a.active{background-color:#009a61;border-color:#009a61;color:#fff;z-index:3}#filterbar_search{display:flex}#filterbar_search input.text{width:108px;height:17px;line-height:17px;padding:3px;float:left;border:1px solid #ccc}#filterbar_search button{background-color:#f7f7f7;line-height:13px;border:1px solid #ccc;margin-left:-1px;margin-right:0}#filterbar_filter form{margin-left:auto}#filterbar_filter a.btn-mini{border:1px solid #ccc;background-color:#f7f7f7;line-height:23px;margin-left:8px;text-decoration:none;color:#333;font-size:12px;padding:0 8px;box-shadow:0 2px 4px 0 rgb(0 154 97 / 30%)}#filterbar_filter a.btn-mini:hover{color:#009a61;box-shadow:0 2px 4px 0 rgb(0 154 97 / 40%)}.crumbs-nav{margin-bottom:5px}.crumbs-nav .crumbs-remove-filter{display:inline-block}.filter-options{border-top:1px solid #ddd;background:#fff;margin-bottom:10px}.filter-row{line-height:34px;border-bottom:1px solid #e5e5e5;display:flex}.filter-row .filter-key{min-width:80px;padding:0 8px;white-space:nowrap;overflow:hidden;background:#f9f9f9;font-weight:600}.filter-row .filter-value{flex:1;padding:0 10px;overflow-x:auto;zoom:1;background:#fff;display:flex;flex-wrap:nowrap;gap:8px}.filter-row .filter-value .filter-value-item.active{color:#333;text-decoration:none}