/* 技术应用 Hub 页快照样式
 * 来源：wierpower.com/技术应用/index.html → tbs-block/build/post-page/style-index.css
 * 真实类名：wp-block-tbs-block-post-page / tbs-post-page__grid / tbs-post-page__item--grid
 *          tbs-post-page__image / tbs-post-page__title / tbs-post-page__excerpt / tbs-post-page__meta
 */

.wp-block-tbs-block-post-page {
    background-color: #fff;
    border: none;
    border-radius: var(--tbs-post-page-border-radius, 8px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: var(--tbs-post-page-padding, 24px);
}
.wp-block-tbs-block-post-page .entry-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wp-block-tbs-block-post-page .entry-content > * { margin: 0; }

.wp-block-tbs-block-post-page .tbs-post-page__view-more {
    align-items: center;
    background-color: #e5e7eb;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    color: #6b7280;
    display: inline-flex;
    font-size: 0.875rem;
    justify-content: center;
    line-height: 1;
    padding: 8px 14px;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.wp-block-tbs-block-post-page .tbs-post-page__item--list {
    background-color: #fff;
    padding: 16px;
    transition: background-color 0.2s ease;
}
.wp-block-tbs-block-post-page .tbs-post-page__item--list:hover .tbs-post-page__view-more {
    background-color: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
    color: #fff;
}
.wp-block-tbs-block-post-page .tbs-post-page__item--list:hover {
    background-color: rgba(229, 231, 235, 0.3);
}

@media (max-width: 768px) {
    .wp-block-tbs-block-post-page {
        padding: min(var(--tbs-post-page-padding, 24px), 18px);
    }
    .wp-block-tbs-block-post-page .tbs-post-page__grid {
        gap: 20px !important;
        grid-template-columns: 1fr !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__list {
        gap: 20px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__item--list {
        align-items: stretch !important;
        flex-direction: column;
        padding: 0;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__media {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__image,
    .wp-block-tbs-block-post-page .tbs-post-page__placeholder {
        height: 220px !important;
        width: 100% !important;
    }
    .wp-block-tbs-block-post-page .entry-content {
        gap: 10px;
        padding: 14px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__title {
        display: -webkit-box !important;
        font-size: 1.125rem !important;
        -webkit-line-clamp: 2;
        line-height: 1.35 !important;
        white-space: normal !important;
        -webkit-box-orient: vertical;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__excerpt {
        max-height: none !important;
        min-height: auto !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__pagination {
        flex-wrap: wrap;
        gap: 8px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__empty {
        min-height: 160px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__empty-text {
        font-size: 1.25rem !important;
    }
}

@media (max-width: 480px) {
    .wp-block-tbs-block-post-page {
        border-radius: min(var(--tbs-post-page-border-radius, 8px), 8px);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
        padding: min(var(--tbs-post-page-padding, 24px), 14px);
    }
    .wp-block-tbs-block-post-page .tbs-post-page__grid,
    .wp-block-tbs-block-post-page .tbs-post-page__list {
        gap: 16px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__item--grid,
    .wp-block-tbs-block-post-page .tbs-post-page__item--list {
        border-radius: 6px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__image,
    .wp-block-tbs-block-post-page .tbs-post-page__placeholder {
        height: 190px !important;
    }
    .wp-block-tbs-block-post-page .entry-content {
        padding: 12px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__title {
        font-size: 1rem !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__excerpt {
        font-size: 0.8125rem !important;
        line-height: 1.45 !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__meta {
        align-items: center !important;
        flex-wrap: wrap;
        gap: 8px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__view-more {
        min-height: 36px;
        padding: 9px 12px;
        width: 100%;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__pagination {
        margin-top: 18px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__pagination a,
    .wp-block-tbs-block-post-page .tbs-post-page__pagination span {
        min-width: 36px;
        text-align: center;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__empty {
        min-height: 140px !important;
    }
    .wp-block-tbs-block-post-page .tbs-post-page__empty-text {
        font-size: 1.125rem !important;
    }
}