/* 遵贵优选 · 扩展模块样式
   1) .zg-sec  产品中心「精选好物·推广」独立板块
   2) .zg-ad-slide 首页轮播第三方广告位
   与站点原生风格对齐：主色 #2460f2 / 灰阶 #f4f6f9 / 圆角 12px */

/* ---------- 1. 精选好物板块 ---------- */
.zg-band{padding:0 0 26px}
.zg-sec{margin:56px 0 10px;padding:30px 26px 22px;border:1px solid #e8ebf0;border-radius:14px;background:#fafbfd}
.zg-sec-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:20px}
.zg-sec-tit{margin:0;font-size:22px;line-height:1.35;font-weight:700;color:#1f2430;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.zg-sec-sub{margin:8px 0 0;font-size:13px;line-height:1.6;color:#8b93a1}
.zg-sec-more{font-size:13px;color:#2460f2;text-decoration:none;white-space:nowrap}
.zg-sec-more:hover{color:#1b4ecb;text-decoration:none}
.zg-bdg{display:inline-block;padding:1px 7px;font-size:12px;font-weight:400;line-height:18px;border-radius:4px;vertical-align:middle}
.zg-bdg-ad{color:#8a6d1f;background:#fdf4d9;border:1px solid #f0dfae}
.zg-bdg-demo{color:#6b7280;background:#f1f3f6;border:1px solid #e2e6ec}
.zg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.zg-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f4;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s ease,transform .25s ease}
a.zg-card:hover{text-decoration:none;color:inherit;box-shadow:0 6px 22px rgba(36,96,242,.12);transform:translateY(-3px)}
.zg-pic{display:block;width:100%;padding-top:100%;position:relative;background:#f4f6f9}
.zg-pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.zg-noimg{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#c3c9d3;font-size:13px}
.zg-body{padding:12px 13px 14px;display:flex;flex-direction:column;flex:1}
.zg-nm{margin:0 0 6px;font-size:13px;line-height:1.5;color:#333a45;height:39px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.zg-tag{margin:0 0 10px;font-size:12px;line-height:1.5;color:#9aa1ad;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.zg-bot{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.zg-price{font-size:17px;font-weight:700;color:#2460f2}
.zg-price i{font-style:normal;font-size:12px;margin-right:1px}
.zg-org{font-size:12px;color:#b0b6c0;text-decoration:line-through}
.zg-sec-note{margin:18px 0 0;font-size:12px;line-height:1.6;color:#a3aab5}

/* ---------- 2. 广告位（首页轮播 + 内容页） ---------- */
.zg-ad-slide{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;background:#eef2f9}
.zg-ad-tag{position:absolute;top:16px;left:18px;z-index:5;padding:2px 8px;font-size:12px;line-height:18px;color:#8b93a1;background:rgba(255,255,255,.92);border:1px solid #e2e6ec;border-radius:4px}
.zg-ad-box{width:100%;max-width:1160px;padding:0 24px}
.zg-ad-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;border:1px dashed #d3d9e2;border-radius:12px;background:#fff;color:#9aa1ad;text-align:center}
.zg-ad-ph b{font-size:17px;font-weight:600;color:#5b6472;margin-bottom:6px}
.zg-ad-ph span{font-size:13px;line-height:1.6}

/* 广告已注入：容器铺满宽度、去掉占位虚线框（占位类由脚本摘除） */
.zg-ad-slide.zg-ad-live{background:#f4f6f9}
#zgAdCarousel.zg-ad-live{width:100%;min-height:250px;padding:0;border:0;background:transparent}
#zgAdCarousel.zg-ad-live img{max-width:100%;height:auto;display:block;margin:0 auto}
#zgAdCarousel.zg-ad-live iframe,
#zgAdCarousel.zg-ad-live ins{max-width:100%;margin:0 auto;display:block}

/* 腾讯优量汇 Banner（官方播放尺寸 6.4:1，按容器宽度等比撑高） */
.zg-gdt-banner{position:relative;width:100%;aspect-ratio:6.4/1;margin:0 auto;overflow:hidden;border-radius:12px;background:#fff}
.zg-gdt-banner iframe{max-width:100%;display:block;margin:0 auto}

/* 站内兜底推广（无联盟代码时，把位置用起来） */
.zg-fb{position:relative;display:block;width:100%;overflow:hidden;border-radius:12px;text-decoration:none;color:#fff}
a.zg-fb:hover{text-decoration:none;color:#fff}
.zg-fb-bg{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(120deg,#1c2b4a 0%,#2a4270 55%,#2460f2 100%);background-size:cover;background-position:center;z-index:0}
.zg-fb-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 24px}
.zg-fb>.zg-ad-tag{top:14px;left:16px;color:#5b6472}
.zg-fb-t{font-size:30px;line-height:1.35;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.zg-fb-d{font-size:15px;line-height:1.7;opacity:.92;margin-bottom:20px;max-width:640px}
.zg-fb-btn{display:inline-block;padding:10px 26px;font-size:14px;line-height:20px;color:#1c2b4a;background:#fff;border-radius:22px;transition:transform .2s ease,box-shadow .2s ease}
a.zg-fb:hover .zg-fb-btn{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.22)}

/* 内容页广告位（正文之后） */
.zg-ad-content{position:relative;margin:34px 0 6px;padding:22px 0 0;border-top:1px solid #eef0f4}
.zg-ad-content>.zg-ad-tag{position:static;display:inline-block;margin:0 0 10px}
.zg-ad-content .zg-ad-ph{min-height:120px}
.zg-ad-content .zg-ad-ph.zg-ad-live{width:100%;padding:0;border:0;background:transparent}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){.zg-grid{grid-template-columns:repeat(4,1fr);gap:14px}}
@media (max-width:991px){.zg-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){
  .zg-sec{margin:32px 0 6px;padding:20px 14px 16px}
  .zg-sec-tit{font-size:18px}
  .zg-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .zg-ad-slide{min-height:200px}
  .zg-ad-box{padding:0 14px}
  .zg-ad-ph{min-height:110px}
  .zg-fb-t{font-size:19px;margin-bottom:8px}
  .zg-fb-d{font-size:13px;margin-bottom:14px}
  .zg-fb-btn{padding:8px 20px;font-size:13px}
  .zg-ad-tag{top:10px;left:12px}
  .zg-ad-content{margin:22px 0 4px}
}