/* 逃跑的贷款广告位 */
.adxr-bubble {
  position: fixed;
  z-index: 875;
  width: max-content;
  max-width: min(310px, calc(100vw - 24px));
  padding: 7px 9px;
  color: #3b1608;
  background: #fff0b7;
  border: 2px solid #26070b;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, .44);
  font-family: var(--adx-serif);
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  transform: translateX(-50%) rotate(-2deg);
  animation: adxr-bubble-in .2s ease-out both;
  pointer-events: none;
}

.adxr-bubble.is-leaving {
  animation: adxr-bubble-out .25s ease-in both;
}

.adxr-bubble i {
  position: absolute;
  left: 50%;
  bottom: -9px;
  color: #26070b;
  font-style: normal;
  font-size: 14px;
  transform: translateX(-50%);
}

.adxr-bubble span {
  display: block;
}

@keyframes adxr-bubble-in {
  from { opacity: 0; transform: translate(-50%, 8px) rotate(2deg); }
  to { opacity: 1; transform: translate(-50%, 0) rotate(-2deg); }
}

@keyframes adxr-bubble-out {
  to { opacity: 0; transform: translate(-50%, 7px) rotate(2deg); }
}

.ad--loan.adxr-jitter {
  animation: adxr-jitter .42s steps(2) both;
}

@keyframes adxr-jitter {
  0%, 100% { filter: brightness(1); }
  20% { filter: brightness(1.35) saturate(1.3); }
  45% { filter: brightness(.9) hue-rotate(9deg); }
  70% { filter: brightness(1.22); }
}

.ad--loan.adxr-falling {
  z-index: 70;
  pointer-events: none;
}

.ad--loan.adxr-falling::after {
  content: "已关闭 · 贷款不免";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 80;
  padding: 2px 6px;
  color: #fff1d3;
  background: #8a1527;
  border: 1px solid #27050a;
  font-family: var(--adx-serif);
  font-size: 8px;
  white-space: nowrap;
  transform: translate(-50%, -50%) rotate(-3deg);
}

body.mild .ad--loan.adxr-jitter {
  animation: none !important;
}