@import 'common';

#slide_ad,
.v-wrap .vcd,
.ad-report,
#home_popularize .l-con,
#home_popularize .adpos,
.gg-floor-module,
.home-app-download,
.bilibili-player-promote-wrap,
.bili-header-m .nav-menu .nav-con .nav-item .text-red,
.mobile-link-l,
.video-page-game-card,
.international-home .banner-card,
.bypb-window .operate-card,
.gg-window .operate-card,
#reportFirst2 .extension,
.video-page-special-card,
.mascot,
.rank-container .cm-module,
body:not(.preserve-event-banner) .activity-m,
body:not(.preserve-event-banner) .activity-m-v1,
body.remove-game-match-module .bili-wrapper > .home-match,
body.remove-game-match-module #reportFirst3,
.home-content .ad-panel,
.recommend-list .rec-list > :not(.video-page-card),
.eva-extension-area,
.eva-banner,
.video-ad-creative-card,
.bili-dyn-home--member .bili-dyn-ads,
.video-page-special-card-small,
.video-page-game-card-small,
.video-page-operator-card-small,
[data-be-promotion-mark],
body:not(.preserve-feed-goods) .dyn-goods,
.desktop-download-tip,
.adcard,
.palette-button-adcard,
.palette-button-wrap .adcard-content,
.video-card-ad-small,
.search-all-list .video-list > *:has(.bili-video-card__info--ad) {
  display: none !important;
}
.recommend-list .rec-list > :not(.video-page-card) + .video-page-card {
  padding-top: 0 !important;
}
#home_popularize {
  position: relative !important;
}
.popularize-module .online,
.gg-window .online {
  position: absolute !important;
  top: 50% !important;
  right: 0.5% !important;
  transform: translateY(-100%) !important;
}
.gg-window .online {
  right: 0 !important;
  padding: 0 16px !important;
}
#reportFirst2 {
  position: relative;
  margin-bottom: 4px;
}
.blocked-ads {
  width: 440px;
  height: 220px;
  display: flex;
  color: #888;
  background-color: #8882;
  font-size: 24pt;
  @include semi-bold();
  align-items: center;
  justify-content: space-evenly;
}
.blocked-ads.new {
  width: 100%;
  height: 100%;
  background-color: #eee;
}
body.dark .blocked-ads.new {
  background-color: #333;
}
.recommended-container .business-card {
  position: absolute !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
.recommended-container_floor-aside .container > *,
body:not(.preserve-feed-goods) .bili-dyn-content__orig__additional:has(.dyn-goods) {
  margin: 0 !important;
}

// switch类型选项类名前缀
$switchPrefix: 'removePromotions-switch';

// 首页广告、推广
.container > :is(.feed-card, .bili-feed-card):has(.bili-video-card__stats > :is(.bili-video-card__stats--text, svg)),
.container > :is(.feed-card, .bili-feed-card):has(.bili-video-card__info--tit > a:not([href])),
// 视频搜索页广告
.video-list-item:has(.bili-video-card__info--ad) {
  visibility: hidden;
  pointer-events: none !important;

  // 占位文本
  & .bili-video-card__image::after {
    @extend .blocked-ads;

    content: '🚫已屏蔽广告';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    user-select: none;
    visibility: hidden;
    border-radius: 6px;
    background-color: #eee;

    body.dark & {
      background-color: #333;
    }

    body.#{$switchPrefix}-showPlaceholder & {
      visibility: visible;
    }

    body.#{$switchPrefix}-debug & {
      visibility: hidden !important;
    }
  }

  body:not(.#{$switchPrefix}-showContainer) & {
    display: none;
  }

  body.#{$switchPrefix}-debug & {
    display: unset;
    visibility: visible;
    border: red 1px solid;
  }
}
