/* skin/css/list.css */

.tags-cloud { padding: 15px 20px; display: flex; gap: 12px; flex-wrap: wrap; }
.tag-sticker {
    background: #fff; border: 1px solid #ccc;
    padding: 5px 12px; border-radius: 20px 5px 20px 5px;
    font-size: 13px;
    box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
}
.tag-sticker.active {
    background: var(--marker-yellow); border-color: var(--marker-yellow); font-weight: bold;
}

.sketch-list { padding: 0 20px; display: flex; flex-direction: column; gap: 15px; }
.sketch-item {
    display: flex; align-items: center;
    background: #fff; padding: 12px;
    border-radius: 12px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border-bottom: 3px solid #eee; /* 底部加厚 */
}
.sketch-item img {
    width: 60px; height: 60px; border-radius: 12px; margin-right: 15px;
}
.si-info { flex: 1; }
.si-info h4 { font-size: 16px; font-weight: 800; margin-bottom: 2px; }
.si-meta { font-size: 12px; background: #eee; display: inline-block; padding: 2px 6px; border-radius: 4px; margin-bottom: 4px; }
.si-info p { font-size: 12px; color: #666; }

.sketch-pager {
    text-align: center; margin: 30px 0; font-weight: bold; color: var(--ink-color);
}
.sketch-pager a { text-decoration: underline; margin: 0 12px; }