Greasy Fork is available in English.
将 scboy.cc 论坛页面重排为低调的文章样式，隐藏所有干扰元素，方便上班摸鱼。
// ==UserScript==
// @name SCBOY 论坛上班摸鱼模式
// @namespace http://tampermonkey.net/
// @version 2.7.1
// @description 将 scboy.cc 论坛页面重排为低调的文章样式，隐藏所有干扰元素，方便上班摸鱼。
// @author olo1999
// @match https://www.scboy.cc/*
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// 'true' 代表开启上班模式 (文章视图), 'false' 代表关闭 (论坛视图)
let isBossMode = GM_getValue('bossModeStateV2', false);
// 注入CSS样式
// 使用 .boss-is-coming 类来控制所有需要隐藏和重排的元素
GM_addStyle(`
/* ========== 上班模式总开关 ========== */
body.boss-is-coming {
background-image: none !important;
background-color: #F0F2F5 !important; /* 一个朴素、常见的浅灰色背景 */
}
/* ========== 1. 隐藏所有视觉和干扰元素 ========== */
.boss-is-coming img, /* 所有图片 */
.boss-is-coming .bg, /* 论坛背景层 */
.boss-is-coming #logo, /* 论坛Logo */
.boss-is-coming .thread-list-item-image, /* 列表中的主题图片 */
.boss-is-coming [class*="emote"], /* 所有表情符号 */
.boss-is-coming [class*="emoji"],
.boss-is-coming .share-component.social-share, /* 社交分享按钮 */
.boss-is-coming .post-signature, /* 帖子底部的签名档 */
.boss-is-coming .post-meta .actions, /* 帖子底部的操作按钮（引用/回复） */
.boss-is-coming .actGotop, /* V2.4: 隐藏返回顶部按钮 */
.boss-is-coming .text-muted.small, /* V2.5 新增: 隐藏主题列表的统计数据 */
.boss-is-coming .thread-list-item .media-body > div:last-child /* V2.5 新增: 隐藏主题列表的最后回复信息 */
{
display: none !important;
visibility: hidden !important;
}
/* ========== 2. 重排布局为文章样式 ========== */
/* 将主内容区域宽度调整为更像文档 */
.boss-is-coming .thread-page .main,
.boss-is-coming .forum-page .main {
max-width: 800px !important; /* 限制最大宽度，类似文档 */
margin: 0 auto !important; /* 居中 */
}
/* 隐藏每个帖子的左侧用户信息栏 */
.boss-is-coming .thread-post .user-info {
display: none !important;
}
/* 让帖子内容区域占据整行 */
.boss-is-coming .thread-post .post-content-wrapper {
width: 100% !important;
margin-left: 0 !important;
}
/* 移除帖子本身的背景和边框，让它们“融合”在一起 */
.boss-is-coming .thread-post {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 15px 0 !important; /* 调整上下间距 */
}
/* 用一条低调的分割线来区分楼层，而不是用卡片 */
.boss-is-coming .thread-post:not(:first-child) {
border-top: 1px solid #ddd !important;
}
/* 低调地显示用户名和楼层 */
.boss-is-coming .post-meta .username,
.boss-is-coming .post-meta .post-num {
font-size: 14px !important;
font-weight: bold;
color: #555 !important;
}
.boss-is-coming .post-meta .date {
color: #999 !important;
}
/* 让帖子内容文字更易读 */
.boss-is-coming .post-content .message {
font-size: 16px !important;
line-height: 1.8 !important;
color: #333 !important;
}
/* ========== 3. 隐藏右侧边栏，并将主内容区扩展到100% ========== */
/* 隐藏右侧边栏本身 */
.boss-is-coming .col-lg-3.aside {
display: none !important;
}
/* 让左侧主内容区填满宽度 */
.boss-is-coming .col-lg-9 {
width: 100% !important;
max-width: 100% !important; /* 覆盖 bootstrap 的 max-width */
flex: 0 0 100% !important; /* 覆盖 bootstrap 的 flex-basis */
}
/* ========== 4. 移除道具（土豆雷等）的内联背景图 ========== */
/* 使用属性选择器[style*="background"]来匹配所有带内联背景样式的div，并强行覆盖 */
.boss-is-coming .message div[style*="background"] {
background-image: none !important;
background: transparent !important; /* 彻底移除背景 */
min-height: 0 !important; /* 移除为了显示背景而设置的最小高度 */
}
`);
// 创建切换按钮 (代码无变化)
const toggleButton = document.createElement('button');
document.body.appendChild(toggleButton);
// 更新按钮文字和页面样式的函数 (代码无变化)
const updateMode = () => {
if (isBossMode) {
document.body.classList.add('boss-is-coming');
toggleButton.textContent = '摸鱼模式';
Object.assign(toggleButton.style, {
backgroundColor: '#28a745', // 绿色，表示安全
color: 'white',
});
} else {
document.body.classList.remove('boss-is-coming');
toggleButton.textContent = '上班模式';
Object.assign(toggleButton.style, {
backgroundColor: '#dc3545', // 红色，表示“危险”
color: 'white',
});
}
};
// 设置按钮的固定样式 (代码无变化)
Object.assign(toggleButton.style, {
position: 'fixed',
bottom: '20px',
right: '20px',
zIndex: '9999',
padding: '10px 15px',
border: 'none',
borderRadius: '5px',
cursor: 'pointer',
fontSize: '14px',
boxShadow: '0 2px 5px rgba(0,0,0,0.2)',
transition: 'background-color 0.3s',
});
// 按钮点击事件 (代码无变化)
toggleButton.addEventListener('click', () => {
isBossMode = !isBossMode;
GM_setValue('bossModeStateV2', isBossMode);
updateMode();
});
// 页面加载时立即应用保存的模式 (代码无变化)
updateMode();
})();