/*
 * [PBCS PATCH] list-download-modern.css — list-download.html 独有样式
 * 2026-07-31
 *
 * 与 channel-download-modern.css / show-news-modern.css 共用通用 widget / list /
 * headline 样式（.pbcs-dl-list / .pbcs-dl-item / .pbcs-dl-headline / .pbcs-dl-tabs
 * / .pbcs-dl-section-* / .pbcs-widget / .pbcs-tagcloud 等都直接复用）。
 *
 * 本文件独有（list-download 多了 channel-download 没有的"文章日历"和"2 大卡 widget"）：
 *   1. 文章日历按钮 + 弹窗（板块 2 右侧）
 *   2. 日期过滤状态条（板块 3 上方）
 *   3. 近期新品 / 编辑推荐 widget 2 大卡 + 8 链接布局
 */

/* ====================================================================
   1. 文章日历按钮 + 弹窗
   ==================================================================== */
.pbcs-dl-cal-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: 16px;
}

.pbcs-dl-date {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 13px;
    color: #606266;
    background: #f5f7fa;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
}

.pbcs-dl-cal-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: #409eff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}
.pbcs-dl-cal-btn:hover {
    color: #66b1ff;
    border-color: #409eff;
    background: #ecf5ff;
}
.pbcs-dl-cal-btn i {
    font-size: 13px;
}

.pbcs-dl-cal-pop {
    display: none;
    position: absolute;
    right: 0;
    top: 44px;
    z-index: 999;
    background: #fff;
    border: 1px solid #ebeef5;
    border-radius: 6px;
    padding: 14px;
    width: 304px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
}

.pbcs-dl-cal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.pbcs-dl-cal-head strong {
    font-size: 14px;
    color: #303133;
    flex: 1;
    text-align: center;
}
.pbcs-dl-cal-nav {
    background: transparent;
    border: 0;
    color: #606266;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 3px;
    transition: all 0.15s;
}
.pbcs-dl-cal-nav:hover {
    background: #ecf5ff;
    color: #409eff;
}

.pbcs-dl-cal-table {
    width: 100%;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
}
.pbcs-dl-cal-table th {
    color: #909399;
    font-weight: 500;
    padding: 6px 0;
}
.pbcs-dl-cal-table td {
    padding: 6px 0;
    cursor: pointer;
    border-radius: 4px;
    color: #303133;
    transition: all 0.15s;
}
.pbcs-dl-cal-table td:hover {
    background: #ecf5ff;
    color: #409eff;
}
.pbcs-dl-cal-table td.pbcs-dl-cal-out {
    color: #c0c4cc;
    cursor: default;
}
.pbcs-dl-cal-table td.pbcs-dl-cal-out:hover {
    background: transparent;
    color: #c0c4cc;
}
.pbcs-dl-cal-table td.pbcs-dl-cal-today-cell {
    background: #ff6b35;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
}
.pbcs-dl-cal-table td.pbcs-dl-cal-today-cell:hover {
    background: #ff8559;
    color: #fff;
}

.pbcs-dl-cal-foot {
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ebeef5;
}
.pbcs-dl-cal-today {
    background: #f5f7fa;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 4px 12px;
    font-size: 12px;
    color: #606266;
    cursor: pointer;
    transition: all 0.15s;
}
.pbcs-dl-cal-today:hover {
    color: #409eff;
    border-color: #409eff;
    background: #ecf5ff;
}

/* ====================================================================
   2. 日期过滤状态条（板块 3 上方）
   ==================================================================== */
.pbcs-dl-filter-bar {
    display: none;
    align-items: center;
    gap: 8px;
    background: #ecf5ff;
    border: 1px solid #d9ecff;
    color: #409eff;
    border-radius: 6px;
    padding: 10px 16px;
    margin-bottom: 16px;
    font-size: 13px;
}
.pbcs-dl-filter-bar strong {
    color: #303133;
    font-weight: 600;
    margin: 0 2px;
}
.pbcs-dl-filter-clear {
    margin-left: auto;
    background: transparent;
    border: 0;
    color: #409eff;
    cursor: pointer;
    font-size: 13px;
    padding: 2px 6px;
    border-radius: 3px;
    transition: all 0.15s;
}
.pbcs-dl-filter-clear:hover {
    background: #d9ecff;
}

/* ====================================================================
   3. 近期新品 / 编辑推荐 widget — 2 大卡 + 8 链接布局
   ==================================================================== */
.pbcs-dl-newest-widget {
    /* 复用 .pbcs-widget 通用样式，只追加独有部分 */
}
.pbcs-dl-newest-cards {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}
.pbcs-dl-newest-card {
    flex: 1;
    display: block;
    transition: transform 0.2s;
}
.pbcs-dl-newest-card:hover {
    transform: translateY(-2px);
}
.pbcs-dl-newest-card-img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    border-radius: 6px;
    background: #f5f7fa;
    border: 1px solid #ebeef5;
    display: block;
}
.pbcs-dl-newest-card-img-default {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    border: 0;
}
.pbcs-dl-newest-card-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #303133;
    margin: 8px 0 0;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pbcs-dl-newest-card:hover .pbcs-dl-newest-card-title {
    color: #409eff;
}

.pbcs-dl-newest-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pbcs-dl-newest-list-item {
    padding: 8px 0;
    border-bottom: 1px dashed #ebeef5;
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pbcs-dl-newest-list-item:last-child {
    border-bottom: 0;
}
.pbcs-dl-newest-list-item a {
    color: #606266;
    transition: color 0.15s;
}
.pbcs-dl-newest-list-item a:hover {
    color: #409eff;
}
.pbcs-dl-newest-list-item a::before {
    content: '·';
    color: #c0c4cc;
    margin-right: 6px;
    font-weight: 700;
}

/* ====================================================================
   移动端适配
   ==================================================================== */
@media (max-width: 768px) {
    .pbcs-dl-cal-wrap {
        margin-left: 0;
        margin-top: 8px;
        width: 100%;
    }
    .pbcs-dl-cal-pop {
        right: auto;
        left: 0;
        width: 280px;
    }
    .pbcs-dl-newest-card-img {
        height: 80px;
    }
    .pbcs-dl-newest-card-title {
        font-size: 12px;
        height: 32px;
    }
}