bilibili-pixel-perfect by nullizer

/* ==UserStyle==
@name         bilibili-pixel-perfect
@version      20220527.09.59
@namespace    userstyles.world/user/nullizer
@description  Make bilibili video pixel perfect
@author       nullizer
@license      No License
==/UserStyle== */

@-moz-document domain("bilibili.com") {
@media screen and (resolution: 1.25dppx) and (min-width: calc(1920px / 1.25)) {
  /* Bangumi Video */
  .player-mode-widescreen .main-container {
    width: calc(1920px / 1.25) !important;
  }
  .player-mode-widescreen .plp-l {
    padding-top: calc(1080px / 1.25 + 46px) !important;
  }
  .player-mode-widescreen .plp-r {
    margin-top: calc(1080px / 1.25 + 46px) !important;
  }
  .player-mode-widescreen .player-module {
    width: calc(1920px / 1.25) !important;
    height: calc(1080px / 1.25 + 46px) !important;
  }

  /* Normal Video */
  .player-mode-widescreen .left-container {
    width: calc(1920px / 1.25 - 350px - 30px);
  }
  .player-mode-widescreen .fixed-nav {
    display: none;
  }
  .player-mode-widescreen .player-wrap {
    height: calc(1080px / 1.25 + 46px) !important;
  }
  .player-mode-widescreen #bilibili-player:not(.mini-player) {
    width: calc(1920px / 1.25) !important;
    height: calc(1080px / 1.25 + 46px) !important;
  }
  .player-mode-widescreen .video-container-v1 .danmaku-box {
    margin-top: calc(1080px / 1.25 + 46px) !important;
  }
  .player-mode-widescreen .video-container-v1 .bilibili-player-video-sendbar {
    height: 46px;
  }
}

@media screen and (resolution: 1dppx) and (min-width: 1920px) {
  /* Bangumi Video */
  .player-mode-widescreen .main-container {
    width: 1920px !important;
    max-width: inherit;
  }
  .player-mode-widescreen .plp-l {
    padding-top: calc(1080px + 46px) !important;
  }
  .player-mode-widescreen .plp-r {
    margin-top: calc(1080px + 46px) !important;
  }
  .player-mode-widescreen .player-module {
    width: 1920px !important;
    height: calc(1080px + 46px) !important;
  }

  /* Normal Video */
  .player-mode-widescreen .left-container {
    width: calc(1920px - 411px - 30px);
  }
  .player-mode-widescreen .fixed-nav {
    display: none;
  }
  .player-mode-widescreen .player-wrap {
    height: calc(1080px + 46px) !important;
  }
  .player-mode-widescreen #bilibili-player:not(.mini-player) {
    width: 1920px !important;
    height: calc(1080px + 46px) !important;
  }
  .player-mode-widescreen .video-container-v1 .danmaku-box {
    margin-top: calc(1080px + 46px) !important;
  }
  .player-mode-widescreen .video-container-v1 .bilibili-player-video-sendbar {
    height: 46px;
  }
}
}