.category{display:flex;flex-direction:column;height:100%}.category>header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;height:57px;justify-content:space-between;padding:0 12px}.category>header .center,.category>header .left{align-items:center;display:flex;gap:24px}.category>header .center .pagination{align-items:center;display:flex;font-size:calc(var(--font-size)*.9);gap:12px}.category>header .center .pagination .current em{color:var(--color-font-2);font-style:normal}.category>header .center .post-num{color:var(--color-font-2);font-size:calc(var(--font-size)*.8)}.category .post-list{flex:1;margin:0;overflow-y:auto;padding:0}.category .post-list li{border-bottom:1px solid var(--color-border-3);list-style:none}.category .post-list li.selected,.category .post-list li:hover{background:var(--color-bg-hover)}.category .post-list li a{align-items:center;color:var(--color-font);display:flex;gap:12px;padding:12px;text-decoration:none}.category .post-list li a p{flex:1;font-size:calc(var(--font-size)*.9);margin:0;padding-right:20px}.category .post-list li a .post-date{align-items:center;color:var(--color-font-2);display:flex;font-size:12px;gap:12px}.category .post-list li a .post-date b{font-weight:500}.category .post-list li a .post-date em{font-style:normal}.category .post-list .color-circle{border:1px solid;border-radius:50%;display:inline-block;height:12px;width:12px}.category .post-list .color-circle.color-1{border-color:#ff453a}.category .post-list .color-circle.color-2{border-color:#ff9f0a}.category .post-list .color-circle.color-3{border-color:#ffd60a}.category .post-list .color-circle.color-4{border-color:#32d74b}.category .post-list .color-circle.color-5{border-color:#0a84ff}.category .post-list .color-circle.color-6{border-color:#bf5af2}.category .post-list .color-circle.color-7{border-color:#8e8e93}