#catalog-bar{border-radius:var(--anzhiyu-border-radius);display:flex;border:var(--anzhiyu-border-radius);margin-bottom:1rem;justify-content:flex-start;align-items:center}#catalog-bar:hover{border-color:var(--anzhiyu-theme)}#catalog-bar i{line-height:inherit}#catalog-list{display:flex;white-space:nowrap;overflow-x:hidden}#catalog-list::-webkit-scrollbar{display:none}.catalog-list-item a{margin-right:.3rem;font-weight:700;color:var(--font-color);transition:all .3s ease-in-out;display:flex;align-items:center;padding:.1rem .5rem;border-radius:8px;height:30px;line-height:30px}.catalog-list-item{display:flex;align-items:center}.catalog-list-item.selected a{background:var(--anzhiyu-lighttext);color:var(--anzhiyu-white)}a.catalog-more{min-width:fit-content;font-weight:700;color:var(--anzhiyu-fontcolor);margin-left:16px}a.catalog-more:hover{color:var(--anzhiyu-theme)}div#category{padding:0;border:none;background:0 0;box-shadow:none}#category .article-sort-item-title{display:inline-block;font-size:20px;line-height:30px;font-weight:700;margin:.3rem 0;transition:color .3s;display:-webkit-box;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}#category>.article-sort{>.article-sort-item { border: var(--style-border); margin-bottom: 1rem; cursor: pointer; width: 100%; padding: 1.6rem 2rem; border-radius: 12px; background: var(--anzhiyu-card-bg); } >.article-sort-item.no-article-cover { height: 185px; } >.article-sort-item { >.article-sort-item-info { width: 100%; height: 100%; max-height: 160px; >.post-desc { margin-top: -.4rem; margin-right: 4.5rem; margin-bottom: .8rem; opacity: .8; line-height: 30px; display: -webkit-box; overflow: hidden; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .article-sort-item-index { font-size: 3.7rem; top: 2.6rem; right: 2rem; } .article-meta-wrap { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 0; >.article-sort-item-tags { display: flex; flex-wrap: wrap; width: 85%; opacity: .8; margin-right: 20px; overflow: hidden; mask: linear-gradient(90deg, #fff 0, #fff 90%, hsla(0, 0%, 100%, .6) 95%, hsla(0, 0%, 100%, 0) 100%); } .article-sort-item-tags a { margin-right: 10px; overflow: hidden; text-overflow: ellipsis; padding: 0 .2rem; padding-left: 0; } >.article-sort-item-time { opacity: .8; } } } }}