哔哩哔哩样式修饰

_readme.md

利用 Stylus 对哔哩哔哩外观进行修饰。

UserStyle.css

/* ==UserStyle==
@name         哔哩哔哩推广过滤
@version      20250628.01.12
@namespace    https://userstyles.world/user/inkss
@description  利用 Stylus 对哔哩哔哩外观进行修饰，去除不喜欢的元素。
@author       inkss
@license      MIT
==/UserStyle== */
@-moz-document domain("www.bilibili.com") {
  /* 哔哩哔哩首页元素屏蔽 */
  /* 过滤检测提示 */
  /* 桌面版下载提示 */
  .adblock-tips,
  .desktop-download-tip {
    display: none!important
  }

  /* 首页推荐 */
  /* 直播卡片 */
  /* 独立推广卡片 */
  .recommended-swipe.grid-anchor,
  .container.is-version8 > .bili-live-card,
  .container.is-version8 > .floor-single-card {
    display: none !important;
  }

  /* 对齐 */
  .recommended-container_floor-aside .container > *:nth-of-type(n + 8) {
    margin-top: 0 !important
  }

  /* 直接none会导致无法触发下拉刷新，正所谓眼不见心不烦即可 */
  .container.is-version8 > div:has(.bili-video-card__info--ad),
  .container.is-version8 > div:not(:has(.bili-video-card__wrap)) {
    opacity: 0 !important;
    z-index: -99999 !important;
    position: fixed !important;
  }

  /* 释放刷新按钮 */
  div.flexible-roll-btn.hidden {
    visibility: visible !important;
    pointer-events: all !important;
  }

  /* 刷新按钮提示符 */
  div.flexible-roll-btn .btn-text-inner {
    display: none;
  }

  /* 回到顶部 */
  .top-btn-wrap button {
    visibility: visible !important;
  }


  /* 播放页处理 */
  /* 去掉播放视频里的投票、链接、评分、一键三连 */
  .bili-danmaku-x-vote,
  .bili-danmaku-x-link,
  .bili-danmaku-x-score,
  .bili-danmaku-x-guide-all {
    display: none !important;
  }


  /* 允许复制 AI 总结 */
  .ai-summary-popup {
    user-select: auto;
  }

  #right-bottom-banner,
  #activity_vote,
  #slide_ad,
  .reply-notice,
  .pop-live-small-mode,
  .video-page-special-card-small,
  .reply-content .icon.search-word,
  .rec-list .video-page-operator-card-small,
  .ad-report.ad-floor-exp.left-banner,
  .ad-report.ad-floor-exp.right-bottom-banner,
  .activity-m-v1.act-now,
  .video-card-ad-small:has(.video-card-ad-small-inner),
  .bili-avatar-nft-icon,
  .bili-avatar-pendent-dom,
  .note-prefix,
  .tag.not-btn-tag:has(.tag-link > svg) {
    display: none !important
  }

  .bili-comment.browser-pc * a {
    color: unset
  }

  .storage-box {
    display: none;
  }
}

@-moz-document domain("www.bilibili.com"),
domain("search.bilibili.com"),
domain("t.bilibili.com") {
  /* 顶部导航栏 */
  .bili-header .left-entry > li:not(:first-child) {
    display: none !important
  }

  .bili-header .center-search-container .center-search__bar {
    max-width: unset;
  }

  /* 搜索输入框 */
  input::placeholder {
    color: transparent !important;
  }

  /* 搜索框热搜 */
  .search-panel .trending {
    display: none !important;
  }

  /* 搜索结果过滤广告 */
  .search-page-video .video-list .video-list-item:has(.bili-video-card__info--ad) {
    display: none !important;
  }
}

@-moz-document domain("t.bilibili.com") {
  /* 动态 */
  /* 屏蔽除了投稿视频外的任何内容（含转发视频） */
  /* 屏蔽投稿视频里的话题 Topic */
  .bili-dyn-list__item:not(:has(a.bili-dyn-card-video)),
  .bili-dyn-list__item:has(.bili-dyn-content__orig.reference),
  .bili-dyn-list__item div[data-module='topic'] {
    display: none
  }

  /* 显示自己的动态 */
  .bili-dyn-list__item:has(div[data-type='THREE_POINT_DELETE']) {
    display: block
  }


  /* 侧边栏 & 选项卡 */
  aside,
  .bili-dyn-list-tabs {
    display: none
  }

  /* 加宽 */
  #app .content,
  main {
    width: 800px
  }

  .bili-dyn-content__orig__major {
    width: 690px
  }

  /* 不喜欢的元素 */
  .medal,
  .nameplate,
  .sailing,
  .bili-dyn-item__ornament,
  .bili-dyn-card-video__badge,
  .bili-avatar-pendent-dom {
    display: none !important;
  }
}

@-moz-document domain("message.bilibili.com") {
  .interaction-item__content {
    .interaction-item__cover {
      position: static;
      width: 100%;
      height: auto;
      margin-top: 0.5rem;
      .bili-ellipsis {
        -webkit-line-clamp: 20;
      }
    }
  }
}