/**
 * 壹手设计工具箱 - 分类文章列表样式
 * 使用 !important 避免主题样式覆盖
 */

/* 主容器 */
.iyesbox-category-posts {
    margin: 1.5em 0 !important;
    padding: 0 !important;
}

/* 列表容器 */
.iyesbox-category-posts-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 列表项 */
.iyesbox-category-post-item {
    display: flex !important;
    align-items: baseline !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 序号样式 */
.iyesbox-post-number {
    display: inline-block !important;
    width: 28px !important;
    flex-shrink: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #999 !important;
    text-align: right !important;
    margin-right: 12px !important;
}

/* 文章链接 - 去掉下划线，加粗，深灰色 */
.iyesbox-post-link {
    text-decoration: none !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    transition: color 0.2s ease !important;
    line-height: 1.5 !important;
}

.iyesbox-post-link:hover {
    color: #FF4600 !important;
    text-decoration: none !important;
}

/* 错误和空状态 */
.iyesbox-category-posts-error,
.iyesbox-category-posts-empty {
    color: #999 !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
    padding: 0 !important;
}

/* 暗色模式优化 */
html[data-theme="dark"] .iyesbox-post-number {
    color: #666 !important;
}

html[data-theme="dark"] .iyesbox-post-link {
    color: #cbd5e0 !important;
}

html[data-theme="dark"] .iyesbox-post-link:hover {
    color: #FF4600 !important;
}

html[data-theme="dark"] .iyesbox-category-posts-error,
html[data-theme="dark"] .iyesbox-category-posts-empty {
    color: #666 !important;
}

/* 兼容 .dark 类 */
html.dark .iyesbox-post-number {
    color: #666 !important;
}

html.dark .iyesbox-post-link {
    color: #cbd5e0 !important;
}

html.dark .iyesbox-post-link:hover {
    color: #FF4600 !important;
}

html.dark .iyesbox-category-posts-error,
html.dark .iyesbox-category-posts-empty {
    color: #666 !important;
}
