/* ============================================
   AD PREVIEW - White Placeholder Boxes
   临时预览广告位置 - 白色占位框
   ============================================ */

/* 300×250 - Sidebar/Top Banner Ads (顶部横幅/侧边栏) */
.ad-preview-sidebar {
    width: 300px;
    height: 250px;
    background-color: #ffffff;
    border: 2px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.ad-preview-sidebar::after {
    content: '300 × 250\A广告位';
    white-space: pre;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

/* 770×76 - Video Bottom Banner (Video 视频下方) */
.ad-preview-video-banner {
    width: 770px;
    height: 76px;
    max-width: 100%;
    background-color: #ffffff;
    border: 2px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.ad-preview-video-banner::after {
    content: '770 × 76 - 视频下方横幅广告';
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

/* 950×250 - Footer Top Banner (Footer 上方全局) */
.ad-preview-footer-banner {
    width: 950px;
    height: 250px;
    max-width: 100%;
    background-color: #ffffff;
    border: 2px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.ad-preview-footer-banner::after {
    content: '950 × 250\AFooter 上方大型广告';
    white-space: pre;
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .ad-preview-sidebar {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 767px) {
    .ad-preview-video-banner {
        height: 60px;
        font-size: 14px;
    }
    
    .ad-preview-video-banner::after {
        content: '770×76 横幅';
        font-size: 14px;
    }
    
    .ad-preview-footer-banner {
        height: 150px;
    }
    
    .ad-preview-footer-banner::after {
        content: '950×250\AFooter广告';
        font-size: 16px;
    }
}

/* Container for preview ads */
.ad-preview-container {
    text-align: center;
    padding: 0;
}

/* Sidebar banner containers - normal flow (not sticky) */
.banner-left,
.banner-right {
    position: relative !important;
}