eggy__party @ 2025-01-11 18:16:37
rt，请直接发布在回复中，玄关
by be_the_person @ 2025-01-11 18:38:42
@eggy__party 哪道题呀？
by CodingOIer @ 2025-01-11 18:41:32
/* ==UserStyle==
@name 氧洛谷
@namespace https://userstyles.world/style/18339/default-slug
@version 2.2.0.1
@description 高度可自定义的洛谷美化脚本
@author TLEWA
@license GPL v3
@preprocessor stylus
@var checkbox DarkMode "深色模式" 0
@var checkbox Anti-Userinput "禁用用户输入框自定义样式" 0
@var checkbox Custom-Scrollbar "更好的滚动条" 1
@var checkbox Custom-Inputbox "更一致的输入框圆角样式" 1
@var checkbox Custom-Card "更一致的卡片圆角样式" 1
@var checkbox Better-font "实验性代码块字体渲染" 0
@var checkbox Better-test-case "更好的评测详情色块" 1
@var checkbox Better-test-case-2 "实验性评测详情色块渲染" 1
@var checkbox Better-highcharts "应用自定义主页题目通过条颜色系统" 1
@var checkbox Better-Sidebar "更好的侧栏样式" 1
@var checkbox Better-Progressframe "更好的题库通过条" 1
@var checkbox Better-test-case "更好的评测详情色块" 1
@var checkbox Homepage-L2-Card-border "洛谷首页二级卡片边框去除" 0
@var checkbox Homepage-Profile-Picture-hide "洛谷首页头像边框去除" 1
@var checkbox Benben-border-del "犇犇边框去除" 1
@var checkbox Benben-hide "犇犇'<-'样式去除" 1
@var checkbox Privateletter-hide "私信'<-'样式去除" 1
@var checkbox InLine-code-block-border-del "行内代码块边框去除" 0
@var checkbox Code-block-border-del "代码块边框去除" 0
@var checkbox Better-userpage "'系统维护，该内容暂不可见。'修复" 1
@var checkbox Better-problem-toolip "更好的题库通过条信息样式" 1
@var checkbox Better-big-button "更好的巨型按钮排版" 1
@var checkbox exlg-compatible "exlg 兼容" 1
@var checkbox oiso-compatible "(实验性)(不积极支持)oiso 兼容" 1
@var checkbox Better-control-nav "更好的主页广告翻页选择点" 1
@var checkbox Hide-AD "隐藏洛谷边栏广告" 0
@var checkbox Hide-testcase-load "评测结果加载缓冲" 1
@var checkbox Better-problem-tag "更好的题目 tag 渲染" 1
@var checkbox Better-Markdown-button "Markdown 编辑器确认取消按钮洛谷样式化" 1
@var checkbox Better-Header-ani "Header 出现动画" 1
@var checkbox Better-Header-text-ani "Header 文字出现动画" 1
@var checkbox Better-User-nav "更好的个人信息框(类 exlg 样式)" 1
@var checkbox Better-problem-bar "更好的题库选择条" 1
@var checkbox Better-Card-select-bar "更好的 Card 选择条" 1
@var checkbox Better-InputGroup "更统一的 InputGroup 样式" 1
@var checkbox Smart-SideBar "Smart-Luogu 式侧栏" 1
@var checkbox Discuss-Sidebar-right "讨论区边栏右置" 1
@var checkbox More-Sidebar-Ani "侧栏在更多场景展示动画" 1
@var checkbox No-btn-outline "去除主页按钮 outline" 1
@var checkbox Anti-HeaderFooter "保留洛谷原生主题" 0
@var checkbox Better-Usernav-box "更好的右上图标栏" 1
@var checkbox More-Usernav-box-Ani "右上图标栏在更多场景展示动画" 1
@var checkbox Usernav-float "右上图标栏与下侧卡片布局对齐" 1
@var checkbox Better-prob-card "新前端题解区卡片应用氧洛谷式排版" 1
@var checkbox Fast-Font-load "字体常驻加载" 0
@var checkbox Article-progress-bar "开启专栏区阅读进度条" 1
@var checkbox Text-break-word "讨论区等页面正文横向溢出文字换行" 1
@var checkbox Table-border-change "Markdown 列表中部 border 加粗" 0
@var checkbox Table-change "实验性 Markdown 列表更改" 1
@var checkbox Better-article-icon-text "文章区下方图标文字 hover 色统一" 1
@var checkbox Better-AD-font "更好的主页广告翻页按钮样式" 1
@var checkbox Smooth-scroll "开启平滑滚动" 1
@var checkbox Problem-tag-center "题库 tag 居中" 0
@var checkbox Better-Problem-tag-margin "题库 tag 布局方式微调" 1
@var checkbox Better-Smooth-scroll "在主页自动禁用平滑滚动" 1
@var checkbox Better-Badge "主页 badge 大小与新前端统一化" 1
@var checkbox Better-UserNotification-ani "更好的通知中心列表动画" 1
@var checkbox Article-Discuss "文章广场应用讨论区布局" 1
@var checkbox More-Header-Ani "标题栏在更多场景展示动画" 1
@var checkbox Canvas-fix "比赛情况栏在亚克力下正常显示" 1
@var checkbox Better-Markdown-Edit "实验性 Markdown 编辑器渲染" 1
@var checkbox Winter-Tag "开启冬日绘版支持者 Tag 渲染" 1
@var checkbox Use-GPU "尝试使用 GPU 加速渲染" 1
@var checkbox Ease-Load "平滑过渡页面加载" 1
@var checkbox Content-Visibility "（实验性）尝试跳过渲染不可见内容以提升性能" 1
@var checkbox Content-Visibility-Article "在渲染长文章时进行动态加载以提升阅读流畅性" 1
@var checkbox Header-Optimize "（实验性）使用不触发重排的方式进行 Header 动画" 1
@var checkbox Better-Time-show "在动态使用确切时间显示" 0
@var checkbox Better-discuss-Time-show "在讨论区使用确切时间显示" 0
@var select Better-article-card "专栏区卡片化" ["auto","on","off"]
@var select Use-card-background "使用卡片背景防止文字在背景图下不清晰" ["auto","on","off"]
@var select Button-ani-select "按钮点击动画选择" ["jelly","contract","off"]
@var select Input-ani-select "输入框点击动画选择" ["contract","jelly","off"]
@var select Avatar-ani-select "用户头像 hover 动画选择" ["bigger","slime","off"]
@var checkbox A-hover-line "(实验性)(非积极支持)开启超链接 hover 下划线动画" 0
@var checkbox Anti-Sidebar-hover-line "侧栏禁用 hover 下划线动画" 1
@var checkbox Anti-Float-hover-line "悬浮选择框禁用 hover 下划线动画" 1
@var checkbox Anti-forum-container-hover-line "讨论区板块框禁用 hover 下划线动画" 1
@var checkbox Anti-Username-hover-line "用户名禁用 hover 下划线动画" 0
@var checkbox Anti-Diff-hover-line "题目难度禁用 hover 下划线动画" 0
@var checkbox Anti-pict-hover-line "图片链接禁用 hover 下划线动画" 1
@var checkbox Anti-Markdown-hover-line "Markdown 编辑器图标禁用 hover 下划线动画" 1
@var checkbox Anti-Outbtn "登出按钮禁用 hover 下划线动画" 1
@var checkbox Anti-Usernav "用户栏图标禁用 hover 下划线动画" 1
@var text CustomBackground "自定义背景" "None"
@var text Font-Stack "全局字体" "Default"
@var text Code-block-fontstack "代码块字体" "Default"
@var text Markdown-fontstack "Markdown 编辑器字体" "Default"
@var text Card-L1-radius "一级卡片圆角大小" "Default"
@var text Card-L2-radius "二级卡片圆角大小" "Default"
@var text Card-float-radius "悬浮卡片圆角大小" "Default"
@var text Inputbox-radius "输入框圆角大小" "Default"
@var text Benben-radius "犇犇圆角大小" "Default"
@var text InLine-code-block-radius "行内代码块圆角大小" "Default"
@var text Code-block-radius "代码块圆角大小" "Default"
@var text Background-color "全局背景色" "Default"
@var text Card-bg-color-L1 "一级卡片背景色" "Default"
@var text Card-bg-color-L2 "二级卡片背景色" "Default"
@var text Header-bg-color "页首背景色" "Default"
@var text Footer-bg-color "页尾背景色" "Default"
@var text Card-bg-color-float "悬浮卡片背景色" "Default"
@var text Card-hover-color-float "部分悬浮卡片选中背景色" "Default"
@var text Text-color "正文文字色" "Default"
@var text State-color "提示文字色" "Default"
@var text Introduce-color "介绍文字色" "Default"
@var text Operate-color "操作文字色" "Default"
@var text Operate-hover-color "部分操作文字选中色" "Default"
@var text Operate-hover-ani "部分操作文字选中动画效果" "Default"
@var text Topic-text-color "题目限定条件文字选中色" "Default"
@var text Badge-text-color "用户 badge 文字色" "Default"
@var text ColorfulLabel-text-color "彩色标签卡片文字色" "Default"
@var text GrayLabel-text-color "灰度标签卡片文字色" "Default"
@var text GrayLabel-border-color "灰度标签边框色" "Default"
@var text GrayLabel-bg-color "灰度标签背景色" "Default"
@var text Badge-border-radius "用户 badge 圆角样式" "Default"
@var text Label-border-radius "标签卡片圆角样式" "Default"
@var text A-color "超链接颜色" "Default"
@var text A-hover-color "超链接选中色" "Default"
@var text Scrollbar-track-color "滚动槽颜色" "Default"
@var text Scrollbar-thumb-color "滚动条颜色" "Default"
@var text Scrollbar-hover-color "滚动条选中色" "Default"
@var text Navbar-bg-color "菜单栏背景色" "Default"
@var text Input-bg-color "输入框背景色" "Default"
@var text Input-focus-bg-color "输入框选中背景色" "Default"
@var text Input-border-color "输入框边框色" "Default"
@var text Input-focus-border-color "输入框选中边框色" "Default"
@var text Input-text-color "输入框文字色" "Default"
@var text Input-placeholder-color "输入框提示文字色" "Default"
@var text Sidebar-bg-color "侧栏背景色" "Default"
@var text Sidebar-icon-color "侧栏主体图标色" "Default"
@var text Sidebar-btn-color "侧栏'应用'按钮色" "Default"
@var text Sidebar-luogu-bg-color "侧栏洛谷图标背景色" "Default"
@var text Sidebar-luogu-icon-color "侧栏洛谷图标色" "Default"
@var text Post-heading-color "普通标题文字色" "Default"
@var text Main-post-heading-color "主标题文字色" "Default"
@var text Benben-hd-color "犇犇上半颜色" "Default"
@var text Benben-bd-color "犇犇下半颜色" "Default"
@var text Discuss-hd-color "讨论区评论上半颜色" "Default"
@var text Discuss-bd-color "讨论区评论下半颜色" "Default"
@var text Divider-color "分割线颜色" "Default"
@var text InLine-code-block-bg-color "行内代码块背景色" "Default"
@var text Code-block-bg-color "代码块背景色" "Default"
@var text InLine-code-block-border-color "行内代码块边框色" "Default"
@var text Code-block-border-color "代码块边框色" "Default"
@var text Code-block-text-color "代码块文字色" "Default"
@var text Code-block-quote-color "代码块注释色" "Default"
@var text Code-block-meta-color "代码块 meta 色" "Default"
@var text Code-block-meta-string-color "代码块 meta-string 色" "Default"
@var text Code-block-string-color "代码块字符串色" "Default"
@var text Code-block-keyword-color "代码块关键字色" "Default"
@var text Code-block-title-color "代码块函数名颜色" "Default"
@var text Code-block-number-color "代码块数字颜色" "Default"
@var text Code-block-params-color "代码块函数后括号颜色" "Default"
@var text InLine-code-block-border "行内代码块边框样式" "Default"
@var text Code-block-border "代码块边框样式" "Default"
@var text L2-Card-border "二级卡片默认边框色" "Default"
@var text Homepage-L2-Card-green "洛谷首页二级卡片绿色" "Default"
@var text Homepage-L2-Card-green-border "洛谷首页二级卡片绿色边框" "Default"
@var text Homepage-L2-Card-red "洛谷首页二级卡片红色" "Default"
@var text Homepage-L2-Card-red-border "洛谷首页二级卡片红色边框" "Default"
@var text Homepage-L2-Card-blue-border "洛谷首页蓝色边框" "Default"
@var text Homepage-a-green "洛谷首页超链接绿色" "Default"
@var text Homepage-a-red "洛谷首页超链接红色" "Default"
@var text Directory-a-color "洛谷左上目录超链接颜色" "Default"
@var text Other-icon-color "杂项图标颜色" "Default"
@var text Card-icon-color "右上悬浮卡图标颜色" "Default"
@var text Luogu-discuss-color-1 "洛谷讨论区'全部板块'颜色" "Default"
@var text Luogu-discuss-color-2 "洛谷讨论区'站务版'颜色" "Default"
@var text Luogu-discuss-color-3 "洛谷讨论区'题目总版'颜色" "Default"
@var text Luogu-discuss-color-4 "洛谷讨论区'学术版'颜色" "Default"
@var text Luogu-discuss-color-5 "洛谷讨论区'灌水区'颜色" "Default"
@var text Luogu-discuss-color-6 "洛谷讨论区'工单反馈版'颜色" "Default"
@var text Topic-type-Label-not-select "题目类型标签-未选择色" "Default"
@var text Topic-type-Label-algorithm "题目类型标签-题目算法色" "Default"
@var text Topic-type-Label-source "题目类型标签-题目来源色" "Default"
@var text Topic-type-Label-time "题目类型标签-题目时间色" "Default"
@var text Topic-type-Label-area "题目类型标签-题目区域色" "Default"
@var text Topic-type-Label-special "题目类型标签-特殊题目色" "Default"
@var text Topic-difficulty-Label-1 "题目难度标签-暂无评定色" "Default"
@var text Topic-difficulty-Label-2 "题目难度标签-入门色" "Default"
@var text Topic-difficulty-Label-3 "题目难度标签-普及-色" "Default"
@var text Topic-difficulty-Label-4 "题目难度标签-普及/提高−色" "Default"
@var text Topic-difficulty-Label-5 "题目难度标签-普及+/提高色" "Default"
@var text Topic-difficulty-Label-6 "题目难度标签-提高+/省选−色" "Default"
@var text Topic-difficulty-Label-7 "题目难度标签-省选/NOI−色" "Default"
@var text Topic-difficulty-Label-8 "题目难度标签-NOI/NOI+/CTSC色" "Default"
@var text Article-bg-color "专栏背景色" "Default"
@var text Article-text-bg-color "专栏文章框背景色" "Default"
@var text Article-sidebar-bg-color "专栏侧栏背景色" "Default"
@var text Article-icon-color "专栏文章底部图标色" "Default"
@var text Test-case-margin-right "评测详情色块横向间隔" "Default"
@var text Test-case-margin-bottom "评测详情色块竖向间隔" "Default"
@var text Test-case-margin-top "评测详情色块顶部距离" "Default"
@var text Test-case-size "评测详情色块边长" "Default"
@var text Test-case-ani "评测详情色块动画效果" "Default"
@var text Test-case-shadow "评测详情色块阴影效果" "Default"
@var text Test-case-border-radius "评测详情色块圆角大小" "Default"
@var text Test-case-translate "评测详情色块 hover 悬浮高度" "Default"
@var text Test-case-hover-shadow "评测详情色块 hover 阴影效果" "Default"
@var text Test-case-message-ani "评测详情信息框动画效果" "Default"
@var text Test-case-message-shadow "评测详情信息框阴影效果" "Default"
@var text Test-case-message-color "评测详情信息框文字颜色" "Default"
@var text Test-case-background "评测详情信息框背景色" "Default"
@var text Test-case-color-AC "评测详情背景色-AC" "Default"
@var text Test-case-color-WA "评测详情背景色-WA" "Default"
@var text Test-case-color-RE "评测详情背景色-RE" "Default"
@var text Test-case-color-TLE "评测详情背景色-TLE" "Default"
@var text Test-case-color-MLE "评测详情背景色-MLE(实验性，功能受限)" "Default"
@var text Test-case-color-OLE "评测详情背景色-OLE(实验性，功能受限)" "Default"
@var text Test-case-color-UKE "评测详情背景色-UKE" "Default"
@var text Test-case-color-QUE "评测详情背景色-加载中" "Default"
@var text Test-case-text-color "评测详情文字色" "Default"
@var text Privateletter-bg-color "私信信息背景色" "Default"
@var text Privateitem-hover-bg-color "私信选择框 hover 背景色" "Default"
@var text Privateitem-hover-ani "私信选择框 hover 动画效果" "Default"
@var text Benben-tab-bg-color "犇犇 Tab 条背景色" "Default"
@var text Benben-tab-hover-color "犇犇 Tab 条 hover 背景色" "Default"
@var text Benben-tab-text-color "犇犇 Tab 条文字色" "Default"
@var text Benben-tab-focus-bg-color "犇犇 Tab 条 focus 背景色" "Default"
@var text Benben-tab-focus-text-color "犇犇 Tab 条 focus 文字色" "Default"
@var text Benben-tab-height "犇犇 Tab 条高度" "Default"
@var text Spinner-dark-color "加载圈颜色" "Default"
@var text article-icon-1-color "专栏区'收藏'图标点击颜色" "Default"
@var text article-icon-2-color "专栏区'点赞'图标点击颜色" "Default"
@var text article-icon-3-color "专栏区'不喜欢'图标点击颜色" "Default"
@var text article-icon-4-color "专栏区'编辑'图标点击颜色" "Default"
@var text Sidebar-popup-padding "侧栏'应用'框 padding" "Default"
@var text Sidebar-popup-ani "侧栏'应用'框出现动画效果" "Default"
@var text Float-card-hover-ani "部分悬浮框 hover 动画效果" "Default"
@var text Markdown-button-hover-bg-color "Markdown 按钮 hover 背景色" "Default"
@var text Markdown-button-hover-border "Markdown 按钮 hover border 样式" "Default"
@var text Markdown-button-hover-text-color "Markdown 按钮 hover 文字色" "Default"
@var text Highcharts-bg-color "主页题目通过情况栏折线图背景色" "Default"
@var text Highcharts-line-color "主页题目通过情况栏折线图线色" "Default"
@var text Highcharts-point-color "主页题目通过情况栏折线图点色" "Default"
@var text Highcharts-hover-point-color "主页题目通过情况栏折线图 hover 点色" "Default"
@var text Highcharts-hover-point-border-color "主页题目通过情况栏折线图 hover 点边框色" "Default"
@var text Highcharts-hover-bigpoint-color "主页题目通过情况栏折线图 hover 氛围环色" "Default"
@var text Highcharts-hover-bigpoint-op "主页题目通过情况栏折线图 hover 氛围环透明度" "Default"
@var text Highcharts-strip-color "主页题目通过情况栏折线图竖条色" "Default"
@var text Highcharts-strip-border-color "主页题目通过情况栏折线图竖条边框色" "Default"
@var text Highcharts-strip-hover-color "主页题目通过情况栏折线图竖条 hover 色" "Default"
@var text Highcharts-text-color "主页题目通过情况栏折线图文本色" "Default"
@var text Highcharts-text-bg-color "主页题目通过情况栏折线图文本框背景色" "Default"
@var text Highcharts-text-border-color "主页题目通过情况栏折线图文本框边框色" "Default"
@var text Highcharts-text-point-color-1 "主页题目通过情况栏折线图文本框 '累积通过数' 点色" "Default"
@var text Highcharts-text-point-color-2 "主页题目通过情况栏折线图文本框 '当月通过数' 点色" "Default"
@var text Userpage-text-color "个人主页简介文字色" "Default"
@var text Progressframe-color "题库通过条颜色" "Default"
@var text Progressframe-bg-color "题库通过条背景色" "Default"
@var text Big-button-bg-color "巨型按钮背景色" "Default"
@var text Big-button-border "巨型按钮 border 样式" "Default"
@var text Big-button-border-hover "巨型按钮 border hover 样式" "Default"
@var text Small-button-bg-color "翻页按钮背景色" "Default"
@var text Small-button-select-bg-color "翻页按钮 select 背景色" "Default"
@var text Small-button-border "翻页按钮 border 样式" "Default"
@var text Small-button-border-hover "翻页按钮 border hover 样式" "Default"
@var text Small-button-text-select-color "翻页按钮文字 select 样式" "Default"
@var text Footer-text-color "页尾文字色" "Default"
@var text Footer-text-hover-color "页尾超链接 hover 色" "Default"
@var text Footer-bigtext-color "页尾 '在洛谷，享受 Coding 的欢乐' 色" "Default"
@var text Footer-img-color "页尾洛谷图标色" "Default"
@var text Card-L1-shadow "一级卡片阴影效果" "Default"
@var text Card-L1-hover-shadow "一级卡片 hover 阴影效果" "Default"
@var text Card-L1-hover-transition "一级卡片 hover 阴影动画效果" "Default"
@var text Benben-shadow "犇犇阴影效果" "Default"
@var text Benben-hover-shadow "犇犇 hover 阴影效果" "Default"
@var text Benben-hover-ani "犇犇 hover 阴影动画效果" "Default"
@var text Discuss-button-ani "讨论区板块选择动画 & 文章广场板块选择动画" "Default"
@var text Article-rside-width "文章区右侧边栏宽度" "Default"
@var text Combowrapper-text-color "普通下拉框文字颜色" "Default"
@var text Button-bg-color-blue "洛谷蓝色按钮背景色" "Default"
@var text Button-bg-color-black "洛谷黑色按钮背景色" "Default"
@var text Button-bg-color-red "洛谷红色按钮背景色" "Default"
@var text Button-bg-color-special-red "洛谷镂空红按钮背景色" "Default"
@var text Button-bg-color-special-blue "洛谷镂空蓝按钮背景色" "Default"
@var text Button-bg-color-green "洛谷绿色按钮背景色" "Default"
@var text Button-hover-bg-color-blue "洛谷蓝色按钮背景 hover 色" "Default"
@var text Button-hover-bg-color-black "洛谷黑色按钮背景 hover 色" "Default"
@var text Button-hover-bg-color-red "洛谷红色按钮背景 hover 色" "Default"
@var text Button-hover-bg-color-special-red "洛谷镂空红按钮背景 hover 色" "Default"
@var text Button-hover-bg-color-special-blue "洛谷镂空蓝按钮背景 hover 色" "Default"
@var text Button-hover-bg-color-green "洛谷绿色按钮背景 hover 色" "Default"
@var text Button-active-bg-color-blue "洛谷蓝色按钮背景 active 色" "Default"
@var text Button-active-bg-color-black "洛谷黑色按钮背景 active 色" "Default"
@var text Button-active-bg-color-red "洛谷红色按钮背景 active 色" "Default"
@var text Button-active-bg-color-special-red "洛谷镂空红按钮背景 active 色" "Default"
@var text Button-active-bg-color-special-blue "洛谷镂空蓝按钮背景 active 色" "Default"
@var text Button-active-bg-color-green "洛谷绿色按钮背景 active 色" "Default"
@var text Button-border-color-black "洛谷黑色按钮边框色" "Default"
@var text Button-border-color-special-red "洛谷镂空红按钮边框色" "Default"
@var text Button-border-color-special-blue "洛谷镂空蓝按钮边框色" "Default"
@var text Button-border-size-blue "洛谷蓝色按钮边框大小" "Default"
@var text Button-border-size-black "洛谷黑色按钮边框大小" "Default"
@var text Button-border-size-red "洛谷红色按钮边框大小" "Default"
@var text Button-border-size-special-red "洛谷镂空红按钮边框大小" "Default"
@var text Button-border-size-special-blue "洛谷镂空蓝按钮边框大小" "Default"
@var text Button-border-size-green "洛谷绿色按钮边框大小" "Default"
@var text Button-radius "中型按钮圆角样式" "Default"
@var text Small-button-radius "小型按钮圆角样式" "Default"
@var text Button-padding-width "中型按钮横向 padding" "Default"
@var text Button-padding-height "中型按钮纵向 padding" "Default"
@var text Small-button-padding-width "小型按钮横向 padding" "Default"
@var text Small-button-padding-height "小型按钮纵向 padding" "Default"
@var text Button-hover-ani "按钮 hover 动画" "Default"
@var text Expand-shadow "展开按钮阴影样式" "Default"
@var text Expand-radius "展开按钮阴影圆角样式" "Default"
@var text Article-sidebar-card-hover "新前端侧栏卡片 hover 色" "Default"
@var text Markdown-gutter-color "Markdown 编辑器行数显示背景色" "Default"
@var text Markdown-gutter-active-color "Markdown 编辑器行数显示选中背景色" "Default"
@var text Markdown-line-active-color "Markdown 编辑器代码行选中背景色" "Default"
@var text Markdown-linenumber-color "Markdoen 编辑器行数数字色" "Default"
@var text Markdown-bg-color "Markdown 编辑器背景色" "Default"
@var text Homepage-L2-Card-blue-text-color "洛谷首页二级卡片蓝色文字" "Default"
@var text Text-selection-color "文字框选色" "Default"
@var text Codeblock-text-selection-color "代码块文字框选色" "Default"
@var text Markdown-text-selection-color "Markdown 编辑器文字框选色" "Default"
@var text Exlg-Codeheader-bg-color "exlg 代码块头部背景色" "Default"
@var text Control-nav-ani "主页广告翻页选择点动画效果" "Default"
@var text Control-nav-bg-color "主页广告翻页选择点背景" "Default"
@var text Control-nav-active-bg-color "主页广告翻页选择点选中背景" "Default"
@var text UpdEditer-gutter-color "代码提交编辑器行数显示背景色" "Default"
@var text UpdEditer-gutter-active-color "代码提交编辑器行数显示选中背景色" "Default"
@var text UpdEditer-line-active-color "代码提交编辑器代码行选中背景色" "Default"
@var text UpdEditer-linenumber-color "代码提交编辑器行数数字色" "Default"
@var text UpdEditer-bg-color "代码提交编辑器背景色" "Default"
@var text UpdEditer-text-color "代码提交编辑器文字色" "Default"
@var text UpdEditer-quote-color "代码提交编辑器注释色" "Default"
@var text UpdEditer-meta-color "代码提交编辑器 meta 色" "Default"
@var text UpdEditer-meta-string-color "代码提交编辑器 meta-string 色" "Default"
@var text UpdEditer-string-color "代码提交编辑器字符串色" "Default"
@var text UpdEditer-keyword-color "代码提交编辑器关键字色" "Default"
@var text UpdEditer-number-color "代码提交编辑器数字颜色" "Default"
@var text UpdEditer-operator-color "代码提交编辑器操作符颜色" "Default"
@var text UpdEditer-punctuation-color "代码提交编辑器标点颜色" "Default"
@var text UpdEditer-paren-color "代码提交编辑器括号颜色" "Default"
@var text UpdEditer-type-color "代码提交编辑器 type 色" "Default"
@var text UpdEditer-func-color "代码提交编辑器函数色" "Default"
@var text Difficulty-text-color-1 "题目难度文字-暂无评定色" "Default"
@var text Difficulty-text-color-2 "题目难度文字-入门色" "Default"
@var text Difficulty-text-color-3 "题目难度文字-普及-色" "Default"
@var text Difficulty-text-color-4 "题目难度文字-普及/提高−色" "Default"
@var text Difficulty-text-color-5 "题目难度文字-普及+/提高色" "Default"
@var text Difficulty-text-color-6 "题目难度文字-提高+/省选−色" "Default"
@var text Difficulty-text-color-7 "题目难度文字-省选/NOI−色" "Default"
@var text Difficulty-text-color-8 "题目难度文字-NOI/NOI+/CTSC色" "Default"
@var text Select-button-hover-bg-color "题库主页算法难度选择按钮背景色" "Default"
@var text Problem-tag-radius "problem tag 圆角样式" "Default"
@var text Problem-tag-padding "problem tag padding 样式" "Default"
@var text Problem-tag-ani "problem tag 动画效果" "Default"
@var text Problem-tag-hover-trans "problem tag hover 上移距离" "Default"
@var text Problem-tag-hover-shadow "problem tag hover 阴影" "Default"
@var text A-hover-ani "超链接 hover 动画" "Default"
@var text Button-default-color "按钮默认文字色" "Default"
@var text Username-color-1 "灰名文字色" "Default"
@var text Username-color-2 "蓝名文字色" "Default"
@var text Username-color-3 "绿名文字色" "Default"
@var text Username-color-4 "橙名文字色" "Default"
@var text Username-color-5 "红名文字色" "Default"
@var text Username-color-6 "紫名文字色" "Default"
@var text Username-color-7 "棕名文字色" "Default"
@var text Input-active-ani "输入框 active 动画" "Default"
@var text Header-ani-padding "Header 动画初始向下位置" "Default"
@var text Header-ani "Header 动画效果" "Default"
@var text Header-text-ani-padding "Header 文字动画初始向左位置" "Default"
@var text Header-text-ani "Header 文字动画效果" "Default"
@var text Problem-select-bar-bg-color "题库选择条背景色" "Default"
@var text Problem-select-bar-active-bg-color "题库选择条选中背景色" "Default"
@var text Problem-select-bar-text-color "题库选择条透明背景文字色" "Default"
@var text Problem-select-bar-hbg-text-color "题库选择条文字色" "Default"
@var text Problem-select-bar-active-text-color "题库选择条选中文字色" "Default"
@var text Problem-select-bar-text-hover-color "题库选择条透明背景文字 hover 色" "Default"
@var text Problem-select-bar-hbg-text-hover-color "题库选择条文字 hover 色" "Default"
@var text Problem-select-bar-text-hover-ani "题库选择条文字 hover 动画" "Default"
@var text Problem-select-bar-bg-hover-ani "题库选择条背景 hover 动画" "Default"
@var text Card-select-bar-hover-ani "Card 选择条 hover 动画" "Default"
@var text Card-select-bar-select-color "Card 选择条选中色" "Default"
@var text Card-select-bar-out-ani "Card 选择条渐现动画" "Default"
@var text Input-active-shadow "输入框 active 阴影" "Default"
@var text SideBar-shadow "侧栏阴影" "Default"
@var text SideBar-position "侧栏距顶部距离(百分比)" "Default"
@var text SideBar-ani "侧栏渐现动画" "Default"
@var text Discuss-Sidebar-width "讨论区边栏宽度" "Default"
@var text Discuss-Main-width "讨论区主栏宽度" "Default"
@var text Discuss-Sidebar-margin "讨论区边栏与卡片间隔(居左时才生效)(洛谷原版特性兼容)" "Default"
@var text Button-active-scale "按钮 actvie 变化倍率(0 ~ 1)，越高越大" "Default"
@var text Button-active-ani "按钮 actvie 变化动画效果" "Default"
@var text Input-active-scale "输入框 actvie 变化倍率(0 ~ 1)，越高越大" "Default"
@var text Input-active-anim "输入框 actvie 变化动画效果" "Default"
@var text A-hover-line-ani "超链接 hover 下划线动画效果" "Default"
@var text A-hover-line-color "超链接 hover 下划线颜色" "Default"
@var text A-hover-line-height "超链接 hover 下划线粗细" "Default"
@var text Usernav-box-margin "悬浮右上信息框距顶部距离" "Default"
@var text Usernav-box-ani-margin "悬浮右上信息框动画初始距顶部距离(可以为负)" "Default"
@var text Usernav-box-ani "悬浮右上信息框动画效果" "Default"
@var text Usernav-box-radius "右上信息框圆角大小" "Default"
@var text Prob-lcard-width "题目/题解页面主卡片宽度" "Default"
@var text Prob-side-width "题目/题解页面 side 卡片宽度" "Default"
@var text Float-Card-shadow "悬浮卡片阴影" "Default"
@var text Privateletter-right-bg-color "私信右侧信息背景色" "Default"
@var text Privateletter-right-text-color "私信右侧信息文字色" "Default"
@var text Top-progress-color "顶部加载条颜色" "Default"
@var text Table-color "Markdown 列表颜色" "Default"
@var text Table-radius "Markdown 列表圆角样式" "Default"
@var text Avatar-hover-scale "用户头像 hover 变化倍率(0 ~ 1)，越高越大" "Default"
@var text Avatar-hover-ani "用户头像 hover 动画效果" "Default"
@var text Article-progress-color "专栏文章阅读条颜色" "Default"
@var text Article-progress-bg-color "专栏文章阅读条背景色" "Default"
@var text Article-progress-height "专栏文章阅读条高度" "Default"
@var text Article-progress-ani "专栏文章阅读条动画效果" "Default"
@var text Checkin-Time-color "主页签到日期显示颜色" "Default"
@var text Codeblock-better-color1 "代码块实验性渲染 {} 色" "Default"
@var text Codeblock-better-color2 "代码块实验性渲染 []() 色" "Default"
@var text Codeblock-better-color3 "代码块实验性渲染 ; 色" "Default"
@var text Usernav-icon-hover-color "右上图标栏图标 hover 色" "Default"
@var text Usernav-navbar-icon-hover-color "右上图标栏菜单栏图标 hover 色" "Default"
@var text Usernav-icon-hover-ani "右上图标栏图标 hover 动画" "Default"
@var text Article-icon-hover-ani "文章区下方图标 hover 动画" "Default"
@var text AD-font-color "主页广告翻页按钮颜色" "Default"
@var text AD-font-bg-color "主页广告翻页按钮背景色" "Default"
@var text AD-font-size "主页广告翻页按钮字体大小" "Default"
@var text AD-font-bg-width "主页广告翻页按钮背景宽度" "Default"
@var text AD-font-bg-height "主页广告翻页按钮背景高度" "Default"
@var text AD-font-bg-radius "主页广告翻页按钮背景圆角大小" "Default"
@var text AD-font-bg-hoverimg-color "主页广告翻页按钮 hover 图片背景色" "Default"
@var text AD-font-bg-hover-color "主页广告翻页按钮 hover 背景色" "Default"
@var text AD-font-bg-ani "主页广告翻页按钮背景色变化动画效果" "Default"
@var text Luogu-article-color-1 "洛谷文章广场'全部'颜色" "Default"
@var text Luogu-article-color-2 "洛谷文章广场'题解'颜色" "Default"
@var text Luogu-article-color-3 "洛谷文章广场'科技·工程'颜色" "Default"
@var text Luogu-article-color-4 "洛谷文章广场'算法·理论'颜色" "Default"
@var text Luogu-article-color-5 "洛谷文章广场'生活·游记'颜色" "Default"
@var text Luogu-article-color-6 "洛谷文章广场'学习·文化课'颜色" "Default"
@var text Luogu-article-color-7 "洛谷文章广场'休闲·娱乐'颜色" "Default"
@var text Directory-a-hover-color "洛谷左上目录超链接 hover 颜色" "Default"
@var text Directory-a-hover-ani "洛谷左上目录超链接 hover 动画" "Default"
@var text Swal-shadow "小型 swal 信息框弹窗阴影样式" "Default"
@var text Usertag-color-1 "灰名 tag 色" "Default"
@var text Usertag-color-2 "蓝名 tag 色" "Default"
@var text Usertag-color-3 "绿名 tag 色" "Default"
@var text Usertag-color-4 "橙名 tag 色" "Default"
@var text Usertag-color-5 "红名 tag 色" "Default"
@var text Usertag-color-6 "紫名 tag 色" "Default"
@var text Usertag-color-7 "棕名 tag 色" "Default"
@var text Submit-pict "自定义 AC 后展示图片" "Default"
@var text Usersvg-color-1 "绿勾色" "Default"
@var text Usersvg-color-2 "蓝勾色" "Default"
@var text Usersvg-color-3 "金勾色" "Default"
@var text Username-color-ani "名字颜色 hover 变色动画" "Default"
@var text Username-hover-color-1 "灰名 hover 文字色" "Default"
@var text Username-hover-color-2 "蓝名 hover 文字色" "Default"
@var text Username-hover-color-3 "绿名 hover 文字色" "Default"
@var text Username-hover-color-4 "橙名 hover 文字色" "Default"
@var text Username-hover-color-5 "红名 hover 文字色" "Default"
@var text Username-hover-color-6 "紫名 hover 文字色" "Default"
@var text Username-hover-color-7 "棕名 hover 文字色" "Default"
@var text Usertag-hover-color-1 "灰名 tag hover 文字色" "Default"
@var text Usertag-hover-color-2 "蓝名 tag hover 文字色" "Default"
@var text Usertag-hover-color-3 "绿名 tag hover 文字色" "Default"
@var text Usertag-hover-color-4 "橙名 tag hover 文字色" "Default"
@var text Usertag-hover-color-5 "红名 tag hover 文字色" "Default"
@var text Usertag-hover-color-6 "紫名 tag hover 文字色" "Default"
@var text Usertag-hover-color-7 "棕名 tag hover 文字色" "Default"
@var text Usertag-color-ani "用户 tag hover 变色动画" "Default"
@var text Usersvg-mid-color "认证等级勾中心对钩色(无法适配主页前端)" "Default"
@var text Usersvg-mid-hover-color "认证等级勾中心对钩 hover 色(无法适配主页前端)" "Default"
@var text Usersvg-hover-color-1 "绿勾 hover 色" "Default"
@var text Usersvg-hover-color-2 "蓝勾 hover 色" "Default"
@var text Usersvg-hover-color-3 "金勾 hover 色" "Default"
@var text Usersvg-hover-ani "认证等级勾 hover 动画" "Default"
@var text UserNotification-active-color "通知中心选择列表 active 色" "Default"
@var text UserNotification-ani "通知中心选择列表颜色动画" "Default"
@var text Article-sidebar-card-hover-ani "新前端侧栏卡片 hover 动画" "Default"
@var text Problem-sol-icon-act-color "题解点赞按钮 active 色" "Default"
@var text Blockquote-border-color "块引用边框色" "Default"
@var text Main-title-size "主标题字体大小" "Default"
@var text Navbar-height "旧前端菜单栏高度" "Default"
@var text Header-narrow-height "旧前端无按钮标题栏高度" "Default"
@var text Header-normal-height "旧前端标题栏高度" "Default"
@var text Header-new-narrow-height "新前端无按钮标题栏高度" "Default"
@var text Header-new-normal-height "新前端标题栏高度" "Default"
@var text Markdown-text-color "Markdown 编辑器文字色" "Default"
@var text Markdown-text-delete-color "Markdown 编辑器文字删除线颜色" "Default"
@var text Markdown-text-strong-color "Markdown 编辑器文字加粗文字颜色" "Default"
@var text Markdown-text-italic-color "Markdown 编辑器文字斜体颜色" "Default"
@var text Markdown-text-variable-color "Markdown 编辑器列表颜色" "Default"
@var text Markdown-text-title-color "Markdown 编辑器标题色" "Default"
@var text Markdown-text-codetag-color "Markdown 编辑器代码标识串色" "Default"
@var text Markdown-text-codename-color "Markdown 编辑器代码语言标识色" "Default"
@var text Markdown-atext-color "Markdown 编辑器超链接显示文字色" "Default"
@var text Markdown-a-color "Markdown 编辑器超链接色" "Default"
@var text Card-hover-bg-color-L1 "一级卡片 hover 背景色" "Default"
@var text Card-hover-bg-color-L2 "二级卡片 hover 背景色" "Default"
@var text Card-hover-bg-color-L1-ani "一级卡片 hover 背景色动画效果" "Default"
@var text Card-hover-bg-color-L2-ani "二级卡片 hover 背景色动画效果" "Default"
@var text Float-bar-ani "底部悬浮栏渐现动画" "Default"
@var text Discuss-shadow "讨论区评论块阴影" "Default"
@var text Discuss-hover-shadow "讨论区评论块 hover 阴影" "Default"
@var text Discuss-hover-shadow-ani "讨论区评论块 hover 阴影渐现动画效果" "Default"
@var text Discuss-hd-hover-color "讨论区评论上半颜色" "Default"
@var text Discuss-bd-hover-color "讨论区评论下半颜色" "Default"
@var text Discuss-hover-color-ani "讨论区评论块 hover 颜色渐变动画效果" "Default"
@var text Usernav-hover-bg-color "悬浮卡片 hover 背景色" "Default"
@var text Usernav-hover-ani "悬浮卡片 hover 动画" "Default"
@var text Benben-bd-hover-color "犇犇下半 hover 背景色" "Default"
@var text Benben-bd-hover-ani "犇犇下半 hover 背景色渐变动画" "Default"
@var text Privateletter-radius "私信圆角样式" "Default"
@var text Privateletter-list-radius "私信选择框圆角样式" "Default"
@var text Article-max "开启动态渲染文章行数阈值" "Default"
@var text Use-card-radius "文字卡片背景圆角大小" "Default"
@var text Article-sidebar-card-radius "新前端侧栏卡片圆角样式" "Default"
@var text Ease-Load-ani "新旧前端过渡动画效果" "Default"
@var checkbox bug-fix1 "[bug-fix] '点击加载更多评论' 下存在分割线" 1
@var checkbox bug-fix2 "[bug-fix] 部分下拉栏样式错误" 1
@var checkbox bug-fix3 "[bug-fix] 题库通过条渲染位置不正常" 1
@var checkbox bug-fix4 "[bug-fix] 翻页按钮宽度计算错误" 1
@var checkbox bug-fix5 "[bug-fix] 私信 '加载更多' 文字位置异常" 1
@var checkbox bug-fix6 "[bug-fix] 查找记录输入框边框 focus 样式异常" 1
@var checkbox bug-fix7 "[bug-fix] 查找题单界面题单选择栏对齐异常" 1
@var checkbox bug-fix8 "[bug-fix] 新前端代码选择框选择后文字颜色异常" 1
@var checkbox bug-fix9 "[bug-fix] 洛谷标题文字和新前端卡片用户名极端情况下被裁剪" 1
@var checkbox bug-fix10 "[bug-fix] 讨论区滚动条异常" 1
@var checkbox bug-fix11 "[bug-fix] 主页签到运势勾子位置异常" 1
@var checkbox bug-fix12 "[bug-fix] 题单界面 '查找题单' 文字对齐异常" 1
@var checkbox bug-fix13 "[bug-fix] 团队成员编辑卡滚动条异常" 1
@var checkbox bug-fix14 "[bug-fix] 比赛页面侧栏卡片布局错误" 1
@var checkbox bug-fix15 "[bug-fix] 个人主页勾子位置异常" 1
@var checkbox bug-fix16 "[bug-fix] 旧前端用户信息栏各组件未对齐" 1
@var checkbox bug-fix17 "[bug-fix] 用户信息栏展开图标未居中" 1
@var checkbox bug-fix18 "[bug-fix] 搜索框组件未居中" 1
@var checkbox bug-fix19 "[bug-fix] 主页 tag 文字居中情况异常" 1
@var checkbox bug-fix20 "[bug-fix] 老 Markdown 编辑器预览框对齐错误" 1
@var checkbox bug-fix21 "[bug-fix] 主页翻页按钮层叠错误" 1
@var text secondary_UserStyle "次要用户自定义样式 1" "None"
@var text secondary_UserStyle2 "次要用户自定义样式 2" "None"
@var text secondary_UserStyle3 "次要用户自定义样式 3" "None"
@var text UserStyle "用户自定义样式 1" "None"
@var text UserStyle2 "用户自定义样式 2" "None"
@var text UserStyle3 "用户自定义样式 3" "None"
@var text UserTag "用户自定义 Tag" "None"
@var text User-Name-color "用户自定义名字颜色" "None"
==/UserStyle== */
/*
代码来源 & 致谢：
本样式的极少部分基于 氩洛谷 Re: 2024 的代码修改而来，同时颜色系统与此样式有少数重合。
本样式的相当一部分 bug-fix 由作者自己编写，整合的样式 氩洛谷-改 移植而来，同时部分美化样式和其有重合，这部分样式的其中一部分可能最初从 氩洛谷 的样式修改而来。
本样式的少部分功能由 Smart-Luogu 移植而来，并已向作者取得在 GPL 开源许可下分发，修改其代码的许可。
在高度原创性的基础上，我的样式借鉴了这些成熟样式的部分代码，感谢以上作者为洛谷美化做出的巨大贡献！
本样式仍处于早期版本，功能上欠缺良多。
*/
// 字体处理
if Fast-Font-load
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:[email protected]&family=JetBrains+Mono&family=Fira+Code:[email protected]&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap')
@-moz-document regexp("^(http(s)?://www.luogu.com(.cn)?/(.*))")
if !Fast-Font-load
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:[email protected]&family=JetBrains+Mono&family=Fira+Code:[email protected]&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap')
// 导入 Noto Sans
/*google 的服务真方便吧*/
// 常量
Default = "Default"
None = "None"
False = "False"
// 选择器
Main_Inputbox = "input[type=text],input[type=password],textarea#feed-content,.input-wrap,.combo-wrapper>.text,textarea,.mp-dialog-input>input,select,.refined-input.text,.input-group>input,textarea.lfe-form-sz-middle" // 主流样式的输入框
Card_L1 = ".lg-article, .lg-article-sub, .lg-article-nctrl, .card:not(.float-card), .float-bottom,.l-card" // 一级卡片
Card_L2 = ".am-panel,.inner-card,.discuss-container .discuss,.swal2-validation-message" // 二级卡片
Card_float = "#app > nav.lfe-body .popup,.dropdown-operations,.dropdown,.cover-upload,.btn-edit-reply,.operations.float,.mp-dialog-container,.dropdown>.clone-card,.candidates,.am-modal-dialog,.cs-dialog,.l-card.container,.dropdown>.float-card,.filters" // 悬浮卡片
Hover_card_float = "#app > nav.lfe-body .popup a,.dropdown-operations li,.dropdown li,.candidates li,.am-modal-footer"
Shadow_card_float = ".float-card,#app > nav.lfe-body .popup, .user-nav .center,.dropdown:not(:has(>.dropdown-operations,>.float-card))"
Title = "h1,h2,h3,h4,h5,h6,.lfe-h1,.lfe-h2,.lfe-h3,.lfe-h4,.lfe-h5,.lfe-h6,strong,.title[data-v-71e80b39],.header-link,#article-title,.lside .nav-group .group-title span.title,.rside .nav-group .group-title,#lg-alert-title,.cs-dialog-header,div#p.O>div.N.I" // 标题文字
Text = "p,.card,#app > div.main-container > main > div > div.card.padding-default > div.selection.select-header-tiny > ul > li.selected > span,.field > .lfe-caption,div.content,blockquote,.katex-display,.lfe-marked li,.swal2-html-container,#swal2-content,.drop span,#lg-alert-message,table,.cs-editor,.ͼ5,.main-wrapper.theme-light,.core-msg,.footer-inner,.row>.content,.feed-comment,.mp-preview-content" // 正文文字
State = ".detail,.time,.create-time,.caption,.info-content,.result-count,section>.block>.lfe-caption,.total,.lside .title,time,.article-banner .metas span,.user-info .key,.user-info .name,.collection-info" // 陈述文字
Introduce = ".table,.lfe-caption,.user-nav .center>.ops>a,.item-title,#app>div.main-container>main>div>div.card.padding-default>div.selection.select-header-tiny>ul,.category ul.remote>li,.result-count>.number,section .title,span.forum-name,#app > nav.lfe-body .popup a,.dropdown li,.row-space-between.reply-info>div,#app > div.main-container > main > div > div > div > div.border.table > div.header-wrap > div > div.difficulty > span,#app > div.main-container > main > div > div > div > div.border.table > div.header-wrap > div > div.difficulty > span,.btn-edit-reply>span,.lside .nav-group span.title,.meta .label,.meta,.article-comment .comment-filter-line>span,body>div>div.rside .nav-group li,.mp-dialog-field label,.user-info .value,.info-rows>div>span:nth-child(1),label[for*='radio'],label[for*='check'],label[for*='LRadio'],.header b,.bar-title,.detail-container .row>span,.radio-group>span,.breadcrumb,,.candidates li,.toc>ul>li>span,.cs-footer,.content-row,.cs-dialog-item-labelm,.login-actions,.swal2-validation-message,.cs-dialog-item-label,.header>.status>.lfe-caption,.colored-link-selector .name,div.row.row-space-between.top > .content-right > a > .name,.l-flex-info-row>span,.reply-editor>div:first-child" // 介绍文字
Divider = ".border .row[data-v-b5709dda]:not(:last-child) ,.border .header-wrap[data-v-b5709dda],.wrapper > .feed,.sub-header,.marked h1,.marked h2,.card-header,.item-row,.stat>.field,.difficulty-tags,.difficulty-tags>.row,.full-container[currenttemplate='UserNotification']>.card div,.mp-editor-container,.mp-editor-container *,.container>.menu-container,.container>.tag-select-area .section,.marked hr,.replies>.feed,nav>.nav-group::after,.panel-content .item,.panel-title,.top-container,.side,.card.wrapper.padding-none .main .editor,.page-area,.lfe-marked *,.user-nav>.nav-group::after,.header,.row-wrap > .row,.header-wrap,.am-modal-bd,.casket.cs-main *,.casket.cs-main,.cs-dialog-header,.item" // 分割线
Other_Icon = ".user-nav a.color-none > svg > path,.refined-input svg > path,.combo-wrapper svg>path,.btn-edit-reply svg>path,.nav-group span.icon>svg>path,.user-nav svg>path,.cs-close-container,.container .close path,.dropdown>.float-card>.user-info span>span>span path,.stick-top path,.cs-toolbar-tool path" // 杂项图标
Operate = ".feed-reply, .feed-report, .action>a,.center>footer>a,.expand-tip>span,.dropdown-operations,.header>.right>a,.load-more,.button-2line>.text,.header nav li:not(.selected),.operations>.button,ul:has(>li.selected) li:not(.selected),.am-modal-btn,.user-nav>a.login,.cs-footer-right > .cs-footer-button,.message-block>.delete,.user-nav>.text" // 操作文字
Operate_hover = ".expand-tip>span,.dropdown-operations,.header>.right>a,.load-more,.header nav li:not(.selected),.operations>.button,ul:has(>li.selected) li:not(.selected),.am-modal-btn,.am-modal-btn,.user-nav>a.login,.cs-footer-right > .cs-footer-button,.message-block>.delete,.user-nav>.text" // 可选中操作文字
Hover-A = ".action>a,.center>footer>a,.am-panel-primary .am-panel-title a" // 选中超链接
A = ".avatar-right>.row.row-space-between.top>a.row.content-left.title.link.color-default,.problem-card>.action>a,.problem-card>.action>span,.clear-filter,.inner-card a,.title>a.title.color-default,.expand>a,.row>div:has(>time)>a,.reply-card>p>a,span.C.G,.row.title>a,.row div>a,.bar-item,.filter-wrapper a,.form-item.form-check>a,.form-bottom>a,.reply > .info-item,.last-link>a,.l-flex-info-row a" // 强制超链接
ColorfulLabel = ".difficulty a.color-default[colorscheme='default']>span,.box>span.lfe-caption,span.lfe-caption.tag,a.tag.color-none>span,.difficulty-tags>.row>span.lfe-caption,.difficulty>span.lfe-caption,a.status-link>span.lfe-caption,.lfe-caption.tag>span,.author-margin>.lfe-caption,.team-authority,.inner-card span.lfe-caption[style*='color:'],.status>.lfe-caption" // 标签
GrayLabel = '.card.info-card.center.padding-default .tags>span.tag[style*="rgb(232"]:not(.selected),.inner-card>.row>div>span.lfe-caption,.card.log.padding-default li span.lfe-caption,.row.info>span' // 灰度标签
Topic-type-Label = ".tags-wrap.multiline>a>span,.card.info-card.center.padding-default .tag-select-area .tags>span.tag,.block-item.tag" // 题目类型标签
Topic-difficulty-Label = ".difficulty a span.lfe-caption,.difficulty span.lfe-caption,.difficulty-tags span.lfe-caption,.block-item.tag" // 题目难度标签
InLine-code-block = "[class*='marked'] code,.am-comment-bd p>code" // 行内代码块
Code-block = "pre:not([mp-editor-container],.CodeMirror-line)" // 代码块
Discuss = ".row-wrap > .card.comment.padding-default, .card.log,.article-comment .l-card.reply-item,.l-card.comment" // 讨论区评论
Badge = ".am-badge,.user-name span.lfe-caption,a[href*='https://help.luogu.com.cn/manual/luogu/account/user-tag'] span" // 用户 Tag
Button = ".lfe-form-sz-middle,.am-btn,.lform-size-middle,.lform-sz-middle,a[href*='http']>#go" // 中型按钮
Small-Button = ".lfe-form-sz-small,.lform-sz-small,.lform-size-small,.copy-btn,.copy-btn.lfe-form-sz-middle" // 小型按钮
Username = "a.color-none[href*='/user/'][target='_blank']>span,.name[style*='font-weight: bold;'],.item span>span[slot='trigger']" // 用户 id
Avatar = "img.avatar,img.am-comment-avatar,.luogu-username>img,.message-block>img,.avatar>img" // 用户头像
// 全局工具函数
use_stable_bg() // 设置背景相关参数
background-repeat: no-repeat !important
background-size: cover !important
background-position: center !important
// 使用全局背景
use_mainly_background(background-val = Background)
will-change: background
&:before
will-change: transform
contain: strict if Content-Visibility
transform: translate3d(0,0,0) if Use-GPU
content: ""
position: fixed
top: 0
left: 0
height: 100%
width: 100%
background: background-val !important
background-attachment: fixed !important
z-index: -1
use_stable_bg()
use_new_bar() // 我们洛谷的新前端，太美丽
// 专栏顶栏样式修改
body>div>div.top-bar
background: Navbar-bg-color !important
body>div>nav.lside,body>div>div.rside
background: Article-sidebar-bg-color !important
& ul>li
transition: all Article-sidebar-card-hover-ani !important
border-radius: Article-sidebar-card-radius !important
& ul>li:hover
border-radius: Article-sidebar-card-radius !important
background: Article-sidebar-card-hover !important
get_depend_list(args) // TODO：此处支持可能不够完备，如有更完善实现可能更改
for arg in args
if arg!=None
return arg
return false
use_depend_list(prop,args,is_important=0) // 使用依赖列表进行变量赋值，最终顺序使用第一个可用参数，如果最终第一顺位元素值为 false，则不进行赋值
depend = get_depend_list(args)
if depend!=False
if is_important
{prop}: depend !important
else
{prop}: depend
set_default_value(key,value) // 实现一个设置默认值的功能
if key==Default || !(key is defined)
return value
else
return key
use_img_bg_color(Color)
transform: translateX(-10000px) !important
filter: drop-shadow(10000px 0px 0px Color) !important
blue_button_patch(Padding-width,Padding-height)
border: Button-border-size-blue solid Button-bg-color-blue !important
background: Button-bg-color-blue !important
color: Button-default-color !important
&:hover
border-color: Button-hover-bg-color-blue !important
background: Button-hover-bg-color-blue !important
&:active
border-color: Button-active-bg-color-blue !important
background: Button-active-bg-color-blue !important
padding: (Padding-height - Button-border-size-blue) (Padding-width - Button-border-size-blue)
red_button_patch(Padding-width,Padding-height)
border: Button-border-size-red solid Button-bg-color-red !important
background: Button-bg-color-red !important
color: Button-default-color !important
&:hover
border-color: utton-hover-bg-color-red !important
background: Button-hover-bg-color-red !important
&:active
border-color: Button-active-bg-color-red !important
background: Button-active-bg-color-red !important
padding: (Padding-height - Button-border-size-red) (Padding-width - Button-border-size-red)
use_jelly_ani(Button-scale)
0%,100%
transform: scale(1, 1);
25%
transform: scale(1 - Button-scale, 1 + Button-scale);
50%
transform: scale(1 + Button-scale, 1 - Button-scale);
75%
transform: scale(1 - Button-scale / 2, 1 + Button-scale / 2);
use_contract_ani(Button-scale)
0%,100%
transform: scale(1)
50%
transform: scale(1 - Button-scale)
use_bigger_ani(Scale)
transform: scale(1 + Scale)
use_slime_ani(Scale)
from,to
transform: scale(1)
33%
transform: scale(1 + Scale)
66%
transform: scale(1 - Scale)
use_hover_line(Hover-line-ani,Hover-line-color,Hover-line-height)
position: relative
overflow: visible !important
&::before
content: ""
width: 0
height: Hover-line-height !important
transition: all Hover-line-ani
background: Hover-line-color
position: absolute
top: 100%
left: 50%
&:hover::before
left: 0%
width: 100%
anti_hover_line()
&::before
opacity: 0 !important
// TODO：v2.0
use_button_style(Padding-width,Padding-height)
line-height: 1.5 !important // 统一新老前端标准
transition: background Button-hover-ani \, border-color Button-hover-ani\, box-shadow Button-hover-ani !important
// 蓝色按钮
&.am-btn-primary,&[style*="background-color: rgb(52\, 152\, 219);"],&[style*="background-color: rgba(52\, 152\, 219\, 0.9);"],&.solid,&#go
blue_button_patch(Padding-width,Padding-height)
&.am-btn-danger,&.lcolor-var-red-3.solid,&[style*="background-color: rgb(231\, 76\, 60);"],&[style*="background-color: rgba(231\, 76\, 60\, 0.9);"]
red_button_patch(Padding-width,Padding-height)
&[style*="background-color: rgba(0\, 0\, 0\, 0.5);"],&.button-transparent
border: Button-border-size-black solid Button-border-color-black !important
background: Button-bg-color-black !important
color: Button-default-color !important
&:hover
background: Button-hover-bg-color-black !important
opacity: 1 !important
&:active
background: Button-active-bg-color-black !important
padding: (Padding-height - Button-border-size-black) (Padding-width - Button-border-size-black)
&[style*="background-color: rgba(52\, 152\, 219\, 0);"],&[style*="background-color: rgba(52\, 152\, 219\, 0.1);"] // TODO：改掉这沟槽的东西
border: Button-border-size-special-blue solid Button-border-color-special-blue !important
background: Button-bg-color-special-blue !important
&,& *
color: Button-border-color-special-blue !important
&:hover
background: Button-hover-bg-color-special-blue !important
&:active
background: Button-active-bg-color-special-blue !important
padding: (Padding-height - Button-border-size-special-blue) (Padding-width - Button-border-size-special-blue)
&[style*="background-color: rgba(231\, 76\, 60\, 0);"],&[style*="background-color: rgba(231\, 76\, 60\, 0.1);"]
border: Button-border-size-special-red solid Button-border-color-special-red !important
background: Button-bg-color-special-red !important
&,& *
color: Button-border-color-special-red !important
&:hover
background: Button-hover-bg-color-special-red !important
&:active
background: Button-active-bg-color-special-red !important
padding: (Padding-height - Button-border-size-special-red) (Padding-width - Button-border-size-special-red)
&[style*="background-color: rgb(82\, 196\, 26);"],&[style*="background-color: rgba(82\, 196\, 26\, 0.9);"],.am-btn-success
border: Button-border-size-green solid Button-bg-color-green !important
background: Button-bg-color-green !important
color: Button-default-color !important
&:hover
border-color: Button-hover-bg-color-green !important
background: Button-hover-bg-color-green !important
&:active
border-color: Button-active-bg-color-green !important
background: Button-active-bg-color-green !important
padding: (Padding-height - Button-border-size-green) (Padding-width - Button-border-size-green)
if Button-ani-select!='off'
if Button-ani-select=='jelly'
@keyframes Button-active
use_jelly_ani(Button-active-scale)
else
@keyframes Button-active
use_contract_ani(Button-active-scale)
&:focus:not(:active)
animation: Button-active Button-active-ani !important
if No-btn-outline
&:focus
outline: none !important
padding: (Padding-height - 1px) (Padding-width - 1px) // 默认 padding 大小
float_fix()
&:after
content: ""
display: block
clear: both
use_discuss_side()
.sidebar-container.layout:has(.side+.main)
if Discuss-Sidebar-right
&>.side
margin-right: 0 !important
float: right !important
&>.main
margin-left: 0 !important
float: left !important
else
&>.side
margin-left: 0 !important
&>.main
margin-right: 0 !important
@media (min-width: 769px)
&>.side
width: Discuss-Sidebar-width !important
box-sizing: border-box !important
min-width: 0 !important
margin-left: 0 !important
margin-right: 0 !important
if !Discuss-Sidebar-right
margin-right: Discuss-Sidebar-margin !important
&>.main
width: Discuss-Main-width !important
min-width: 0 !important
margin-left: 0 !important
margin-right: 0 !important
display: inline-block if Discuss-Sidebar-right
width: 100%
DarkMode_check(a,b)
if DarkMode
return a
else
return b
Check(c,a,b)
if c
return a
else
return b
// https://stackoverflow.com/questions/44522299/css-only-acrylic-material-from-fluent-design-system
// 直接修改背景的亚克力实现，不需要修改 z-index，不会对 border-radius 造成影响，但可能造成层叠混乱
acrylic_b(acr-bgcolor,blur-radius=10px)
if Use-GPU
@layer
&
transform: translateZ(0)
background: acr-bgcolor !important
backdrop-filter: blur(blur-radius) !important unless blur-radius == 0
// 亚克力基本实现转自氩洛谷 RE2024。
// 基于伪元素的亚克力实现，不会造成层叠混乱
acrylic_a(acr-bgcolor,blur-radius=10px)
if match(":after",selector()) != null || match(":before",selector()) != null
acrylic_b(acr-bgcolor,blur-radius)
else
background: none !important
backdrop-filter: none !important
filter: none !important
@layer
&
position: relative
&::before
content-visibility: auto if Content-Visibility
contain: strict if Content-Visibility
transform: translate3d(0px, 0px, 0px) if Use-GPU
height: auto !important
width: auto !important
background: acr-bgcolor !important
backdrop-filter: blur(blur-radius) !important unless blur-radius == 0
content: ""
if @border-radius
border-radius: @border-radius
else
border-radius: inherit
transition: @transition if @transition
position: absolute
pointer-events: none
top: 0
left: 0
right: 0
bottom: 0
z-index: -1 !important
//https://stackoverflow.com/questions/74085350/backdrop-filter-doesnt-apply-if-parents-opacity-is-less-than-1
/*
很遗憾，这不起作用
transform: translateZ(0)
backface-visibility: hidden
*/
to_s() // 将值转换为对应字符串
return "%s%s"%((arguments) ())
analysis_string(str) // 解析字符串
if typeof(str)!="string"
return str
if str==""
return ""
if substr(str,0,1)=='^'
return to_s(convert(slice(str,1)))
else if substr(str,0,1)=='$'
return slice(str,1)
else
return convert(str)
analysis_user_string(str) // 转义直接在配置页面输入的字符串
if typeof(str)!="string"
return str
else if substr(str,0,1)=='$'
return analysis_string(slice(str,1))
else
return str
background()
if substr(to_s(arguments),0,6)=='imgurl'
val=slice(to_s(arguments),3)
background: convert(val)
image-rendering: crisp-edges
use_stable_bg()
else if substr(to_s(arguments),0,7)=='Acrylic'
val='a'+slice(to_s(arguments),1)
convert(val)
else if to_s(arguments)=="transparent" || to_s(arguments)=="transparent !important"
background: arguments
&:before
display: none !important
else if typeof(arguments)=='rgba'
background: arguments
else
background: arguments
User_badge(uid, radius, bgc, textc, content_text)
a[href*=\'{s("/user/%s",uid)}\'][target='_blank'],a.name[href*=\'{s("/user/%s",uid)}\'][style*='font-weight: bold;'], .user-header-top > img[src*=\'{s("/usericon/%s",uid)}\']+.user-info .user-name > span:first-child, .lfe-body:has(>.top-bar>.user-nav img[src*=\'{s("/usericon/%s",uid)}\']) > .user-nav.rside .luogu-username.username > .name
overflow: visible
&::after
overflow: visible !important
margin: 0 auto
content: content_text
font-size: 90%
line-height: 1.5
font-weight: 400
padding: 0 8px
box-sizing: border-box
border-radius: radius !important
display: inline-block
color: textc
background: bgc !important
white-space: nowrap
margin-left: 3px
a.name[href*=\'{s("/user/%s",uid)}\'][style*='font-weight: bold;'], .user-header-top > img[src*=\'{s("/usericon/%s",uid)}\']+.user-info .user-name > span:first-child
&::after
padding: 0 .5em !important
.user-header-top > img[src*=\'{s("/usericon/%s",uid)}\']+.user-info .user-name > span:first-child
&::after
font-size: 70% !important
User_Name(uid,user_color,user_hover_color)
a.color-none[href*=\'{s("/user/%s",uid)}\'][target='_blank'] > span[style*="color:"],.panel-content .item > img[src*=\'{s("%s.",uid)}\']+span > span[slot="trigger"],a.name[href*=\'{s("/user/%s",uid)}\'][style*='font-weight: bold;'], .user-header-top > img[src*=\'{s("/usericon/%s",uid)}\']+.user-info .user-name > span:first-child, .lfe-body:has(>.top-bar>.user-nav img[src*=\'{s("/usericon/%s",uid)}\']) > .user-nav.rside .luogu-username.username > .name
color: user_color !important
&:hover
color: user_hover_color !important
is_acrylic()
if substr(to_s(arguments),0,7)=='Acrylic'
return 1
return 0
sub_acrylic()
return convert('look_acrylic_value'+slice(to_s(arguments),9))
look_acrylic_value(acr-bgcolor,blur-radius=10px)
return acr-bgcolor
Ready_acrylic()
if is_acrylic(arguments)
background: Acrylic_a(rgba(rgb(sub_acrylic(arguments)),0),0)
//box-shadow()
// if Use-GPU
// filter: s("box-shadow(%s)",arguments)
// else
// box-shadow: arguments
// 兼容性选项
if exlg-compatible
Card_L2 += ",.exlg-emo-btn"
Hover_card_float += ",.exlg-dash-options"
Introduce += ",a.exlg-dropdown.field *"
Hover-A += ",a.exlg-dropdown.field *"
Card_float += ",.exlg-messages-outter > div,.exlg-show-emo,.exlg-message-inner"
Text += ",.exlg-messages-outter *,.exlg-emo-btn,.exlg-message-inner"
Operate += ",.exlg-unselectable>a"
Operate_hover += ",.exlg-unselectable>a"
if DarkMode
Exlg-Codeheader-bg-color = set_default_value(Exlg-Codeheader-bg-color,#2f3741)
else
Exlg-Codeheader-bg-color = set_default_value(Exlg-Codeheader-bg-color,#eee)
// 全局变量定义
// 用户样式解析
for US in (secondary_UserStyle secondary_UserStyle2 secondary_UserStyle3)
if US!=None
for key, value in US
if (typeof(lookup(key))=="string" && lookup(key)==Default)
val = analysis_string(value)
define(key,val)
else if typeof(lookup(key))=="string"
val = analysis_user_string(lookup(key))
define(key,val)
for US in (UserStyle3 UserStyle2 UserStyle)
if US!=None
for key, value in US
val = analysis_string(value)
define(key,val)
DefaultStyle = {
"Card-L1-radius": "4px",
"Card-L2-radius": "4px",
"Card-float-radius": "5px",
"Inputbox-radius": "4px",
"Benben-radius": "get_depend_list(Card-L2-radius, 4px)",
"InLine-code-block-radius": "3px",
"Code-block-radius": "5px",
"InLine-code-block-border": "^Check(InLine-code-block-border-del,none,1px solid)",
"Code-block-border": "^Check(Code-block-border-del,none,1px solid)",
"Luogu-discuss-color-2": "#14558f",
"Luogu-discuss-color-3": "#f39c11",
"Luogu-discuss-color-4": "#9d3dcf",
"Luogu-discuss-color-5": "#52c41a",
"Luogu-discuss-color-6": "#2949b4",
"Background-color": "DarkMode_check(#141725, #efefef)",
"Card-bg-color-L1": "DarkMode_check(#252d38, #fcfcfc)",
"Card-bg-color-L2": "DarkMode_check(#2f3741, #fff)",
"Header-bg-color": "Check(CustomBackground!=None,none,DarkMode_check(linear-gradient(90deg,#282828,#1a1a1a), linear-gradient(90deg, rgb(35, 37, 38), rgb(65, 67, 69))))",
"Footer-bg-color": "Check(CustomBackground!=None,none,DarkMode_check(#1a1a1a, linear-gradient(150deg,#708090 15%,#2F4F4F 70%,#000000 94%)))",
"Card-bg-color-float": "DarkMode_check(#242C38, #fff)",
"Card-hover-color-float": "DarkMode_check(#3e4752, #e5e5e5)",
"Text-color": "DarkMode_check(#c4c6c9, rgba(0,0,0,.75))",
"State-color": "DarkMode_check(rgba(255,255,255,0.45), rgba(0,0,0,0.45))",
"Introduce-color": "DarkMode_check(#c4c6c9, rgba(0,0,0,.75))",
"Operate-color": "DarkMode_check(#999999, #999999)",
"Operate-hover-color": "DarkMode_check(#dcdcdc, #3f3f3f)",
"Topic-text-color": "DarkMode_check(#fff, #fff)",
"ColorfulLabel-text-color": "DarkMode_check(#fff, #fff)",
"GrayLabel-text-color": "DarkMode_check(#dddddd, #3a3a3a)",
"GrayLabel-border-color": "DarkMode_check(#3f6b91, #bebebe)",
"GrayLabel-bg-color": "DarkMode_check(#162430, #e8e8e8)",
"A-color": "DarkMode_check(#5e72e4, #3498db)",
"A-hover-color": "DarkMode_check(#0056b3, #095f8a)",
"Scrollbar-trby CodingOIer @ 2025-01-11 18:43:30
@eggy__party
by FuWeichen @ 2025-01-11 18:50:23
啊？？？！
by Mr_yang1 @ 2025-01-11 18:54:11
氧洛谷是啥
by eggy__party @ 2025-01-11 18:54:38
@CodingOIer已关，此贴结
by CodingOIer @ 2025-01-11 18:56:50
@Mr_yang1
https://www.luogu.com.cn/article/4z1xa6y5
by Mr_yang1 @ 2025-01-11 19:03:42
@CodingOIer ths
by L_V_ @ 2025-01-11 19:38:16
@CodingOIer可是你的氧洛谷运行不了啊
by L_V_ @ 2025-01-11 19:39:21
@CodingOIer