.article-hailian-ad {
  width: 100%;
  max-width: 320px;
  margin: 24px auto 0;
}
.article-hailian-ad-label {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}
.article-hailian-ad-link {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: #050b26;
}
.article-hailian-ad-link img {
  display: block;
  width: 100%;
  height: auto;
}
.article-hailian-ad-link:hover {
  filter: brightness(1.05);
}
.article-hailian-ad-link:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 4px;
}
@media (min-width: 1200px) {
  .nr-article.nr-article--with-ad {
    display: grid;
    grid-template-columns: minmax(0, 680px) minmax(220px, 280px);
    column-gap: 28px;
    align-items: start;
    max-width: 988px;
  }
  .nr-article--with-ad > .nr-article-header {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }
  .nr-article--with-ad > .nr-body {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }
  .nr-article--with-ad > .nr-tags {
    grid-column: 1;
    grid-row: 3;
  }
  .nr-article--with-ad > .article-hailian-ad {
    grid-column: 2;
    grid-row: 1 / span 3;
    position: sticky;
    top: 88px;
    margin: 0;
  }
}