/* 广告弹窗样式 */
.ad-popup {
  position: fixed;
  bottom: 240px;
  right: 4px;
  width: 80px;
  height: 80px;
  z-index: 9999; /* 默认层级 */
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 使用更平滑的缓动函数 */
  display: none; /* 初始状态隐藏 */
  will-change: transform, opacity; /* 优化性能 */
  backface-visibility: hidden; /* 防止闪烁 */
  transform: translateZ(0); /* 启用硬件加速 */
}

.ad-popup.hidden {
  transform: translateX(47px) translateZ(0);
  opacity: 0.3; /* 降低透明度，减少视觉干扰 */
}

.ad-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.ad-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ad-close {
  position: absolute;
  top: -14px;
  right: 10px;
  width: 12px;
  height: 12px;
  background: url('https://cdnstaticm.saikr.com/img/closeX.png') no-repeat center;
  background-size: contain;
  text-decoration: none;
  z-index: 10000;
  display: none; /* 初始隐藏 */
}

.ad-countdown {
  position: absolute;
  top: -14px;
  right: 10px;
  color: #999;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 10px;
  line-height: 14px;
  z-index: 10000;
  display: none; /* 初始隐藏 */
}

/* 普通竞赛详情页的广告弹窗层级覆盖 */
.sk-detail-body .ad-popup {
  z-index: 10;
}

/* 报名管理页面的广告弹窗层级覆盖 */
/* .sk-app-apply-body .ad-popup {
  z-index: 10;
} */

/* 定制主题页面的广告弹窗保持高层级 */
.sk-detail-body.customized-theme .ad-popup {
  z-index: 9999;
}