/* ============================================================
   统一广告位样式（qlaaa / lpttt 共用）
   用法：页面放 <div class="ad-zone" data-zone="key"></div>
   再引入 /js/ad-slots.js，由脚本填充广告并展示
   ============================================================ */
.ad-zone{display:none;margin:0;border:1px dashed #d9d9e0;border-radius:12px;background:var(--soft,#fafafa);overflow:hidden}
.ad-zone.ad-filled{display:block}
.ad-zone-label{display:flex;align-items:center;gap:6px;padding:6px 12px 0;font-size:11px;color:var(--faint,#9a9aa2);letter-spacing:1px}
.ad-zone-label::before{content:"广告";display:inline-block;font-size:10px;font-style:normal;color:var(--faint,#9a9aa2);border:1px solid var(--line,#ececf0);border-radius:4px;padding:0 5px;line-height:1.5}
.ad-zone-body{padding:10px 12px 12px}

/* 顶部通栏 leaderboard */
.ad-zone[data-zone="leaderboard"]{margin:18px 0 0;text-align:center}
.ad-zone[data-zone="leaderboard"] .ad-offer{max-width:760px;margin:0 auto}

/* 信息流中插（与普通卡片同宽） */
.ad-zone[data-zone="infeed"]{background:#fff;border-style:solid}

/* 侧栏 */
.ad-zone[data-zone="rail"]{position:static}

/* 合作/推广卡片（CPA/CPS/互推统一外观） */
.ad-offer{display:flex;gap:13px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line,#ececf0);border-radius:10px;padding:13px 15px;transition:.15s}
a.ad-offer:hover{box-shadow:0 6px 18px rgba(0,0,0,.06);transform:translateY(-1px)}
.ad-offer-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:var(--brand-l,#e8f2ff)}
.ad-offer-main{flex:1;min-width:0}
.ad-offer-title{font-size:14px;font-weight:700;color:var(--ink,#1d1d1f);line-height:1.45}
.ad-offer-desc{font-size:12.3px;color:var(--sub,#6e6e73);margin-top:3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ad-offer-btn{flex-shrink:0;background:var(--brand,#007AFF);color:#fff;font-size:12.8px;font-weight:600;padding:8px 15px;border-radius:8px;white-space:nowrap}
.ad-offer-badge{display:inline-block;font-size:10.5px;color:var(--brand,#007AFF);background:var(--brand-l,#e8f2ff);padding:1px 7px;border-radius:10px;margin-right:6px;font-weight:600;vertical-align:1px}

/* 文章内嵌广告：窄条样式 */
.ad-zone[data-zone="article-top"],
.ad-zone[data-zone="article-mid"],
.ad-zone[data-zone="article-end"]{margin:22px 0}

/* AdSense 容器 */
.ad-adsense{text-align:center;min-height:90px}
.ad-zone[data-zone="article-top"] .ad-adsense,
.ad-zone[data-zone="article-mid"] .ad-adsense,
.ad-zone[data-zone="article-end"] .ad-adsense{min-height:120px}

@media(max-width:600px){
  .ad-offer{flex-wrap:wrap}
  .ad-offer-btn{width:100%;text-align:center}
}