/* ============================================================
   自定义广告位样式（后台可控广告位专用，随模板修改新增）
   ============================================================ */

/* 1. 右侧 + 底部悬浮广告位（共8个：右侧4个纵向紧凑排列、底部4个左右均匀分布） */
.float-ads-right-wrap {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.float-ads-right {
    width: 100px;
    height: 100px;
}
.float-ads-right img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.float-ads-bottom {
    position: fixed;
    bottom: 10px;
    width: 100px;
    height: 100px;
    z-index: 9999;
}
.float-ads-bottom img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}
/* 底部4个广告位：按视口宽度 25% 间隔均匀分布（12.5% / 37.5% / 62.5% / 87.5%） */
#floatAdsBottom1 { left: 12.5%; transform: translateX(-50%); }
#floatAdsBottom2 { left: 37.5%; transform: translateX(-50%); }
#floatAdsBottom3 { left: 62.5%; transform: translateX(-50%); }
#floatAdsBottom4 { left: 87.5%; transform: translateX(-50%); }

@media screen and (max-width: 768px) {
    .float-ads-right, .float-ads-bottom { width: 72px; height: 72px; }
    .float-ads-right-wrap { gap: 6px; }
}

/* 2. 20 个横幅广告位（可在后台分别启用/禁用来控制显示哪几行） */
.banner-ads-wrap {
    margin-top: 2px;
}
.banner-ads-wrap script + script {
    display: block;
}

/* 3. logo 广告位：每行 4 个，共 5 行（手机端也维持 4 列） */
.logo-ads-wrap {
    overflow: hidden;
    margin: 20px 0;
    max-width: 1080px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 2px 1px 1px rgba(170, 170, 170, .35);
}
.logo-ads-row {
    list-style: none;
    margin: 0;
    padding: 4px 0;
    overflow: hidden;
}
.logo-ads-row li {
    float: left;
    width: 25%;
    text-align: center;
    list-style: none;
    box-sizing: border-box;
    padding: 0 3px;
}
.logo-ads-row li img {
    width: 78px;
    height: 78px;
    margin: 0 auto;
    border-radius: 8px;
    display: block;
}
.logo-ads-row li div {
    font-size: 12px;
    color: #666;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .logo-ads-wrap { max-width: 100%; padding-right: 80px; box-sizing: border-box; }
    .logo-ads-row li { width: 25%; }
    .logo-ads-row li img { width: 56px; height: 56px; }
    .logo-ads-row li div { font-size: 11px; }
}

/* 4. 全屏动态反弹浮漂广告 */
.float-ball {
    position: fixed;
    left: 20px;
    top: 120px;
    z-index: 9998;
    width: 70px;
    cursor: pointer;
}
.float-ball img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}

/* 5. 视频列表内新增广告位（与红色视频广告位样式保持一致，无需额外样式，复用 .preview-item 等已存在的类） */

/* 6. 文字广告位（jn-txt 详情页文字广告，由独立广告后台生成；dh/dh1/dh2/dh3/dh4 已改用 dl/dt/dd 结构，复用 .menu 原生样式） */
.text-ads-row {
    overflow: hidden;
    padding: 6px 0;
}
.text-ads-row .col-xs-3 {
    display: inline-block;
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #FF66CC;
    color: #FF66CC;
    font-size: 12px;
    border-radius: 3px;
    margin: 2px 4px;
    white-space: nowrap;
}
.text-ads-row .col-xs-3 a {
    color: #FF66CC;
    text-decoration: none;
}