/* 文章广告扩展 - 响应式样式 */

/* 广告容器通用样式 */
.prain-ad {
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
}

/* 顶部广告与正文的间距 */
.prain-ad-top {
    margin-bottom: 20px;
}

/* 底部广告与正文的间距 */
.prain-ad-bottom {
    margin-top: 20px;
}

/* 评论下方广告与评论列表的间距 */
.prain-ad-comment {
    margin-top: 20px;
}

/* 广告内图片自适应 */
.prain-ad img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 广告内iframe自适应 */
.prain-ad iframe {
    max-width: 100%;
    border: none;
}

/* 广告内ins元素（AdSense等）自适应 */
.prain-ad ins {
    max-width: 100%;
}

/* 清除广告内部可能的浮动 */
.prain-ad::after {
    content: "";
    display: block;
    clear: both;
}

/* 手机端自适应：屏幕宽度小于等于768px */
@media screen and (max-width: 768px) {
    .prain-ad {
        margin: 10px 0;
    }
    .prain-ad-top {
        margin-bottom: 15px;
    }
    .prain-ad-bottom {
        margin-top: 15px;
    }
    .prain-ad-comment {
        margin-top: 15px;
    }
}

/* 超小屏幕：屏幕宽度小于等于480px */
@media screen and (max-width: 480px) {
    .prain-ad {
        margin: 8px 0;
    }
}