
            .post-banner-area {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 0;
                margin: 20px 0;
                width: 100%;
                overflow: hidden;
                border-radius: 8px;
            }
            .post-banner-item {
                display: block;
                overflow: hidden;
            }
            .post-banner-item img {
                width: 100%;
                height: auto;
                aspect-ratio: 3 / 1;
                object-fit: fill;
                display: block;
                background: #1a1a2e;
            }
            .post-banner-placeholder {
                display: flex;
                align-items: center;
                justify-content: center;
                aspect-ratio: 3 / 1;
                background: var(--bg-tertiary);
                border: 1px solid var(--border-dark);
                color: var(--text-muted);
                font-size: 13px;
                cursor: pointer;
                transition: color 0.2s;
            }
            .post-banner-placeholder:hover {
                color: var(--accent-primary);
            }
            @media (max-width: 768px) {
                .post-banner-area {
                    margin: 10px 0;
                    grid-template-columns: repeat(2, 1fr);
                }
                .post-banner-placeholder {
                    font-size: 11px;
                }
            }
            