.ad-creative.next-promotion { display:flex; flex-direction:column; gap:12px; min-width:0; padding:20px 24px; background:var(--ad-bg); color:var(--ad-ink); border-radius:14px; position:relative; transition:box-shadow 180ms ease-out; }
.ad-creative.next-promotion:is(a):hover { color:var(--ad-ink); box-shadow:inset 0 0 0 2px var(--ad-ink); }
.ad-creative.next-promotion h3 { color:inherit; font-size:1.25rem; line-height:1.4; margin:0 0 8px; letter-spacing:-.025em; text-wrap:balance; overflow-wrap:anywhere; }
.ad-creative.next-promotion p { margin:0; font-size:.8125rem; line-height:1.6; overflow-wrap:anywhere; }
.ad-creative .next-promotion-copy { flex:1; }
.ad-creative.next-promotion-card :is(h3,p),.ad-creative.next-promotion-sidebar :is(h3,p) { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.ad-creative .next-promotion-merchant { display:flex; align-items:center; gap:8px; font-size:.75rem; min-width:0; margin-top:4px; }
.ad-creative .next-promotion-merchant>strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ad-creative .next-promotion-merchant .next-avatar { width:28px; height:28px; font-size:.75rem; background:var(--ad-ink); color:var(--ad-bg); }
.ad-creative .next-ad-visit { display:flex; align-items:center; gap:4px; margin-left:auto; white-space:nowrap; font-size:.6875rem; }
.ad-creative .next-ad-visit svg { width:14px; height:14px; }
.ad-creative.next-promotion-sidebar { padding:20px; gap:12px; }
.ad-creative.next-promotion-sidebar h3 { font-size:1.125rem; }
.ad-creative.next-promotion-sidebar .next-promotion-merchant { flex-wrap:wrap; }
.ad-creative.next-promotion-sidebar .next-ad-visit { flex-basis:100%; padding-top:8px; }
.ad-creative.next-promotion-banner { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:24px; align-items:center; padding:24px 32px; }
.ad-creative.next-promotion-banner .next-promotion-copy { padding-inline:4px; }
.ad-creative.next-promotion-banner h3 { margin-bottom:4px; font-size:1.375rem; }
.ad-creative.next-promotion-banner .next-ad-label { align-self:center; }
.ad-creative.next-promotion-banner .next-promotion-merchant { display:grid; grid-template-columns:28px auto; }
.ad-creative.next-promotion-banner .next-ad-visit { grid-column:1/-1; justify-self:end; }
.ad-creative { box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; text-decoration:none; line-height:1.55; }
.ad-creative .next-ad-label { align-self:flex-start; font-size:.625rem; line-height:1.5; border:1px solid currentColor; border-radius:4px; padding:1px 6px; width:max-content; }
.ad-creative .next-avatar { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; flex-shrink:0; font-weight:650; }
.ad-creative .next-avatar img { width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.ad-creative-card { min-height:200px; }
.ad-creative:focus-visible { outline:3px solid #5897ed; outline-offset:3px; }
@media (max-width:639px) { .ad-creative.next-promotion-banner { grid-template-columns:1fr; gap:12px; padding:20px; } .ad-creative.next-promotion-banner .next-promotion-merchant { display:flex; } }
@media (prefers-reduced-motion:reduce) { .ad-creative { transition:none; } }