/* WXSSC V68.5-G 首页双广告位图片展示优化
   目标：图片广告完整展示；图片已带文字时，不再叠加大标题/副标题。
*/

.wx-home-ads-v685{
  width:1300px;
  max-width:calc(100vw - 28px);
  min-height:76px;
  margin:14px auto 14px;
  display:grid;
  grid-template-columns:minmax(0,812px) minmax(0,472px);
  gap:16px;
}

.wx-home-ad-v685{
  position:relative;
  height:76px;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 22px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:20px;
  text-decoration:none;
  color:#0f172a;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(37,99,235,.14),transparent 42%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.90));
  box-shadow:0 16px 36px rgba(15,23,42,.075);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.wx-home-ad-v685:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 42px rgba(15,23,42,.10);
  border-color:rgba(37,99,235,.22);
}

.wx-home-ad-v685 + .wx-home-ad-v685{
  border-left:1px solid rgba(148,163,184,.22);
}

.wx-home-ad-v685.is-blue{
  color:#fff;
  border-color:rgba(37,99,235,.30);
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.26),transparent 44%),
    linear-gradient(135deg,#2563eb,#1d4ed8);
}

.wx-home-ad-v685.is-dark{
  color:#fff;
  border-color:rgba(15,23,42,.30);
  background:
    radial-gradient(circle at 12% 0%,rgba(251,191,36,.24),transparent 42%),
    linear-gradient(135deg,#0f172a,#111827);
}

/* 有图片时：图片为主，尽量不遮挡图片文字 */
.wx-home-ad-v685.has-img{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  color:#fff;
  border-color:rgba(255,255,255,.20);
}

.wx-home-ad-v685.has-img::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(15,23,42,.42) 0%,
      rgba(15,23,42,.10) 22%,
      rgba(15,23,42,.02) 58%,
      rgba(15,23,42,.34) 100%);
  pointer-events:none;
}

/* 图片已自带主视觉文字，隐藏系统标题和副标题 */
.wx-home-ad-v685.has-img .wx-home-ad-text-v685{
  display:none !important;
}

.wx-home-ad-main-v685{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}

.wx-home-ad-v685.has-img .wx-home-ad-main-v685{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
}

.wx-home-ad-badge-v685{
  height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.26);
  color:inherit;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}

.wx-home-ad-v685:not(.is-blue):not(.is-dark) .wx-home-ad-badge-v685{
  background:rgba(37,99,235,.09);
  border-color:rgba(37,99,235,.16);
  color:#2563eb;
}

.wx-home-ad-v685.has-img .wx-home-ad-badge-v685{
  background:rgba(15,23,42,.28);
  border-color:rgba(255,255,255,.24);
  color:#fff;
}

.wx-home-ad-text-v685{
  min-width:0;
}

.wx-home-ad-title-v685{
  display:block;
  font-size:22px;
  line-height:1.05;
  font-weight:1000;
  letter-spacing:-.045em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wx-home-ad-sub-v685{
  display:block;
  margin-top:6px;
  font-size:13px;
  line-height:1.1;
  opacity:.88;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.wx-home-ad-action-v685{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.26);
  color:inherit;
  font-size:12px;
  font-weight:980;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}

.wx-home-ad-v685.has-img .wx-home-ad-action-v685{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  background:rgba(15,23,42,.28);
  border-color:rgba(255,255,255,.24);
  color:#fff;
}

.wx-home-ad-v685:not(.is-blue):not(.is-dark) .wx-home-ad-action-v685{
  color:#2563eb;
  background:rgba(37,99,235,.08);
  border-color:rgba(37,99,235,.16);
}

.wx-home-ad-action-v685 b{
  font-size:19px;
  line-height:1;
}

.wx-home-ad-empty-v685{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  height:76px;
  border:1px dashed rgba(148,163,184,.30);
  border-radius:20px;
  background:rgba(255,255,255,.64);
  color:#64748b;
  font-size:13px;
  font-weight:850;
}

@media(max-width:900px){
  .wx-home-ads-v685{
    width:calc(100vw - 24px);
    min-height:auto;
    grid-template-columns:1fr;
    gap:10px;
  }

  .wx-home-ad-v685{
    height:76px;
    border-left:1px solid rgba(148,163,184,.22) !important;
    border-radius:18px;
    padding:0 18px;
  }
}

@media(max-width:520px){
  .wx-home-ad-v685:not(.has-img){
    height:auto;
    min-height:76px;
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    padding:14px 16px;
  }

  .wx-home-ad-title-v685{
    font-size:20px;
  }

  .wx-home-ad-sub-v685{
    white-space:normal;
  }
}

/* WXSSC V68.5-H image ad clean overlay
   图片广告：只保留右上角“推广”小角标，隐藏系统标题/副标题/按钮
*/
.wx-home-ad-v685.has-img{
  padding:0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.wx-home-ad-v685.has-img::before{
  background:transparent !important;
}

.wx-home-ad-v685.has-img .wx-home-ad-text-v685,
.wx-home-ad-v685.has-img .wx-home-ad-action-v685{
  display:none !important;
}

.wx-home-ad-v685.has-img .wx-home-ad-main-v685{
  position:absolute !important;
  top:10px !important;
  right:12px !important;
  left:auto !important;
  transform:none !important;
  z-index:3 !important;
  display:block !important;
}

.wx-home-ad-v685.has-img .wx-home-ad-badge-v685{
  height:24px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.34) !important;
  border:1px solid rgba(255,255,255,.30) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  backdrop-filter:blur(8px);
  box-shadow:0 6px 14px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.16);
}