// ==UserScript== // @name Codeforces Better! // @namespace https://greasyfork.org/users/747162 // @version 1.69 // @description Codeforces界面汉化、黑暗模式支持、题目翻译、markdown视图、一键复制题目、跳转到洛谷、评论区分页、ClistRating分显示、榜单重新着色 // @author 北极小狐 // @match *://*.codeforces.com/* // @match *://*.codeforc.es/* // @run-at document-start // @connect www2.deepl.com // @connect www.iflyrec.com // @connect m.youdao.com // @connect api.interpreter.caiyunai.com // @connect translate.google.com // @connect openai.api2d.net // @connect api.openai.com // @connect www.luogu.com.cn // @connect clist.by // @connect greasyfork.org // @connect * // @grant GM_xmlhttpRequest // @grant GM_info // @grant GM_setValue // @grant GM_getValue // @grant GM_deleteValue // @grant GM_addStyle // @grant GM_setClipboard // @icon https://aowuucdn.oss-cn-beijing.aliyuncs.com/codeforces.png // @require https://cdn.staticfile.org/turndown/7.1.2/turndown.min.js // @require https://cdn.staticfile.org/markdown-it/13.0.1/markdown-it.min.js // @require https://cdn.bootcdn.net/ajax/libs/crypto-js/4.1.1/crypto-js.min.js // @require https://cdn.staticfile.org/chroma-js/2.4.2/chroma.min.js // @license MIT // @compatible Chrome // @compatible Firefox // @compatible Edge // @incompatible safari // @supportURL https://github.com/beijixiaohu/OJBetter/issues // @downloadURL none // ==/UserScript== // 状态与初始化 const getGMValue = (key, defaultValue) => { const value = GM_getValue(key); if (value === undefined || value === "") { GM_setValue(key, defaultValue); return defaultValue; } return value; }; var darkMode = getGMValue("darkMode", "follow"); var is_mSite, is_acmsguru, is_oldLatex, is_contest, is_problem, is_problemset, is_cfStandings; var bottomZh_CN, showLoading, hoverTargetAreaDisplay, expandFoldingblocks, renderPerfOpt, translation, commentTranslationChoice; var openai_model, openai_key, openai_proxy, openai_header, openai_data, opneaiConfig; var commentTranslationMode, retransAction, transWaitTime, replaceSymbol, commentPaging, showJumpToLuogu, loaded; var showClistRating_contest, showClistRating_problem, showClistRating_problemset, RatingHidden, clist_Authorization; var standingsRecolor; function init() { const { hostname, href } = window.location; is_mSite = hostname.startsWith('m'); is_oldLatex = $('.tex-span').length; is_acmsguru = href.includes("acmsguru") && href.includes('/problem/'); is_contest = /\/contest\/[\d\/\s]+$/.test(href) && !href.includes('/problem/'); is_problem = href.includes('/problem/'); is_problemset = href.includes('/problemset') && !href.includes('/problem/'); is_cfStandings = href.includes('/standings') && $('.standings tr:first th:nth-child(n+5)') .map(function () { return $(this).find('span').text(); }) .get() .every(score => /^[0-9]+$/.test(score)); bottomZh_CN = getGMValue("bottomZh_CN", true); showLoading = getGMValue("showLoading", true); hoverTargetAreaDisplay = getGMValue("hoverTargetAreaDisplay", false); expandFoldingblocks = getGMValue("expandFoldingblocks", true); renderPerfOpt = getGMValue("renderPerfOpt", false); commentPaging = getGMValue("commentPaging", true); showJumpToLuogu = getGMValue("showJumpToLuogu", true); standingsRecolor = getGMValue("standingsRecolor", true); loaded = getGMValue("loaded", false); translation = getGMValue("translation", "deepl"); commentTranslationMode = getGMValue("commentTranslationMode", "0"); commentTranslationChoice = getGMValue("commentTranslationChoice", "0"); retransAction = getGMValue("retransAction", "0"); transWaitTime = getGMValue("transWaitTime", "200"); replaceSymbol = getGMValue("replaceSymbol", "2"); showClistRating_contest = getGMValue("showClistRating_contest", false); showClistRating_problem = getGMValue("showClistRating_problem", false); showClistRating_problemset = getGMValue("showClistRating_problemset", false); RatingHidden = getGMValue("RatingHidden", false); clist_Authorization = getGMValue("clist_Authorization", ""); //openai opneaiConfig = getGMValue("chatgpt-config", { "choice": -1, "configurations": [] }); if (opneaiConfig.choice !== -1 && opneaiConfig.configurations.length !== 0) { const configAtIndex = opneaiConfig.configurations[opneaiConfig.choice]; if (configAtIndex == undefined) { let existingConfig = GM_getValue('chatgpt-config'); existingConfig.choice = 0; GM_setValue('chatgpt-config', existingConfig); location.reload(); } openai_model = configAtIndex.model; openai_key = configAtIndex.key; openai_proxy = configAtIndex.proxy; openai_header = configAtIndex._header ? configAtIndex._header.split("\n").map(header => { const [key, value] = header.split(":"); return { [key.trim()]: value.trim() }; }) : []; openai_data = configAtIndex._data ? configAtIndex._data.split("\n").map(header => { const [key, value] = header.split(":"); return { [key.trim()]: value.trim() }; }) : []; } } // 显示警告消息 function ShowAlertMessage() { if (is_oldLatex) { let newElement = $("
").addClass("alert alert-warning ojbetter-alert") .html(`Codeforces Better! —— 注意:当前页面存在未保存原 LaTeX 代码的 LaTeX 公式(这通常是一道古老的题目),这导致脚本无法将其还原回 LaTeX,因此当前页面部分功能不适用。除非你现在需要翻译超长篇的博客或者题目,否则请前往设置切换为普通模式
`) .css({ "margin": "1em", "text-align": "center", "position": "relative" }); $(".menu-box:first").next().after(newElement); } if (commentTranslationMode == "2") { let newElement = $("").addClass("alert alert-error CFBetter_alert") .html(`Codeforces Better! —— 注意!当前为选段翻译模式,只会翻译目标区域内已选中的部分,点击段落以选中(橙色框)如果你现在不需要翻译超长篇的博客或者题目,建议你请前往设置切换为普通模式
`) .css({ "margin": "1em", "text-align": "center", "position": "relative" }); $(".menu-box:first").next().after(newElement); } } // 常量 const helpCircleHTML = ''; const unfoldIcon = ``; const putawayIcon = ``; const closeIcon = ``; const copyIcon = ``; const copyedIcon = ``; const translateIcon = ``; const clistIcon = ``; const darkenPageStyle = `body::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 100; }`; const darkenPageStyle2 = `body::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 300; }`; // 报错信息捕获 /*let errorMessages = ""; const defaultError = console.error.bind(console); console.error = (message) => { const error = new Error(); const stack = error.stack.split("\n").slice(2).join("\n"); const now = new Date().toLocaleString(); errorMessages += "\n## " + message + "\n### time: " + now +"\n" + stack + "\n"; defaultError(message); }; window.onerror = (message, source, lineno, colno, error) => { const now = new Date().toLocaleString(); errorMessages += "\n## " + message + "\n### time: " + now +"\n" + error.stack + "\n"; defaultError(message); return true; };*/ // 切换系统黑暗监听 const mediaQueryList = window.matchMedia('(prefers-color-scheme: dark)'); const changeEventListeners = []; function handleColorSchemeChange(event) { const newColorScheme = event.matches ? $('html').attr('data-theme', 'dark') : $('html').attr('data-theme', 'light'); if (!event.matches) { var originalColor = $(this).data("original-color"); $(this).css("background-color", originalColor); } } // 黑暗模式 (function setDark() { // 初始化 function setDarkTheme() { const htmlElement = document.querySelector('html'); if (htmlElement) { htmlElement.setAttribute('data-theme', 'dark'); } else { setTimeout(setDarkTheme, 100); } } if (darkMode == "dark") { setDarkTheme(); } else if (darkMode == "follow") { // 添加事件监听器 changeEventListeners.push(handleColorSchemeChange); mediaQueryList.addEventListener('change', handleColorSchemeChange); if (window.matchMedia('(prefers-color-scheme: dark)').matches) setDarkTheme(); } GM_addStyle(` /* 黑暗支持 */ html[data-theme=dark]:root { color-scheme: light dark; } /* 文字颜色1 */ html[data-theme=dark] .title,html[data-theme=dark] .problem-statement, html[data-theme=dark] .ttypography, html[data-theme=dark] .roundbox, html[data-theme=dark] .info, html[data-theme=dark] .ttypography .bordertable, html[data-theme=dark] .ttypography .bordertable thead th, html[data-theme=dark] .ttypography h1, html[data-theme=dark] .ttypography h2, html[data-theme=dark] .ttypography h3, html[data-theme=dark] .ttypography h4, html[data-theme=dark] .ttypography h5, html[data-theme=dark] .ttypography h6 html[data-theme=dark] .datatable table, html[data-theme=dark] .problem-statement .sample-tests pre, html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error, html[data-theme=dark] .alert-warning, html[data-theme=dark] .markItUpEditor, html[data-theme=dark] #pageContent, html[data-theme=dark] .ace-chrome .ace_gutter, html[data-theme=dark] .translate-problem-statement, html[data-theme=dark] .setting-name, html[data-theme=dark] .CFBetter_setting_menu, html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] textarea, html[data-theme=dark] .user-black, html[data-theme=dark] .comments label.show-archived, html[data-theme=dark] .comments label.show-archived *, html[data-theme=dark] table, html[data-theme=dark] #items-per-page, html[data-theme=dark] #pagBar, html[data-theme=dark] .CFBetter_setting_sidebar li a:link, html[data-theme=dark] .popup .content{ color: #a0adb9 !important; } html[data-theme=dark] h1 a, html[data-theme=dark] h2 a, html[data-theme=dark] h3 a, html[data-theme=dark] h4 a{ color: #adbac7; } /* 文字颜色2 */ html[data-theme=dark] .contest-state-phase, html[data-theme=dark] .legendary-user-first-letter, html[data-theme=dark] .lang-chooser, html[data-theme=dark] .second-level-menu-list li a, html[data-theme=dark] #footer, html[data-theme=dark] .ttypography .tt, html[data-theme=dark] select, html[data-theme=dark] .roundbox .caption, html[data-theme=dark] .topic .title *, html[data-theme=dark] .user-admin, html[data-theme=dark] button.html2mdButton:hover, html[data-theme=dark] .CFBetter_modal button{ color: #9099a3 !important; } /* 文字颜色3 */ html[data-theme=dark] button.html2mdButton, html[data-theme=dark] #program-source-text-copy{ color: #6385a6; } html[data-theme=dark] input{ color: #6385a6 !important; } /* 文字颜色4 */ html[data-theme=dark] .ttypography .MathJax, html[data-theme=dark] .MathJax span{ color: #cbd6e2 !important; } /* 链接颜色 */ html[data-theme=dark] a:link { color: #3989c9; } html[data-theme=dark] a:visited { color: #8590a6; } html[data-theme=dark] .menu-box a, html[data-theme=dark] .sidebox th a{ color: #9099a3 !important; } /* 按钮 */ html[data-theme=dark] .second-level-menu-list li.backLava { border-radius: 6px; overflow: hidden; filter: invert(1) hue-rotate(.5turn); } html[data-theme=dark] input:hover{ background-color: #22272e !important; } /* 背景层次1 */ html[data-theme=dark] body, html[data-theme=dark] .ttypography .bordertable thead th, html[data-theme=dark] .datatable table, html[data-theme=dark] .datatable .dark, html[data-theme=dark] li#add_button, html[data-theme=dark] .problem-statement .sample-tests pre, html[data-theme=dark] .markItUpEditor, html[data-theme=dark] .SumoSelect>.CaptionCont, html[data-theme=dark] .SumoSelect>.optWrapper, html[data-theme=dark] .SumoSelect>.optWrapper.multiple>.options li.opt span i, html[data-theme=dark] .ace_scroller, html[data-theme=dark] .CFBetter_setting_menu, html[data-theme=dark] .help_tip .tip_text, html[data-theme=dark] li#add_button:hover, html[data-theme=dark] textarea, html[data-theme=dark] .state, html[data-theme=dark] .ace-chrome .ace_gutter-active-line, html[data-theme=dark] .sidebar-menu ul li:hover, html[data-theme=dark] .sidebar-menu ul li.active, html[data-theme=dark] label.config_bar_ul_li_text:hover, html[data-theme=dark] button.html2mdButton:hover, html[data-theme=dark] .CFBetter_setting_sidebar li a.active, html[data-theme=dark] .CFBetter_setting_sidebar li, html[data-theme=dark] .CFBetter_setting_menu::-webkit-scrollbar-track, html[data-theme=dark] .CFBetter_setting_content::-webkit-scrollbar-track, html[data-theme=dark] .CFBetter_modal, html[data-theme=dark] .CFBetter_modal button:hover, html[data-theme=dark] .popup .content, html[data-theme=dark] .file.input-view .text, html[data-theme=dark] .file.output-view .text, html[data-theme=dark] .file.answer-view .text, html[data-theme=dark] .file.checker-comment-view .text, html[data-theme=dark] #config_bar_list{ background-color: #22272e !important; } /* 背景层次2 */ html[data-theme=dark] .roundbox, html[data-theme=dark] .roundbox .dark, html[data-theme=dark] .bottom-links, html[data-theme=dark] button.html2mdButton, html[data-theme=dark] .spoiler-content, html[data-theme=dark] input, html[data-theme=dark] .problem-statement .test-example-line-even, html[data-theme=dark] .highlight-blue, html[data-theme=dark] .ttypography .tt, html[data-theme=dark] select, html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error, html[data-theme=dark] .alert-warning, html[data-theme=dark] .SumoSelect>.optWrapper>.options li.opt:hover, html[data-theme=dark] .input-output-copier:hover, html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .aceEditorTd, html[data-theme=dark] .ace-chrome .ace_gutter, html[data-theme=dark] .translate-problem-statement, html[data-theme=dark] .datatable, html[data-theme=dark] .CFBetter_setting_list, html[data-theme=dark] .CFBetter_setting_menu hr, html[data-theme=dark] .highlighted-row td, html[data-theme=dark] .highlighted-row th, html[data-theme=dark] .pagination span.active, html[data-theme=dark] .CFBetter_setting_sidebar li a, html[data-theme=dark] .CFBetter_setting_menu::-webkit-scrollbar-thumb, html[data-theme=dark] .CFBetter_setting_content::-webkit-scrollbar-thumb, html[data-theme=dark] .CFBetter_modal button, html[data-theme=dark] .test-for-popup pre, html[data-theme=dark] .popup .content pre, html[data-theme=dark] .popup .content pre code, html[data-theme=dark] ul#config_bar_ul::-webkit-scrollbar-thumb{ background-color: #2d333b !important; } /* 实线边框颜色-圆角 */ html[data-theme=dark] .roundbox, html[data-theme=dark] .roundbox .rtable td, html[data-theme=dark] button.html2mdButton, html[data-theme=dark] .sidebar-menu ul li, html[data-theme=dark] input, html[data-theme=dark] .ttypography .tt, html[data-theme=dark] #items-per-page, html[data-theme=dark] .datatable td, html[data-theme=dark] .datatable th, html[data-theme=dark] .alert-success, html[data-theme=dark] .alert-info, html[data-theme=dark] .alert-error, html[data-theme=dark] .alert-warning, html[data-theme=dark] .translate-problem-statement, html[data-theme=dark] textarea, html[data-theme=dark] .input-output-copier{ border: 1px solid #424b56 !important; border-radius: 2px; } /* 实线边框颜色-无圆角 */ html[data-theme=dark] .CFBetter_setting_list, html[data-theme=dark] #config_bar_list, html[data-theme=dark] label.config_bar_ul_li_text, html[data-theme=dark] .problem-statement .sample-tests .input, html[data-theme=dark] .problem-statement .sample-tests .output, html[data-theme=dark] .pagination span.active, html[data-theme=dark] .CFBetter_setting_sidebar li, html[data-theme=dark] .CFBetter_setting_menu select, html[data-theme=dark] .translate-problem-statement-panel, html[data-theme=dark] .CFBetter_modal button, html[data-theme=dark] .test-for-popup pre{ border: 1px solid #424b56 !important; } html[data-theme=dark] .roundbox .titled, html[data-theme=dark] .roundbox .rtable th { border-bottom: 1px solid #424b56 !important; } html[data-theme=dark] .roundbox .bottom-links, html[data-theme=dark] #footer{ border-top: 1px solid #424b56 !important; } html[data-theme=dark] .topic .content { border-left: 4px solid #424b56 !important; } html[data-theme=dark] .CFBetter_setting_sidebar { border-right: 1px solid #424b56 !important; } html[data-theme=dark] hr { border-color: #424b56 !important; } /* 虚线边框颜色 */ html[data-theme=dark] .comment-table, html[data-theme=dark] li#add_button, html[data-theme=dark] .CFBetter_setting_menu_label_text{ border: 1px dashed #424b56 !important; } html[data-theme=dark] li#add_button:hover{ border: 1px dashed #03A9F4 !important; background-color: #2d333b !important; color: #03A9F4 !important; } /* focus-visible */ html[data-theme=dark] input:focus-visible, html[data-theme=dark] textarea, html[data-theme=dark] select{ border-width: 1.5px !important; outline: none; } /* 图片-亮度 */ html[data-theme=dark] img, html[data-theme=dark] #facebox .popup a{ opacity: .75; } /* 反转 */ html[data-theme=dark] .SumoSelect>.CaptionCont>label>i, html[data-theme=dark] .delete-resource-link, html[data-theme=dark] #program-source-text, html[data-theme=dark] .spoiler-content pre, html[data-theme=dark] .popup .content pre code{ filter: invert(1) hue-rotate(.5turn); } /* 区域遮罩 */ html[data-theme=dark] .overlay { background: repeating-linear-gradient(135deg, #49525f6e, #49525f6e 30px, #49525f29 0px, #49525f29 55px); color: #9099a3; text-shadow: 0px 0px 2px #000000; } /* 其他样式 */ html[data-theme=dark] .rated-user{ display: initial; } html[data-theme=dark] .datatable .ilt, html[data-theme=dark] .datatable .irt, html[data-theme=dark] .datatable .ilb, html[data-theme=dark] .datatable .irb, html[data-theme=dark] .datatable .lt, html[data-theme=dark] .datatable .rt, html[data-theme=dark] .datatable .lb, html[data-theme=dark] .datatable .rb{ background: none; } html[data-theme=dark] .problems .accepted-problem td.id{ border-left: 6px solid #47837d !important; } html[data-theme=dark] .problems .rejected-problem td.id{ border-left: 6px solid #ef9a9a !important; } html[data-theme=dark] .problems .accepted-problem td.act { background-color: #47837d !important; border-radius: 0px; } html[data-theme=dark] .problems .rejected-problem td.act{ background-color: #ef9a9a !important; border-radius: 0px; } html[data-theme=dark] .CFBetter_setting_menu, html[data-theme=dark] .CFBetter_modal{ box-shadow: 0px 0px 0px 4px #2d333b; border: 1px solid #2d333b; } html[data-theme=dark] .collapsible-topic.collapsed .content .collapsible-topic-options:before{ background-image: linear-gradient(#22272e00, #22272e); } html[data-theme=dark] .alert{ text-shadow: none; } html[data-theme=dark] input[type="radio"]:checked+.CFBetter_setting_menu_label_text { color: #a0adb9 !important; border: 1px solid #326154 !important; } /* 评测状态文字颜色 */ html[data-theme=dark] .verdict-accepted, html[data-theme=dark] .verdict-accepted-challenged, html[data-theme=dark] .verdict-successful-challenge{ color: #0a0 !important; } html[data-theme=dark] .verdict-failed, html[data-theme=dark] .verdict-challenged{ color: red !important; } html[data-theme=dark] .verdict-rejected, html[data-theme=dark] .verdict-unsuccessful-challenge{ color: #673ab7 !important; } html[data-theme=dark] .verdict-waiting { color: gray !important; } `); })() // 样式 GM_addStyle(` html { scroll-behavior: smooth; } :root { --vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } span.mdViewContent { white-space: pre-wrap; } /*翻译区域提示*/ .overlay { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(135deg, #97e7cacc, #97e7cacc 30px, #e9fbf1cc 0px, #e9fbf1cc 55px); border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #00695C; font-size: 16px; font-weight: bold; text-shadow: 0px 0px 2px #edfcf4; } /*翻译div*/ .translate-problem-statement { justify-items: start; letter-spacing: 1.8px; color: #059669; background-color: #f9f9fa; border: 1px solid #c5ebdf; box-shadow: 0px 0px 0.5px 0.5px #defdf3; border-radius: 0rem 0rem 0.3rem 0.3rem; padding: 5px; margin: -5px 0px 6px 0px; width: 100%; box-sizing: border-box; font-size: 13px; } .translate-problem-statement.error_translate { color: red; border-color: red; } .translate-problem-statement a, .translate-problem-statement a:link { color: #10b981; font-weight: 600; background: 0 0; text-decoration: none; } .translate-problem-statement ol, .translate-problem-statement ul { display: grid; margin-inline-start: 0.8em; margin-block-start: 0em; margin: 0.5em 0 0 3em; } .translate-problem-statement li { display: list-item; height: auto; word-wrap: break-word; } .translate-problem-statement ol li { list-style-type: auto; } .translate-problem-statement ul li { list-style-type: disc; } .translate-problem-statement img { max-width: 100.0%; max-height: 100.0%; } .ttypography .translate-problem-statement .MathJax { color: #059669!important; } .translate-problem-statement span.math { margin: 0px 2.5px !important; } .translate-problem-statement a:hover { background-color: #800; color: #fff; text-decoration: none; } .translate-problem-statement-panel{ display: flex; justify-content: space-between; background-color: #f9f9fa; border: 1px solid #c5ebdf; box-shadow: 0px 0px 0.5px 0.5px #defdf3; border-radius: 0.3rem; margin: 4px 0px; } .html2md-panel { display: flex; justify-content: flex-end; align-items: center; } .html2md-panel a { text-decoration: none; } .html2mdButton { display: flex; align-items: center; cursor: pointer; background-color: #ffffff; color: #606266; height: 22px; width: auto; font-size: 13px; border-radius: 0.3rem; padding: 1px 5px; margin: 5px !important; border: 1px solid #dcdfe6; } .html2mdButton:hover { color: #409eff; border-color: #409eff; background-color: #f1f8ff; } button.html2mdButton.copied { background-color: #f0f9eb; color: #67c23e; border: 1px solid #b3e19d; } button.html2mdButton.mdViewed { background-color: #fdf6ec; color: #e6a23c; border: 1px solid #f3d19e; } button.html2mdButton.error { background-color: #fef0f0; color: #f56c6c; border: 1px solid #fab6b6; } button.translated { background-color: #f0f9eb; color: #67c23e; border: 1px solid #b3e19d; } button.html2mdButton.reTranslation { background-color: #f4f4f5; color: #909399; border: 1px solid #c8c9cc; } .topText { display: flex; margin-left: 5px; color: #9e9e9e; font-size: 13px; align-items: center; } .borderlessButton{ display: flex; align-items: center; margin: 2.5px 7px; fill: #9E9E9E; } .borderlessButton:hover{ cursor: pointer; fill: #059669; } .translate-problem-statement table { border: 1px #ccc solid !important; margin: 1.5em 0 !important; color: #059669 !important; } .translate-problem-statement table thead th { border: 1px #ccc solid !important; color: #059669 !important; } .translate-problem-statement table td { border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 0.7143em 0.5em; } .translate-problem-statement table th { padding: 0.7143em 0.5em; } .translate-problem-statement p:not(:first-child) { margin: 1.5em 0 0; } .translate-problem-statement p { line-height: 20px !important; } .problem-statement p:last-child { margin-bottom: 0px !important; } /*设置面板*/ header .enter-or-register-box, header .languages { position: absolute; right: 170px; } button.html2mdButton.CFBetter_setting { float: right; height: 30px; background: #60a5fa; color: white; margin: 10px; border: 0px; } button.html2mdButton.CFBetter_setting.open { background-color: #e6e6e6; color: #727378; cursor: not-allowed; } .CFBetter_setting_menu { z-index: 200; box-shadow: 0px 0px 0px 4px #ffffff; display: grid; position: fixed; top: 50%; left: 50%; width: 485px; height: 600px; transform: translate(-50%, -50%); border-radius: 6px; background-color: #f0f4f9; border-collapse: collapse; border: 1px solid #ffffff; color: #697e91; font-family: var(--vp-font-family-base); padding: 10px 20px 20px 10px; box-sizing: content-box; } .CFBetter_setting_menu h3 { margin-top: 10px; } .CFBetter_setting_menu h4 { margin: 15px 0px 10px 0px; } .CFBetter_setting_menu h4,.CFBetter_setting_menu h5 { font-weight: 600; } .CFBetter_setting_menu hr { border: none; height: 1px; background-color: #ccc; margin: 10px 0; } .CFBetter_setting_menu .badge { border-radius: 4px; border: 1px solid #009688; color: #009688; font-size: 12px; padding: 0.5px 4px; margin-left: 5px; margin-right: auto; } /* 页面切换 */ .settings-page { display: none; } .settings-page.active { display: block; } .CFBetter_setting_container { display: flex; } .CFBetter_setting_sidebar { width: 100px; padding: 6px 10px 6px 6px; margin: 20px 0px; border-right: 1px solid #d4d8e9; } .CFBetter_setting_content { flex-grow: 1; width: 350px; margin: 20px 0px 0px 20px; padding-right: 10px; max-height: 580px; overflow-y: auto; box-sizing: border-box; } .CFBetter_setting_sidebar h3 { margin-top: 0; } .CFBetter_setting_sidebar hr { margin-top: 10px; margin-bottom: 10px; border: none; border-top: 1px solid #DADCE0; } .CFBetter_setting_sidebar ul { list-style-type: none; margin: 0; padding: 0; } .CFBetter_setting_sidebar li { margin: 5px 0px; background-color: #ffffff; border: 1px solid #d4d8e9; border-radius: 4px; font-size: 16px; } .CFBetter_setting_sidebar li a { text-decoration: none; display: flex; width: 100%; color: gray; letter-spacing: 2px; padding: 7px; border-radius: 4px; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .CFBetter_setting_sidebar li a.active { background-color: #eceff1c7; } /* 下拉选择框 */ .CFBetter_setting_menu select { margin-left: 6px; border-style: solid; border-color: #26A69A; color: #009688; font-size: 15px; } .CFBetter_setting_menu select:focus-visible { outline: none; } /* 数值输入框 */ .CFBetter_setting_menu input[type="number"] { width: 60px; border: 1px solid #26A69A; color: #009688; font-size: 15px; } .CFBetter_setting_menu input[type="number"]:focus-visible { outline: none; } /*设置面板-滚动条*/ .CFBetter_setting_menu::-webkit-scrollbar, .CFBetter_setting_content::-webkit-scrollbar { width: 5px; height: 7px; background-color: #aaa; } .CFBetter_setting_menu::-webkit-scrollbar-thumb, .CFBetter_setting_content::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #d7d9e4; } .CFBetter_setting_menu::-webkit-scrollbar-track, .CFBetter_setting_content::-webkit-scrollbar-track { background-color: #f1f1f1; } /*设置面板-关闭按钮*/ .CFBetter_setting_menu .tool-box { position: absolute; align-items: center; justify-content: center; width: 20px; height: 20px; overflow: hidden; border-radius: 10px; top: 3px; right: 3px; } .CFBetter_setting_menu .btn-close { display: flex; text-align: center; width: 20px; height: 20px; color: transparent; font-size: 0; cursor: pointer; background-color: #ff000080; border: none; margin: 0px; padding: 0px; overflow: hidden; transition: .15s ease all; align-items: center; justify-content: center; box-sizing: border-box; } .CFBetter_setting_menu .btn-close:hover { width: 20px; height: 20px !important; font-size: 17px; color: #ffffff; background-color: #ff0000cc; box-shadow: 0 5px 5px 0 #00000026; } .CFBetter_setting_menu .btn-close:active { width: 20px; height: 20px; font-size: 1px; color: #ffffffde; --shadow-btn-close: 0 3px 3px 0 #00000026; box-shadow: var(--shadow-btn-close); } /*设置面板-checkbox*/ .CFBetter_setting_menu input[type=checkbox]:focus { outline: 0px; } .CFBetter_setting_menu input[type="checkbox"] { margin: 0px; appearance: none; -webkit-appearance: none; width: 40px; height: 20px !important; border: 1.5px solid #D7CCC8; padding: 0px !important; border-radius: 20px; background: #efebe978; position: relative; box-sizing: border-box; } .CFBetter_setting_menu input[type="checkbox"]::before { content: ""; width: 14px; height: 14px; background: #D7CCC8; border: 1.5px solid #BCAAA4; border-radius: 50%; position: absolute; top: 0; left: 0; transform: translate(2%, 2%); transition: all 0.3s ease-in-out; } .CFBetter_setting_menu input[type="checkbox"]::after { content: url("data:image/svg+xml,%3Csvg xmlns='://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.55021 5.84315L17.1568 16.4498L16.4497 17.1569L5.84311 6.55026L6.55021 5.84315Z' fill='%23EA0707' fill-opacity='0.89'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1567 6.55021L6.55012 17.1568L5.84302 16.4497L16.4496 5.84311L17.1567 6.55021Z' fill='%23EA0707' fill-opacity='0.89'/%3E%3C/svg%3E"); position: absolute; top: 0; left: 24px; } .CFBetter_setting_menu input[type="checkbox"]:checked { border: 1.5px solid #C5CAE9; background: #E8EAF6; } .CFBetter_setting_menu input[type="checkbox"]:checked::before { background: #C5CAE9; border: 1.5px solid #7986CB; transform: translate(122%, 2%); transition: all 0.3s ease-in-out; } .CFBetter_setting_menu input[type="checkbox"]:checked::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 15 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8185 0.114533C15.0314 0.290403 15.0614 0.605559 14.8855 0.818454L5.00187 12.5L0.113036 6.81663C-0.0618274 6.60291 -0.0303263 6.2879 0.183396 6.11304C0.397119 5.93817 0.71213 5.96967 0.886994 6.18339L5.00187 11L14.1145 0.181573C14.2904 -0.0313222 14.6056 -0.0613371 14.8185 0.114533Z' fill='%2303A9F4' fill-opacity='0.9'/%3E%3C/svg%3E"); position: absolute; top: 1.5px; left: 4.5px; } .CFBetter_setting_menu label, #darkMode_span, #loaded_span { font-size: 16px; } .CFBetter_setting_list { display: flex; align-items: center; padding: 10px; margin: 5px 0px; background-color: #ffffff; border-bottom: 1px solid #c9c6c696; border-radius: 8px; justify-content: space-between; } /*设置面板-radio*/ .CFBetter_setting_menu #translation-settings label { list-style-type: none; padding-inline-start: 0px; overflow-x: auto; max-width: 100%; margin: 3px 0px; } .CFBetter_setting_menu_label_text { display: flex; border: 1px dashed #00aeeccc; height: 35px; width: 100%; color: #6e6e6e; font-weight: 300; font-size: 14px; letter-spacing: 2px; padding: 7px; margin-bottom: 4px; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"]:checked+.CFBetter_setting_menu_label_text { background: #41e49930; border: 1px solid green; color: green; text-shadow: 0px 0px 0.5px green; } .CFBetter_setting_menu label input[type="radio"], .CFBetter_contextmenu label input[type="radio"]{ appearance: none; list-style: none; padding: 0px !important; margin: 0px; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .CFBetter_setting_menu input[type="text"] { display: block; height: 25px !important; width: 100%; background-color: #ffffff; color: #727378; font-size: 12px; border-radius: 0.3rem; padding: 1px 5px !important; box-sizing: border-box; margin: 5px 0px 5px 0px; border: 1px solid #00aeeccc; box-shadow: 0 0 1px #0000004d; } .CFBetter_setting_menu .CFBetter_setting_list input[type="text"] { margin-left: 5px; } .CFBetter_setting_menu input[type="text"]:focus-visible{ border-style: solid; border-color: #3f51b5; outline: none; } .CFBetter_setting_menu_input { width: 100%; display: grid; margin-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .CFBetter_setting_menu input::placeholder { color: #727378; } .CFBetter_setting_menu input.no_default::placeholder{ color: #BDBDBD; } .CFBetter_setting_menu input.is_null::placeholder{ color: red; border-width: 1.5px; } .CFBetter_setting_menu input.is_null{ border-color: red; } .CFBetter_setting_menu textarea { display: block; width: 100%; height: 60px; background-color: #ffffff; color: #727378; font-size: 12px; padding: 1px 5px !important; box-sizing: border-box; margin: 5px 0px 5px 0px; border: 1px solid #00aeeccc; box-shadow: 0 0 1px #0000004d; } .CFBetter_setting_menu textarea:focus-visible{ border-style: solid; border-color: #3f51b5; outline: none; } .CFBetter_setting_menu textarea::placeholder{ color: #BDBDBD; font-size: 14px; } .CFBetter_setting_menu #save { cursor: pointer; display: inline-flex; padding: 5px; background-color: #1aa06d; color: #ffffff; font-size: 14px; line-height: 1.5rem; font-weight: 500; justify-content: center; width: 100%; border-radius: 0.375rem; border: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin-top: 20px } .CFBetter_setting_menu button#debug_button.debug_button { width: 18%; } .CFBetter_setting_menu span.tip { color: #999; font-size: 12px; font-weight: 500; padding: 5px 0px; } /*设置面板-tip*/ .help_tip { margin-right: auto; } span.input_label { font-size: 14px; } .help_tip .tip_text { display: none; position: absolute; color: #697e91; font-weight: 400; font-size: 14px; letter-spacing: 0px; background-color: #ffffff; padding: 10px; margin: 5px 0px; border-radius: 4px; border: 1px solid #e4e7ed; box-shadow: 0px 0px 12px rgba(0, 0, 0, .12); z-index: 100; } .help_tip .tip_text p { margin-bottom: 5px; } .help_tip .tip_text:before { content: ""; position: absolute; top: -20px; right: -10px; bottom: -10px; left: -10px; z-index: -1; } .help-icon { cursor: help; width: 15px; color: #b4b9d4; margin-left: 5px; margin-top: 3px; } .CFBetter_setting_menu .CFBetter_setting_menu_label_text .help_tip .help-icon { color: #7fbeb2; } .help_tip .help-icon:hover + .tip_text, .help_tip .tip_text:hover { display: block; cursor: help; width: 250px; } /*确认弹窗*/ .CFBetter_modal { z-index: 600; display: grid; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; font-family: var(--vp-font-family-base); padding: 10px 20px; box-shadow: 0px 0px 0px 4px #ffffff; border-radius: 6px; background-color: #f0f4f9; border-collapse: collapse; border: 1px solid #ffffff; color: #697e91; } .CFBetter_modal .buttons{ display: flex; padding-top: 15px; } .CFBetter_modal button { display: inline-flex; justify-content: center; align-items: center; line-height: 1; white-space: nowrap; cursor: pointer; text-align: center; box-sizing: border-box; outline: none; transition: .1s; user-select: none; vertical-align: middle; -webkit-appearance: none; height: 24px; padding: 5px 11px; margin-right: 15px; font-size: 12px; border-radius: 4px; color: #ffffff; background: #009688; border-color: #009688; border: none; } .CFBetter_modal button#cancelButton{ background-color:#4DB6AC; } .CFBetter_modal button:hover{ background-color:#4DB6AC; } .CFBetter_modal button#cancelButton:hover { background-color: #80CBC4; } .CFBetter_modal .help-icon { margin: 0px 8px 0px 0px; height: 1em; width: 1em; line-height: 1em; display: inline-flex; justify-content: center; align-items: center; position: relative; fill: currentColor; font-size: inherit; } .CFBetter_modal p { margin: 5px 0px; } /*更新检查*/ div#update_panel { z-index: 200; position: fixed; top: 50%; left: 50%; width: 240px; transform: translate(-50%, -50%); box-shadow: 0px 0px 4px 0px #0000004d; padding: 10px 20px 20px 20px; color: #444242; background-color: #f5f5f5; border: 1px solid #848484; border-radius: 8px; } div#update_panel #updating { cursor: pointer; display: inline-flex; padding: 3px; background-color: #1aa06d; color: #ffffff; font-size: 14px; line-height: 1.5rem; font-weight: 500; justify-content: center; width: 100%; border-radius: 0.375rem; border: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } div#update_panel #updating a { text-decoration: none; color: white; display: flex; position: inherit; top: 0; left: 0; width: 100%; height: 22px; font-size: 14px; justify-content: center; align-items: center; } #skip_menu { display: flex; margin-top: 10px; justify-content: flex-end; align-items: center; } #skip_menu .help_tip { margin-right: 5px; margin-left: -5px; } #skip_menu .help-icon { color: #f44336; } /* 配置管理 */ .embed-responsive { height: max-content; padding-bottom: 0px; } .config_bar { height: 70px; width: 100%; display: flex; justify-content: space-between; } li#add_button { cursor: pointer; height: 40px; border: 1px dashed #BDBDBD; border-radius: 8px; background-color: #fcfbfb36; color: #bdbdbd; font-size: 14px; align-items: center; justify-content: center; } li#add_button:hover { border: 1px dashed #03A9F4; background-color: #d7f0fb8c; color: #03A9F4; } div#config_bar_list { display: flex; width: 335px; border: 1px solid #c5cae9; border-radius: 8px; background-color: #f0f8ff; box-sizing: border-box; } div#config_bar_list input[type="radio"] { appearance: none; width: 0; height: 0; overflow: hidden; } div#config_bar_list input[type="radio"] { margin: 0px; } div#config_bar_list input[type=radio]:focus { outline: 0px; } label.config_bar_ul_li_text { display: flex; align-items: center; justify-content: center; max-width: 100%; height: 40px; overflow-x: auto; font-size: 14px; font-weight: 400; margin: 0px 4px; padding: 3px; border: 1px solid #dedede; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,.05); box-sizing: border-box; } ul#config_bar_ul li button { background-color: #e6e6e6; color: #727378; height: 23px; font-size: 14px; border-radius: 0.3rem; padding: 1px 5px; margin: 5px; border: none; box-shadow: 0 0 1px #0000004d; } ul#config_bar_ul { display: flex; align-items: center; list-style-type: none; padding-inline-start: 0px; overflow-x: auto; max-width: 100%; margin: 0px; } ul#config_bar_ul li { width: 80px; display: grid; margin: 4px 4px; min-width: 100px; box-sizing: border-box; } label.config_bar_ul_li_text:hover { background-color: #eae4dc24; } input[type="radio"]:checked + .config_bar_ul_li_text { background: #41b3e430; border: 1px solid #5e7ce0; color: #5e7ce0; } ul#config_bar_ul::-webkit-scrollbar { width: 5px; height: 3px; } ul#config_bar_ul::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #d7d9e4; border-radius: 8px; } ul#config_bar_ul::-webkit-scrollbar-button:start:decrement { width: 4px; background-color: transparent; } ul#config_bar_ul::-webkit-scrollbar-button:end:increment { width: 4px; background-color: transparent; } ul#config_bar_ul::-webkit-scrollbar-track { border-radius: 5px; } label.config_bar_ul_li_text::-webkit-scrollbar { width: 5px; height: 7px; background-color: #aaa; } label.config_bar_ul_li_text::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #d7d9e4; } label.config_bar_ul_li_text::-webkit-scrollbar-track { background-color: #f1f1f1; } .config_bar_list_add_div { display: flex; height: 40px; margin: 4px 2px; } /* 修改菜单 */ div#config_bar_menu { z-index: 400; position: absolute; width: 60px; background: #ffffff; box-shadow: 1px 1px 4px 0px #0000004d; border: 0px solid rgba(0,0,0,0.04); border-radius: 4px; padding: 8px 0; } div.config_bar_menu_item { cursor: pointer; padding: 2px 6px; display: flex; justify-content: center; align-items: center; height: 32px; color: rgba(0,0,0,0.75); font-size: 14px; font-weight: 500; box-shadow: inset 0px 0px 0px 0px #8bb2d9; } div#config_bar_menu_edit:hover { background-color: #00aeec; color: white; } div#config_bar_menu_delete:hover { background-color: #FF5722; color: white; } /* 配置页面 */ #config_edit_menu { z-index: 300; width: 450px; } /* 黑暗模式选项 */ .dark-mode-selection { display: flex; justify-content: center; align-items: center; max-width: 350px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dark-mode-selection > * { margin: 6px; } .dark-mode-selection .CFBetter_setting_menu_label_text { border-radius: 8px; } /* 右键菜单 */ .CFBetter_contextmenu { z-index: 500; display: grid; position: absolute; background-color: #f0f4f9; border-collapse: collapse; color: #697e91; font-family: var(--vp-font-family-base); overflow: hidden; box-sizing: content-box; box-shadow: 0px 0px 0px 2px #eddbdb4d; } input[type="radio"]:checked+.CFBetter_contextmenu_label_text { background: #41e49930; border: 1px solid green; color: green; font-weight: 500; } .CFBetter_contextmenu_label_text { display: flex; border: 1px dashed #80cbc4; height: 26px; width: 100%; color: gray; font-size: 13px; padding: 4px; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .CFBetter_contextmenu_label_text:hover { color: #F44336; border: 1px dashed #009688; background-color: #ffebcd; } /* RatingByClist */ .ratingBadges, html[data-theme=dark] button.ratingBadges{ font-weight: 700; margin-top: 5px; border-radius: 4px; color: #ffffff00; border: 1px solid #cccccc66; } /* 多选翻译 */ .block_selected{ box-shadow: 0px 0px 0px 1px #FF9800; outline: none; } /* 悬浮菜单 */ .CFBetter_MiniTranslateButton { z-index: 100; display: grid; position: absolute; border-collapse: collapse; fill: #F57C00; background-color: #FFF3E0; overflow: hidden; box-sizing: content-box; box-shadow: 0px 0px 0px 2px #FFE0B2; border-radius: 100%; } .CFBetter_MiniTranslateButton:hover { cursor: pointer; box-shadow: 0px 0px 0px 2px #FFB74D; } /* acmsguru划分块 */ .CFBetter_acmsguru { margin: 0 0 1em!important; } /* 移动设备 */ @media (max-device-width: 450px) { button.html2mdButton{ height: 2em; font-size: 1.2em; } button.html2mdButton.CFBetter_setting{ height: 2.5em; font-size: 1em; } .CFBetter_setting_menu{ width: 90%; } .CFBetter_setting_menu label, #darkMode_span, #loaded_span, .CFBetter_setting_menu_label_text, .CFBetter_setting_sidebar li{ font-size: 1em; } .translate-problem-statement{ font-size: 1.2em; } .CFBetter_modal{ font-size: 1.5em; } .CFBetter_setting_list, .translate-problem-statement{ padding: 0.5em; } .CFBetter_setting_menu_label_text{ height: 2.5em; padding: 0.5em; } #pagBar #jump-input, #pagBar #items-per-page, .CFBetter_modal button{ height: 2.5em; font-size: 1em; } .translate-problem-statement p, .translate-problem-statement ul li{ line-height: 1.5em !important; } .CFBetter_contextmenu_label_text{ height: 3em; font-size: 1em; } } `); // 工具 // 获取cookie function getCookie(name) { const cookies = document.cookie.split(";"); for (let i = 0; i < cookies.length; i++) { const cookie = cookies[i].trim(); const [cookieName, cookieValue] = cookie.split("="); if (cookieName === name) { return decodeURIComponent(cookieValue); } } return ""; } // 防抖函数 function debounce(callback) { let timer; let immediateExecuted = false; const delay = 500; return function () { clearTimeout(timer); if (!immediateExecuted) { callback.call(this); immediateExecuted = true; } timer = setTimeout(() => { immediateExecuted = false; }, delay); }; } // 为元素添加鼠标拖动 function addDraggable(element) { let isDragging = false; let initialX, initialY; // 元素的初始位置 let startX, startY, offsetX, offsetY; // 鼠标起始位置,移动偏移量 let isSpecialMouseDown = false; // 选取某些元素时不拖动 element.on('mousedown', function (e) { var elem = $(this); var elemOffset = elem.offset(); var centerX = elemOffset.left + elem.outerWidth() / 2; var centerY = elemOffset.top + elem.outerHeight() / 2; initialX = centerX - window.pageXOffset; initialY = centerY - window.pageYOffset; isDragging = true; startX = e.clientX; startY = e.clientY; isSpecialMouseDown = $(e.target).is('label, p, input, textarea, span, select'); if (isSpecialMouseDown) return; $('body').css('cursor', 'all-scroll'); }); $(document).on('mousemove', function (e) { if (!isDragging) return; // 不执行拖动操作 if ($(e.target).is('label, p, input, textarea, span') || isSpecialMouseDown && !$(e.target).is('input, textarea')) return; e.preventDefault(); offsetX = e.clientX - startX; offsetY = e.clientY - startY; element.css({ top: initialY + offsetY + 'px', left: initialX + offsetX + 'px' }); }); $(document).on('mouseup', function () { isDragging = false; isSpecialMouseDown = false; $('body').css('cursor', 'default'); }); } // 更新检查 function checkScriptVersion() { function compareVersions(version1 = "0", version2 = "0") { const v1Array = String(version1).split("."); const v2Array = String(version2).split("."); const minLength = Math.min(v1Array.length, v2Array.length); let result = 0; for (let i = 0; i < minLength; i++) { const curV1 = Number(v1Array[i]); const curV2 = Number(v2Array[i]); if (curV1 > curV2) { result = 1; break; } else if (curV1 < curV2) { result = -1; break; } } if (result === 0 && v1Array.length !== v2Array.length) { const v1IsBigger = v1Array.length > v2Array.length; const maxLenArray = v1IsBigger ? v1Array : v2Array; for (let i = minLength; i < maxLenArray.length; i++) { const curVersion = Number(maxLenArray[i]); if (curVersion > 0) { v1IsBigger ? result = 1 : result = -1; break; } } } return result; } GM_xmlhttpRequest({ method: "GET", url: "https://greasyfork.org/zh-CN/scripts/465777.json", timeout: 10 * 1e3, onload: function (response) { const scriptData = JSON.parse(response.responseText); const skipUpdate = getCookie("skipUpdate"); if ( scriptData.name === GM_info.script.name && compareVersions(scriptData.version, GM_info.script.version) === 1 && skipUpdate !== "true" ) { const styleElement = GM_addStyle(darkenPageStyle); $("body").append(`