☰

Greasy Fork is available in English.

哔哩哔哩直播精简

提供简洁的界面，只为安心看直播。

// ==UserScript==
// @name                                                          哔哩哔哩直播精简
// @namespace                                                     原作者：G-uang
// @author                                                        原作者：Guang
// @version                                                       2025.01.25
// @description                                                   提供简洁的界面，只为安心看直播。
// @match                                                         *://live.bilibili.com/*
// @icon                                                          https://www.bilibili.com//favicon.ico
// @run-at                                                        document-body
// @license                                                       MIT
// ==/UserScript==

(function() {
    var css = '{display:none !important;height:0 !important}'

//直播间
    css += '.entry_logo {display:none !important;}';//顶栏log
    css += '.tv-logo {display:none !important;}';//顶栏log
    css += 'div.pointer.f-left.p-relative.h-100.shortcut-item:nth-of-type(2) {display:none !important;}';//顶栏购买电池
    css += 'div.pointer.f-left.p-relative.h-100.shortcut-item:nth-of-type(3) {display:none !important;}';//顶栏下载客户端
    css += '.trending {display:none !important;}';//顶栏热搜
    css += '#nav-searchform {background-color: #ffffff !important;}';//顶栏搜索背景颜色
    css += 'div.pointer.f-left.p-relative.h-100.shortcut-item:nth-of-type(1) {min-width:60px;}';//顶栏关注宽度
    css += '.v-middle.dp-i-block.p-relative.user-panel-ctnr {width:60px;}';//顶栏头像宽度
    css += '.user-panel-ctnr .user-panel .header-node .progress {display:none !important;}';//顶栏头像下方的消费等级
    css += '.follow-cntr .anchor-list .live-status {display:none !important;}';//顶栏关注中xxx暂未开播
    css += '.down-arrow-icon-block {display:none !important;}';//顶栏更多中的符号
    css += '.w-100.over-hidden.p-relative.flip-view {display:none !important;}';//视频区下方广告栏
    css += '.room-info-ctnr {display:none !important;}';//视频区下方主播推荐
    //css += '.trends.room-feed {display:none !important;}';//视频区下方动态
    //css += '.room-detail-box {display:none !important;}';//视频区下方主播公告
    //css += '#sections-vm {display:none !important;}';//视频区下方动态与主播公告
    css += '#link-footer-vm {display:none !important;}';//网页底部版权信息
    //css += '.contain-optimize.z-navbar.ts-dot-4.p-zero.p-fixed.w-100.z-link-navbar.link-navbar-ctnr {display: none !important;}';//顶栏
    css += '.contain-optimize.z-navbar.ts-dot-4.p-zero.p-fixed.w-100.z-link-navbar.link-navbar-ctnr {box-shadow: 0 0 5px 1px rgb(255 255 255 / 0%) !important;}';//顶栏分割线
    css += '.none-select.list-none.dp-i-block.new-tabs {display:none !important;}';//视频区下方动态标题
    css += '.repost.post-content {background-color: #fcfcfc !important;}';//视频区下方动态转发区背景
    css += 'li.t-center.dp-i-block.pointer.tab-candidate:nth-of-type(2) {display:none !important;}';//视频区右下方主播荣誉
    css += '.room-info-cntr {height:240px !important;}';//视频区右下方主播公告高度
    css += '.room-info-cntr .content-wrapper {height: 170px !important;}';//视频区右下方主播公告高度
    css += '.room-introduction-tags {display:none !important;}';//视频区下方主播简介里的tag标签
    css += '.room-announce-empty {display:none !important;}';//视频区下方主播公告未填写内容时出现的图片
    css += '.trends-content {margin-top:0px !important;}';//视频区下方动态位置高度
    css += '.live-room-app .app-content .app-body .section-block .right-container {margin-top:0px !important;}';//视频区下方主播公告位置高度
    css += '.empty-content {display:none !important;}';//视频区下方动态未刷新出来时的图片
    css += '.room-info-cntr {border-radius:4px !important;}';//视频区下方主播公告圆角
    css += '.p-fixed.webp.room-bg {display:none !important;}';//直播间背景
    css += '.side-bar-cntr {border-radius: 24px !important;}';//视频区右边的侧边栏圆角
    css += '.side-bar-cntr {background-color: #ffffff00 !important;box-shadow: 0px 0px 20px 0px #ff669929 !important;border: 1px solid #b7b9bc3d !important;}';//视频区右边的侧边栏背景颜色
    css += '.side-bar-cntr {filter: grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(300%) !important;}';//视频区右边的侧边栏图标颜色
    css += '.lab-cntr {filter: grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(300%) !important;}';//视频区右边的侧边栏实验室浮窗内文字颜色
    css += '.my-follow {filter: grayscale(100%) sepia(100%) hue-rotate(290deg) saturate(300%) !important;}';//视频区右边的侧边栏关注文字颜色
    css += '.follow-cntr .anchor-list .three-anchor .one-anchor .anchor-name:hover p {color: #f69 !important;}';//视频区右边的侧边栏关注文字颜色
    css += '.side-bar-popup-cntr {right: 48px !important;}';//视频区右边的侧边栏左右距离
    css += '.bl-button--size {border-radius: 24px !important;}';//视频区右边的侧边栏实验室中反馈按钮圆角
    css += '.live-player-ctnr.minimal {width: 300px !important;height: 168.75px !important;border-radius: 4px !important;padding-top: 0px !important;right: 120px !important;}';//小窗播放比例修改位16:9
    css += '.live-room-app .app-content .app-body {width: 87.6% !important;max-width: 1700px !important;}';//播放区域宽度.如果想使用原来的播放器大小,请修改"width"默认为 "80%","max-width"默认为"1504px"
    //css += '.live-room-app .app-content .app-body {width: 80% !important;max-width: 1504px !important;}';//播放区域宽度.如果想使用原来的播放器大小,请修改"width"默认为 "80%","max-width"默认为"1504px"
    css += '.live-room-app .app-content {padding-top: 70px !important;}';//播放区顶部距离
    css += '.live-room-app .app-content .app-body .player-and-aside-area .left-container {width: calc(100% - 300px - 10px) !important;}';//播放区与弹幕区间隔距离
    css += '.live-room-app .app-content .app-body .section-block .left-container {width: calc(100% - 300px - 10px) !important;}';//动态区与公告间隔距离
    css += '.live-room-app .app-content .app-body .player-and-aside-area {margin-bottom: 8px !important;}';//播放区与动态区间隔距离
//直播间标题栏
    css += '.live-room-app .app-content .app-body .player-and-aside-area .left-container .head-info-section {height: 96px !important;border-radius: 4px 4px 0 0 !important;border: 0px solid #e3e5e7 !important;}';//标题栏圆角
    css += '.live-room-app .app-content .app-body .player-and-aside-area .left-container .head-info-section {background-position: center !important;}';//标题栏背景图片位置
    css += '.p-relative.follow-ctnr {display:none !important;}';//标题栏助力与上舰
    css += '.lower-row > .right-ctnr {display:none !important;}';//标题栏第二行广告
    css += '.play-bill .p-relative {display:none !important;}';//标题栏节目单
    css += '.live-title .title-length-limit {max-width: 512px !important;}';//直播间标题字符长度限制解除
    css += '.header-info-ctnr .rows-ctnr .lower-row .live-area .area-link {max-width: 256px !important;}';//直播间分区字符长度限制解除
    css += '.header-info-ctnr .rows-ctnr .lower-row .live-area .area-link:hover {color: #f69 !important;}';//直播间分区鼠标悬停字体颜色
    css += '.header-info-ctnr .rows-ctnr .upper-row .room-owner-username:hover {color: #f69 !important;}';//直播间主播鼠标悬停字体颜色
    css += '.header-info-ctnr .rows-ctnr .upper-row .room-owner-username {line-height: 20px !important;}';//直播间主播字符高度
    css += '.header-info-ctnr .rows-ctnr .upper-row .room-owner-username {margin-left: 8px !important;}';//直播间主播字符与头像距离
    css += '.live-title .flex-wrap {margin-left: 8px !important;}';//直播间标题与头像距离
    css += '.upper-row > .right-ctnr {display:none !important;}';//标题栏分享/举报直播间
    css += '.anchor-location.default {display: none !important;}';//标题栏主播所在城市
    css += '.anchor-location.with-skin {display: none !important;}';//标题栏主播所在城市
    css += '.header-info-ctnr .blur-edges-ctnr {display:none !important;}';//标题栏与视频区分割线
//直播间视频区
    css += '.web-player-inject-wrap {display:none !important;}';//PK
    css += '.link-toast.info.center-animation {display:none !important;}';//PK
    css += '#game-id {display:none !important;}';//互动玩法
    css += '.web-player-icon-feedback {display:none !important;}';//视频区反馈
    css += '.content.border-box {display:none !important;}';//视频区恭喜主播获得超人气推荐奖励
    css += '#player-effect-vm > div > div.rhythm-storm {display:none !important;}';//视频区节奏风暴
    css += '.web-player-icon-roomStatus {display:none !important;}';//视频区直播水印
    css += '.announcement-wrapper.clearfix.no-select {display:none !important;}';//视频区礼物及广播条
    css += '.shop-popover {display:none !important;}';//视频左上角网页端暂不支持购物小橙车
    css += '#switch-login-guide-vm {display:none !important;}';//视频区未登录账号时显示登陆提示
    css += '.bilibili-combo-danmaku-container {display:none !important;}';//视频区弹幕连击
    css += '#fullscreen-danmaku-vm {display:none !important;}';//视频区全屏弹幕发送框
//直播间礼物栏
    css += '#gift-control-vm {display:none !important;}';//礼物道具栏
    css += '#web-player__bottom-bar__container {display:none !important;}';//全屏礼物道具栏
//直播间弹幕区
    css += '.chat-history-panel {border-radius:4px 4px 0 0 !important;}';//弹幕区圆角
    //css += '.chat-history-panel {background-color: #ffffff !important;}';//弹幕区背景颜色
    css += '#rank-list-vm {display:none !important;}';//弹幕区礼物榜背景
    css += '#rank-list-ctnr-box {display:none !important;}';//弹幕区顶部礼物榜
    css += '.chat-history-panel {height: calc(100% - 0px - 110px) !important;}';//弹幕区高度调整
    css += '.chat-gift-bubble-vm {display:none !important;}';//弹幕区投喂礼物信息
    css += '.gift-item {display:none !important;}';//弹幕区投喂礼物信息
    css += '.penury-gift-msg {display:none !important;}';//弹幕区底部投喂礼物信息
    css += '.brush-prompt {display:none !important;}';//弹幕区底部其他人进入直播间信息
    css += '.important-prompt-item {display:none !important;}';//弹幕区底部自己进入直播间信息
    css += '.danmaku-buffer-prompt {bottom:110px !important;}';//弹幕区底部未读弹幕提醒位置调整
    css += '.with-penury-gift,.with-brush-prompt {height: -webkit-fill-available !important;}';//弹幕区弹幕上下位移固定
    css += '.guard-buy {display:none !important;}';//弹幕区续费提示
    css += '.danmaku-item {line-height: 0px !important;}';//弹幕行距
    css += '.top3-notice {display:none !important;}';//弹幕区恭喜XX成为高能榜
    css += '.top3-notice.chat-item {display:none !important;}';//恭喜xxx成为高能用户
    css += '.chat-item.common-danmuku-msg.border-box {display:none !important;}';//恭喜主播xxx成为虚拟航海第x名
    css += '.common-danmuku-msg {display:none !important;}';//弹幕区绝杀时刻系统提示弹幕
    css += '.hot-rank-msg {display:none !important;}';//弹幕区榜单系统提示弹幕
    css += '.convention-msg {display:none !important;}';//弹幕区系统提示
    css += '.vip-icon {display:none !important;}';//弹幕区ID前爷徽章
    css += '.rank-icon {display:none !important;}';//弹幕区ID前榜单徽章
    css += '.title-label {display:none !important;}';//弹幕区ID前活动头衔徽章
    css += '.fans-medal-item-ctnr,.fans-medal-item-target {display:none !important;}';//弹幕区ID前粉丝徽章
    //css += '.danmaku-item-left {display: block !important;}';//弹幕区ID与弹幕分两行显示
    css += '.common-nickname-wrapper {font-size: 14px !important;}';//弹幕@用户ID字体大小
    css += '.chat-history-list {font-size: 14px !important;}';//弹幕字体大小
    css += '.danmaku-item {color: #61666d !important;}';//弹幕字体颜色
    css += '.user-name {font-size: 14px !important;}';//弹幕ID字体大小
    css += '.user-name {color: #484c53  !important;}';//弹幕ID字体颜色
    css += '.chat-history-panel .chat-history-list .chat-item.danmaku-item .user-name:hover {color: #f69 !important;}';//弹幕ID鼠标悬停字体颜色
    css += '.chat-history-panel .chat-history-list .chat-item.danmaku-item .danmaku-item-right:hover {color: #f69 !important;}';//弹幕鼠标悬停字体颜色
    css += '.chat-colorful-bubble {margin: 0px 0 !important;}';//弹幕区特权弹幕行距
    css += '.chat-colorful-bubble {background: #00000000 !important;}';//弹幕区特权弹幕背景颜色
    css += '.chat-history-panel .chat-history-list .chat-item.danmaku-item.has-bubble {border-image-source:none!important;}';//弹幕区特权弹幕背景
    css += '.chat-colorful-bubble {border-image-source: none !important;}';//弹幕区特权弹幕背景图片
    css += '.new-video-pk-item-dm {display:none !important;}';//弹幕区PK弹幕广告
    css += '.play-together-service-card-container {display:none !important;}';//弹幕区找他玩消费引导横条
    css += '.chat-history-panel.new {padding-bottom: 0px !important;}';//弹幕区连击互动高度
    css += '.chat-history-panel .chat-history-list.with-brush-prompt {height: calc(100% - 0px) !important;}';//弹幕区连击互动高度
    css += '#combo-card {display:none !important;}';//弹幕区连击互动
    css += '#combo-danmaku-vm {display:none !important;}';//弹幕区连击互动
    css += '.gift-wish-card-root {display:none !important;}';//弹幕区主播今日心愿
    css += '.pay-note-panel .detail-info .mask {background-color: #fff0 !important;border-radius: 4px !important;}';//弹幕区醒目留言展开后背景透明度
    css += '.pay-note-panel {background-color: #0000001a !important;border-radius: 4px !important;}';//弹幕区醒目留言背景颜色
    css += '.card-detail .card-item-middle-bottom {border-radius: 0px 0px 6px 6px !important;}';//弹幕区醒目留言展开后图片圆角
    css += '.card-detail .card-item-middle-bottom .bottom-background {border-radius: 6px !important;}';//弹幕区醒目留言展开后图片角标圆角
    css += '.chat-history-panel .chat-history-list .chat-item.superChat-card-detail .card-item-middle-bottom .bottom-background {border-radius: 6px !important;}';//弹幕区醒目留言图片角标圆角
    css += '.chat-history-panel .chat-history-list .chat-item.danmaku-item .emoticon.bulge img {height: 36px !important;}';//弹幕区表情图片大小
    css += '.live-room-app .app-content .app-body .player-and-aside-area .aside-area {border-radius:4px !important;}';//弹幕区边框圆角
    css += '.ps:hover > .ps__scrollbar-y-rail:hover {background-color: #eeeeee00 !important;opacity: 0.5 !important;}';//弹幕区滚动条触碰时颜色和背景色
    css += '.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-raiy {background-color: #eeeeee00 !important;opacity: 0.5 !important;}';//弹幕区滚动条按下时颜色和背景色
    css += '.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {background-color: #eeeeee00 !important;opacity: 0.5 !important;}';//弹幕区滚动条滚动条滑动时颜色和背景色
    css += '.common-nickname-wrapper {display: contents !important;}';//弹幕区XXX为主播点赞
    css += '#gift-screen-animation-vm {display:none !important;}';//弹幕区礼物动画
//直播间弹幕输入区
    css += '.chat-control-panel {border-radius: 0 0 4px 4px !important;}';//弹幕输入框圆角
    //css += '.chat-control-panel {background-color: #ffffff !important;}';//弹幕输入框背景颜色
    //css += '#combo-card {display:none !important;}';//弹幕框上+1引导发弹幕
    //css += '.bg-bright-filter.chat-control-panel {display:none !important;}';//弹幕输入框
    css += '.super-chat {display:none !important;}';//弹幕输入框醒目留言
    css += '.like-btn {display:none !important;}';//弹幕输入框点赞
    css += '.p-relative.play-together-panel {display:none !important;}';//弹幕输入框一起玩
    //css += '.emoticons-panel {left: -170px !important;}';//弹幕输入框表情位置
    //css += '.mask-pane-free {display:none !important;}';//弹幕输入框表情内获得免费表情提示
    css += '.medal-section {display:none !important;}';//弹幕输入框粉丝徽章
    css += '.chat-input {font-size: 14px !important;}';//弹幕输入框字体大小
    //css += '.chat-input {padding: 8px 5px !important;}';//弹幕输入框位置调整
    css += '.chat-control-panel {height: 120px !important;}';//弹幕输入框高度
    css += '.live-room-app .app-content .app-body .player-and-aside-area .aside-area .chat-control-panel {min-height: 100px !important;}';//弹幕输入框底部高度
    //css += '.input-limit-hint {top: 40px !important;right: 50px !important;}';//弹幕输入框字数限制位置
    css += '.bl-button--small {min-width: 60px !important;}';//弹幕输入框发送按钮宽度
    //css += '.bl-button--small {height: 57px !important;}';//弹幕输入框发送按钮高度
    //css += '.bl-button--small {top: -65px !important;right: 0px !important;}';//弹幕输入框发送按钮位置
    css += '.right-action {top: -100px !important;}';//弹幕输入框发送按钮位置高度
    css += '.emoticons-panel {margin-right: 70px !important;}';//弹幕输入框表情距离输入框右边的距离
    css += '.control-panel-icon-row .icon-right-part {margin-top: 5px !important;}';//弹幕输入框表情位置高度
    css += '.bl-button--primary {border-radius: 24px !important;}';//弹幕输入框发送按钮圆角
    css += '.bl-button--primary {background-color: #f69 !important;}';//弹幕输入框发送按钮颜色
    css += '.gift-block-toast {display:none !important;}';//弹幕输入框关闭礼物特效提醒
    css += '.chat-input-ctnr.chat-input-focus {border: 1px solid  #757575 !important;}';//弹幕输入框内框边框颜色
    //css += '.chat-input-ctnr {background-color: #fbfbfb !important;}';//弹幕输入框文字输入区颜色
    //css += '.chat-input {background-color: #fbfbfb !important;}';//弹幕输入框文字输入区颜色
    css += '#chat-control-panel-vm {background-position: bottom left !important;}';//弹幕输入框背景图片位置
    css += '.voice-rtc {display:none !important;}';//弹幕输入框语音上麦

loadStyle(css)
   function loadStyle(css) {
      var style = document.createElement('style')
      style.type = 'text/css'
      style.rel = 'stylesheet'
      style.appendChild(document.createTextNode(css))
      var head = document.getElementsByTagName('head')[0]
      head.appendChild(style);
   }

})();