.tm-rainyun-banner {
  width: 100%;
  margin: 16px auto 0;
  border-radius: 8px;
  background: #f1f7fc;
}
.tm-rainyun-link {
  display: block;
  aspect-ratio: 11 / 1;
  overflow: hidden;
  border-radius: inherit;
}
.tm-rainyun-link:focus-visible { outline: 3px solid #1769bd; outline-offset: 3px; }
.tm-rainyun-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.tm-rainyun-image--traditional { object-position: center 10%; }
@media (max-width: 900px) {
  .tm-rainyun-banner { width: calc(100% + 8px); margin-inline: -4px; }
}
@media (max-width: 600px) {
  .tm-rainyun-link { aspect-ratio: 4.8 / 1; }
  .tm-rainyun-image { object-position: center bottom; }
  .tm-rainyun-image--traditional { object-position: center 80%; }
}