Bilibili 極簡模式

B站寬螢幕
当前为 2025-05-11 提交的版本，查看最新版本。
换行
/* ==UserStyle==
@name         Bilibili 極簡模式
@version      4.1
@namespace    http://tampermonkey.net/
@description  B站寬螢幕
@license      MIT
==/UserStyle== */
@-moz-document regexp("https://www.bilibili.com/video/.*"),regexp("https://www.bilibili.com/list/.*"){

/* 基礎播放器設定 */
#playerWrap {
  height: initial;
  margin-top: -0%;
}

/* 影片播放器核心容器 */
#bilibili-player {
  width: auto;
  height: 100vh;
  max-width: none;
  margin: 0 auto;
  transform: none;
}

/* 影片比例控制系統 */
.scroll-sticky.left-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

/* 新版右側欄位 - 網頁原始位置可展開式 */
.right-container {
  position: absolute !important;  /* 改為絕對定位 */
  right: 0;
  height: auto;  /* 取消固定高度 */
  max-height: none;  /* 初始隱藏 */
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.85);
  clip-path: polygon(100% 0%, 100% 100%, 20px 100%)
}

/* 懸停觸發展開效果 */
.right-container:hover {
  opacity: 1;
  clip-path: none; /* 懸停時解除裁剪 */
}

/* 影片標題容器高度控制系統 */
.win.video-info-container {
  height: auto !important;  /* 取消固定高度 */
  max-height: 150px;  /* 最大高度 */
  overflow-y: auto;  /* 內容過多時顯示滾動條 */
  transition: height 0.2s ease;  /* 高度變化動畫 */
}

/* 全屏模式適配 */
.bilibili-player-video-web-fullscreen #bilibili-player {
  height: 100vh !important;
}
}
欢迎访问Greasy Fork镜像
