氩洛谷2.0：适配新版洛谷界面的洛谷美化插件！
elainya_stars
·
2026-05-24 09:45:11
·
科技·工程
写在前面：本文章并非对旧版氩洛谷所做的补丁，而是一个全新的渲染代码，只不过是和旧版渲染方式类似。
写在前面：此次交审是对代码的部分更新与纠正，愿审核管理员顺利通过，谢谢辛苦了。
这是什么
最近，洛谷非常着急地把很多洛谷界面换成了新版（同题目界面），导致原本的氩洛谷在很多场景下美化失效。
我通过对新版洛谷的 F12 控制台界面的反复研究，以及对旧版氩洛谷少部分代码的参考，制作了一个用于同时美化旧版和新版洛谷界面的插件。
怎么下载安装
1. 下载 Stylus(Beta)
注意：此插件和 Stylus 有些许不同，请检查你的 Stylus 是否为 Beta 版，若不是，请按下面方法重新下载 Stylus(Beta)。
https://chrome.zzzmh.cn/info/apmmpaebfobifelkijhaljbmpcgbjbdo
进入后点推荐下载，下载压缩包后解压缩。打开你的浏览器“管理扩展”界面，打开“开发人员模式”，把压缩包内 .crx 文件拖进去就可以了。
如果失败的话，检查你的浏览器是否为最新版，该插件可能不兼容部分旧版浏览器。
如果还是失败的话去“扩展商店”里搜索 Stylus 就行了，记得下载 Beta 版。
2. 添加代码
点击右上角 Stylus 图标，点弹窗左下角“管理样式”，进入主界面。
进入 Stylus 主界面后点左栏加号。
勾选左上角“以 UserCSS 编写新样式”。
如果你的 Stylus 里没有“以 UserCSS 编写新样式”，请检查你的 Stylus 是否为 Beta 版，若不是，请按上述方法重新下载 Stylus(Beta)。
在右面任意一个代码框里把已填充的代码删掉，输入下面大段的代码，即可。
3. 样式自由自定义
Stylus 插件中，该样式旁边设置符号点开即可设置。
若没有设置符号，请检查你的 Stylus 是否为 Beta 版，若不是，请按上述方法重新下载 Stylus(Beta)。
4. 作者持续更新（见文章尾部更新日志）
作者会对当前版本的一些瑕疵，或洛谷新更新后未渲染的页面进行更新，做到无纰漏。作者乐意听取修改意见。
当你发现插件渲染有些部分异常或失效，请再回来看看最新版，复制一遍源码，可能就好啦。
:::info[code]
/* ==UserStyle==
@name 新版氩洛谷
@namespace github.com/openstyles/stylus
@version 1.0.0
@description good luogu
@author elainya_stars
@license MIT
@var number dark-mode "夜晚模式（现在没有作用）" [0, 0, 1, 1]
@var text main-background "自定义背景（支持.webp,.gif等动图格式）" "url(https://i.ibb.co/DPhQDLtZ/1e3y9-Tzn8-LY69-M1-1783830243.webp)"
@var text main-font "自定义字体（确保系统已安装）" "微软雅黑"
@var color w-dark "深色部分（含链接，深色按钮，底栏字色等）" "#9d8b63"
@var color w-mid "中色部分（含浅色按钮，进度条，通过率，部分侧栏颜色等）" "#dfc27b"
@var color w-light "浅色部分（含部分阴影，部分图标等）" "#ffebad"
@var color w-choose "选择框颜色" "#ffebad"
@var color oldside-col "旧版左栏颜色（同时可修改透明度；建议只修改透明度，颜色设为纯白）" #fff3
@var color card-col "所有卡片颜色" #ffffffbf
@var color hover-col "所有卡片颜色（鼠标覆盖后）" #ffffffd9
@var text card-blur "所有卡片毛玻璃程度（0为无毛玻璃）（洛谷自带毛玻璃失效）" "5px"
@var color head-col "顶栏颜色" #ffffff80
@var text head-blur "顶栏毛玻璃程度" "0px"
@var color ls-col "新版左栏颜色" #ffffffbf
@var text ls-blur "新版左栏毛玻璃程度" "3px"
@var color rs-col "新版右栏颜色" #ffffffbf
@var text rs-blur "新版右栏毛玻璃程度" "3px"
@var color ide-col "ide模式颜色" #ffffffe6
@var text ide-blur "ide模式毛玻璃程度" "0px"
@var color bb-col "犇犇颜色" #ffffffd9
@var color bbh-col "犇犇颜色（鼠标覆盖后）" #ffffffe8
@var text bb-blur "犇犇毛玻璃程度" "0px"
==/UserStyle== */
/*@var color w-dark "[w] 深色部分" "#8e7eba"
@var color w-mid "[w] 中色部分" "#c0b5ff"
@var color w-light "[w] 浅色部分" "#e0dcff"
@var color b-dark "[b] 深色部分" "#8e7eba"
@var color b-mid "[b] 中色部分" "#c0b5ff"
@var color b-light "[b] 浅色部分" "#e0dcff"
@var color w-choose "[w] 选择框颜色" "#e0dcff"
@var color b-choose "[b] 选择框颜色" "#8e7eba"*/
@-moz-document url-prefix("https://www.luogu.com.cn") {
:root {
--dark-color: var(--w-dark);
--mid-color: var(--w-mid);
--light-color: var(--w-light);
}
a.lform-size-middle[data-v-505b6a97]{
color: var(--dark-color);
border-color: var(--dark-color);
}
a.lform-size-small[data-v-505b6a97] {
color: var(--dark-color); /*字体颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
/*新版界面白色色按钮颜色（鼠标覆盖后）*/
a.lform-size-middle[data-v-505b6a97]:hover {
color: var(--dark-color); /*字体颜色*/
background-color: var(--light-color) !important; /*背景颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
a.lform-size-small[data-v-505b6a97]:hover {
color: var(--dark-color); /*字体颜色*/
background-color: var(--light-color) !important; /*背景颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
/*新版界面蓝色色按钮颜色*/
a.solid.lform-size-middle[data-v-505b6a97] {
color: #fff; /*字体颜色*/
background-color: var(--dark-color); /*背景颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
/*新版界面蓝色色按钮颜色（鼠标覆盖后）*/
a.solid.lform-size-middle[data-v-505b6a97]:hover {
color: #fff; /*字体颜色 */
background-color: var(--mid-color) !important; /*背景颜色*/
border-color: var(--mid-color); /*边框颜色*/
}
button.lform-size-middle[data-v-505b6a97]{
color: var(--dark-color);
border-color: var(--dark-color);
}
button.lform-size-small[data-v-505b6a97] {
color: var(--dark-color); /*字体颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
/*新版界面白色色按钮颜色（鼠标覆盖后）*/
button.lform-size-middle[data-v-505b6a97]:hover {
color: var(--dark-color); /*字体颜色*/
background-color: var(--light-color); /*背景颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
button.lform-size-small[data-v-505b6a97]:hover {
color: var(--dark-color); /*字体颜色*/
background-color: var(--light-color); /*背景颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
/*新版界面蓝色色按钮颜色*/
button.solid.lform-size-middle[data-v-505b6a97] {
color: #fff; /*字体颜色*/
background-color: var(--dark-color); /*背景颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
button.solid.lform-size-small[data-v-505b6a97] {
color: #fff; /*字体颜色*/
background-color: var(--dark-color); /*背景颜色*/
border-color: var(--dark-color); /*边框颜色*/
}
button.solid.lform-size-middle[data-v-505b6a97]:hover {
color: #fff; /*字体颜色 */
background-color: var(--mid-color); /*背景颜色*/
border-color: var(--mid-color); /*边框颜色*/
}
button.solid.lform-size-small[data-v-505b6a97]:hover {
color: #fff; /*字体颜色 */
background-color: var(--mid-color); /*背景颜色*/
border-color: var(--mid-color); /*边框颜色*/
}
div[data-v-fc349d1c][style*='rgb(255, 255, 255)'] {
background-color: rgb(0, 0, 0, 0)!important;
}
ul[data-v-9c6e88ba] {
border-width: 9px;
background-color: none !important;
background-color: var(--card-col) !important;
border-color: #fff !important;
border-radius: 15px !important;
}
span.header-logo[data-v-6449c5ae]
{
background-color: var(--light-color) !important;
}
/*---以下内容可自定义*/
/*背景图片，这三个网址都要改*/
html > body {
background: var(--main-background);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.theme-page,main[data-v-6828e796-s],footer[data-v-b54f2d30] {
background: var(--main-background) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
background-attachment: fixed !important;
}
.theme-page::before {
background: var(--main-background) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
background-attachment: fixed !important;
}
p[data-v-b54f2d30]
{
margin-left: auto;
margin-right: auto;
width: 610px;
color: var(--dark-color);
border-width: 9px;
background-color: var(--card-col)!important;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff!important;
transition: all .3s ease;
}
p.copyright[data-v-b54f2d30]{width: 490px;}
p:hover[data-v-b54f2d30]
{
border-width: 9px;
background-color: var(--hover-col)!important;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff!important;
transition: all .3s ease;
}
/*字体——自定义*/
div.card{
font-family: var(--main-font) !important;
}
.lfe-body{
font-family: var(--main-font) !important;
}
/*顶栏*/
.top-bar
{
background-color: var(--head-col) !important;
backdrop-filter: blur(var(--head-blur)) !important;
color: #404040 !important;
}
.main-container > .header-layout.tiny{
height: 4em !important;
z-index: 999 !important;
background: none !important;
}
.header-link[data-v-1d35343d]:hover {
transition: all 0.3s ease-in-out !important;
}
/*新版侧栏*/
/*左*/
nav.sidebar.lside.bar.hide.nav-scrollbar {
background: var(--ls-col) !important;
color: #000;
backdrop-filter: blur(var(--ls-blur)) !important;
}
.lside.drawer.show,.lside.drawer.hide {
background: var(--ls-col) !important;
color: #000;
backdrop-filter: blur(var(--ls-blur)) !important;
}
/*右*/
.rside[data-v-8a6f9694] {
color: #000;
background: var(--rs-col) !important;
backdrop-filter: blur(var(--rs-blur)) !important;
}
/*超链接（4个都要改）*/
a{
transition:all .15s;
color: var(--dark-color);
}
a[data-v-68331158]{
transition:all .15s;
color: var(--dark-color);
}
a[data-v-097edf1f]{
transition:all .15s;
color: var(--dark-color);
}
a[data-v-12b24cc3]{
transition:all .15s;
color: var(--dark-color);
}
a[data-v-1279bf1e]{
transition:all .15s;
color: var(--dark-color);
}
a[data-v-7dfa3e24]{
transition:all .15s;
color: var(--dark-color);
}
li.selected{
color: var(--dark-color) !important;
}
.selected.entry{
color: var(--dark-color) !important;
}
.selected.entry::before {
background-color: var(--dark-color) !important;
}
.entry::before {
background-color: var(--mid-color) !important;
}
/*选中内容的样式*/
*::selection{
background-color: var(--w-choose);
}
*::-moz-selection{
background-color: var(--w-choose);
}
*::-webkit-selection{
background-color: var(--w-choose);
}
/*滚动条*/
::-webkit-scrollbar{
width: 10px;
height: 10px;
background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track{
background-color: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb{
background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover{
background-color: var(--mid-color);
}
html, body {
overflow-x: scroll !important;
}
::-webkit-scrollbar:horizontal{
display: block !important;
width: 10px;
height: 10px;
background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track:horizontal{
background-color: rgba(220, 220, 220);
}
::-webkit-scrollbar-thumb:horizontal{
background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:horizontal:hover{
background-color: var(--mid-color);
}
.cover-upload
{
top: 50px !important;
height: 110px !important;
}
div.mp-editor-container.mp-full-screen[data-v-a97ae32a]
{
height: 100% !important;
}
/*界面主体透明度*/
.lg-article,.lg-summary,.lg-article-sub,
.lg-content-table-left,.card,.l-card,.article-comment,
.article-banner,.article-content,.cover-upload{
z-index: 1 !important;
border-width: 9px;
background-color: var(--card-col) !important;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff!important;
transition: all .3s ease;
}
.lg-article:hover,.lg-summary:hover,.lg-article-sub:hover,
.lg-content-table-left:hover,.card:hover,.l-card:hover,
.article-content:hover,.article-comment:hover,.article-banner:hover,.cover-upload:hover{
background-color: var(--hover-col)!important;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff!important;
transition: all .3s ease;
}
/*ide模式主体（rgba第四位调节透明度）*/
.ide-container {
transition: all .5s ease;
animation: slowshow .5s 1;
height: calc(100vh - 4em);
background-color: var(--ide-col)!important;
box-shadow: 0px 0px 10px #fff !important;
border-radius: 30px;
backdrop-filter: blur(var(--ide-blur)) ;
}
/*界面主体毛玻璃*/
.lg-article,.lg-summary,.lg-article-sub,
.lg-content-table-left,.card,.l-card,
.article-content,.article-comment,.article-banner{
position: relative !important;
}
div.tooltip{
left: 0 !important;
top: 0 !important;
}
.lg-article::before,.lg-summary::before,.lg-article-sub::before,
.lg-content-table-left::before,.card::before,.l-card::before,
.article-content::before,.article-comment::before,.article-banner::before{
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: -1 !important;
border-radius: inherit !important;
pointer-events: none !important;
background: none !important;
backdrop-filter: blur(var(--card-blur)) !important;
}
div.article-comment.reply-card[data-v-0910ec7f-s]
{
background: none !important;
border: none !important;
box-shadow: none !important;
}
}
@-moz-document url-prefix("https://www.luogu.com.cn") {
/*---对于基本控件的处理*/
/*--字体引用*/
html,body{
font-family:'open sans' !important;
}
body{
overflow-x: hidden;
}
h1 , h2 , h3 , h4 , h5 , h6{
font-weight: 600 !important;
}
*>h2:first-child{
margin-bottom: 1.6rem;
}
.card .color-default{
color:var(--dark-color) !important;
}
/*--顶栏*/
.lg-header, .lg-header-list>li {
background-color: rgba(0,0,0,.01);
border-color: var(--dark-color);
}
.lg-header{
box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
}
/*--代码字体*/
code, .hljs {
font-family: consolas !important;
}
/*--加载进度条处理*/
#nprogress .nprogress-peg{
box-shadow: none !important;
}
#nprogress .nprogress-bar {
position: fixed;
top: 0 !important;
background: #5eb95e;
}
/*--动画定义*/
@keyframes fadeInLeft{
from{
opacity:0;
transform:translateX(-35px);
}
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes fade{
from {
opacity:0;
}
to {
opacity:1;
}
}
/*--侧栏*/
#app > .lfe-body{
background: var(--oldside-col) !important/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/;
box-shadow: 4px 5px 15px rgba(50,50,93,.1),2px 5px 8px rgba(0,0,0,.07)!important;
}
#app > .lfe-body > a{
color: var(--mid-color) !important;
height:3.7em;
margin-top:3px;
padding:0 !important;
}
#app > .lfe-body > a:first-of-type{
margin-top: 10px !important;
}
#app > .lfe-body > a > .icon{
line-height: 2.4em;
font-size: 18px;
width: 100%;
margin: 0 !important;
transition: all 0.3s ease;
}
#app > .lfe-body > a > .text{
opacity:0;
margin-top: -1em;
display: block;
transition: all 0.3s ease;
}
#app > .lfe-body > a:hover > .icon{
line-height: 1.5em;
font-size: 17px;
}
#app > .lfe-body > a:hover > .text{
opacity:1;
margin-top: 0.2em;
}
#app > .lfe-body > div:first-of-type{
background-color: var(--mid-color) !important;
}
#app > .lfe-body > .popup-button{
background-color: transparent !important;
margin-top:8px;
color: var(--mid-color) !important;
}
/*-侧栏Hover动画*/
.lg-sidebar-list li[class^="lg-nav"] a span[class^="am-icon"]:after {
content: "";
background: var(--light-color);
position: absolute;
left: 50%;
right: 50%;
bottom: 8px;
height: 2px;
width: 0px;
border-radius: 10px;
transition: all .15s ease;
}
.lg-sidebar-list li[class^="lg-nav"] a:hover span[class^="am-icon"]:after {
left: 40%;
right: 40%;
width: 20%;
}
/*--输入框*/
.am-input-group , .input-group{
transition: box-shadow .15s ease;
}
.am-input-group{
border-radius: .5rem !important;
}
.am-form-field , .input-group > .input-wrap > input , .input-wrap > input{
transition: box-shadow .15s ease;
border:none !important;
border-radius: 4px !important;
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
min-height:25px !important;
}
.am-form-field:focus , .input-group > .input-wrap > input:focus , .input-wrap > input:focus{
box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
}
.am-form-field , .input-group > button{
transition: box-shadow .15s ease;
border:none;
border-radius: 4px !important;
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
}
.input-group > button{
margin-left:3px;
}
.am-form-field , .input-group > button:hover{
box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
}
.am-input-group-sm>.am-form-field, .am-input-group-sm>.am-input-group-btn>.am-btn, .am-input-group-sm>.am-input-group-label {
font-size: 1.35rem !important;
}
.am-input-group-label {
background: transparent;
border: none;
}
.am-input-group-danger,.am-input-group-primary{
box-shadow:none;
}
.am-input-group-danger > .am-input-group-label,.am-input-group-primary > .am-input-group-label{
border-radius:.5rem !important;
outline:none !important;
letter-spacing: .05em;
transition: all .15s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
color: #fff !important;
margin-bottom:6px;
height:33.4px;
}
.am-input-group-danger > .am-input-group-label:hover,.am-input-group-primary > .am-input-group-label:hover{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.am-input-group-danger > .am-input-group-label:active,.am-input-group-primary > .am-input-group-label:active{
box-shadow: none;
}
.am-input-group-danger > .am-input-group-label{
border-color: var(--dark-color);
background-color: var(--dark-color);/*#ec0c38*/
}
.am-input-group-primary > .am-input-group-label{
border-color: var(--mid-color);
background-color: var(--mid-color);
border-radius: .5rem !important;
}
textarea{
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
border:none !important;
}
textarea:focus{
box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
}
.lg-input-title {
margin-bottom: 5px;
border-radius: 5px;
border-color: #ddd;
}
/*-特判顶部工具条搜索*/
#topbar-search-text{
border-radius:.5rem 0 0 .5em !important;
}
#topbar-search{
border-radius:0 .5rem .5em 0 !important;
border-color: var(--dark-color);
background-color: var(--dark-color);
}
/*--按钮*/
.am-btn{
outline:none !important;
border:none !important;
letter-spacing: .05em;
padding: 8px 18px;
transition: all .15s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
color: #fff !important;
margin-bottom:6px;
background-color: var(--mid-color);
}
.am-dropdown > .am-btn{
color: inherit !important;
}
.am-btn:hover , button[type='button']:hover{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
transform: translateY(-1px);
background-color: var(--mid-color);
}
.am-btn:active , button[type='button']:active{
box-shadow: none;
}
.am-btn-danger,.am-btn-danger:hover,.am-btn-danger:active,.am-btn-danger:focus,.am-btn-danger:visited{
border-color: var(--dark-color);
background-color: var(--dark-color);
}
.am-btn-primary,.am-btn-primary:hover,.am-btn-primary:active,.am-btn-primary:focus,a.am-btn-primary:visited{
border-color: var(--mid-color);
background-color: var(--mid-color);
}
.am-btn-success,.am-btn-success:hover,.am-btn-success:active,.am-btn-success:focus,a.am-btn-success:visited{
border-color: var(--mid-color);
background-color: var(--mid-color);
}
.am-btn-warning,.am-btn-warning:hover,.am-btn-warning:active,.am-btn-warning:focus,a.am-btn-warning:visited{
border-color: #fb6340;
background-color: #fb6340;
}
/*-复制按钮*/
.copy-btn{
border-color: var(--dark-color)!important;
background-color: var(--dark-color) !important;
color: #fff !important;
margin-top: 3px;
}
/*--Tooltip*/
.tip-twitter{
background:#172b4d;
color:#fff;
border-radius:50px;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
.tip-twitter>div{
font-weight:unset !important;
font-size:13px !important;
margin-left:5px;
margin-right:5px;
}
/*--标签*/
.am-badge{
border-radius:50px !important;
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
transition:all .15s;
}
.tag span.lfe-caption, .difficulty span.lfe-caption{
border-radius:50px !important;
padding-left:10px;
padding-right:10px;
padding-top: 1px;
padding-bottom: 1px;
transition:all .15s;
}
.am-badge:hover , .tag span.lfe-caption:hover, .difficulty span.lfe-caption:hover{
transform: translateY(-1px);
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
.am-badge , .lfe-caption[slot='difficulty'] , .lfe-caption.tag , .tags-wrap{
overflow:visible !important;
}
.am-badge.lg-bg-red{
background-color: #f80031;
}
.am-badge.lg-bg-orange{
background-color: #ff471d;
}
.am-badge.lg-bg-yellow{
background-color: #ff9d09;
}
.am-badge.lg-bg-green{
background-color: #1aae6f;
}
.am-badge.lg-bg-bluelight{
background-color: #03acca;
}
.am-badge.lg-bg-purple{
background-color: #8e44ad;
}
.am-badge.lg-bg-bluedark{
background-color: #001277;
}
.am-badge.am-badge-warning{
background-color: #fb6340;
}
/*--菜单*/
.am-dropdown-content{
padding: 1.5rem;
border-radius: .25rem;
background: #fff;
width:300px;
border:none;
margin-top:5px;
box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
}
.am-dropdown-content:before,.am-dropdown-content:after{
display:none !important;
}
/*--私信提示浮窗*/
.lg-unread{
line-height: 60px;
width: 60px;
height: 60px;
padding: 0;
text-align: center;
border-radius: 50%;
transition: all .15s ease;
color: #fff;
background-color: var(--dark-color);
box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
overflow:hidden;
}
/*--标题栏*/
.main-container > .header-layout{
height: 380px !important;
display: block;
position: relative !important;
left: 0 !important;
right: 0 !important;
background: 0 !important;
border: none;
color: #fff;
font-weight: unset !important;
}
.main-container > .header-layout .background{
display: none !important;
}
.main-container > .header-layout > .header{
max-width:1250px;
background: transparent !important;
padding-left: 35px;
position: relative;
}
.main-container > .header-layout > .header .user-nav{
right: 0;
}
@media screen and (max-width:1475px){
.main-container > .header-layout > .header{
position: initial;
}
.main-container > .header-layout > .header .user-nav{
right: calc(80px);
}
}
.main-container > .header-layout > .header > h1{
font-size: 50px;
margin-top:25px;
padding-bottom: 8px;
animation: fadeInLeft .5s ease;
max-width: calc(100vw - 150px);
}
.main-container > main.lfe-body{
margin-top: -180px;
position: relative;
background: transparent !important;
}
@media screen and (max-width: 576px){
.main-container > main.lfe-body {
margin-top: -60px;
}
.main-container > .header-layout > .header{
padding-left: 5px;
}
.main-container > .header-layout > .header > h1{
font-size: 35px;
}
}
/*-面包屑导航*/
.main-container > .header-layout .bread-crumb , .main-container > .header-layout .bread-crumb a{
color: rgba(255,255,255,.8) !important;
text-decoration:none;
}
.lg-main-content.solution-block{
margin-top:0 !important;
}
/*-面包屑导航*/
.main-container > header .bread-crumb , .main-container > header .bread-crumb a{
color: rgba(255,255,255,.8) !important;
text-decoration:none;
}
.lg-main-content.solution-block{
margin-top:0 !important;
}
/*--列表（旧版）*/
.lg-content-table-left{
background:#fcfcfc;
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
border-radius: .375rem;
margin-top:20px;
padding-left:30px;
padding-right:30px;
padding-bottom: 20px;
position: relative;
}
.lg-content-table-left>.lg-table-row{
width:100% !important;
box-shadow:none;
background:transparent;
border-radius:0;
border-bottom:0.6px solid rgba(0,0,0,0.08);
border-spacing: 2px;
padding-bottom:20px;
}
.lg-content-table-left>.lg-table-row:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
/*--题目列表等表格*/
div > .header-wrap{
padding-bottom: 20px !important;
font-size: 17px;
border-bottom: 0.6px solid rgba(0,0,0,0.08) !important;
}
div > .header-wrap .lfe-caption{
box-shadow: none !important;
}
div > .row-wrap{
padding: 24px 0 !important;
font-size: 17px;
border-bottom: 0.6px solid rgba(0,0,0,0.08) !important;
}
div > .row-wrap:last-child{
margin-bottom: 30px;
}
div > .row-wrap .lfe-caption{
font-size:14px;
}
/*-通过率条 tooltip*/
.rate-wrapper .rate-popup{
transition: all .25s ease !important;
display: block !important;
border-radius: 3px;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08) !important;
min-width: 4em;
min-height: 1em;
width: 4em;
height: 1em;
padding: 0 !important;
margin-bottom: -15px;
overflow: hidden !important;
opacity: 0;
color: transparent;
background: transparent;
pointer-events: none;
}
.rate-wrapper:hover .rate-popup{
border-radius: 30px;
margin-bottom: 10px;
min-width: 10em;
min-height: 1em;
width: unset;
height: unset;
padding: 5px 18px !important;
opacity: .8;
color: #fff;
background: var(--dark-color);
}
/*--页码*/
.am-pagination , .page-area{
padding-top:20px;
padding-bottom:20px;
width:max-content;
width:-moz-max-content;
margin-left:auto;
margin-right:auto;
border-top: none !important;
}
.am-pagination > li > a , .page-area .page-bar > button{
outline:none !important;
cursor: pointer;
line-height: 1.25;
position: relative;
display: block;
margin-left: -.0625rem;
padding: .5rem .75rem;
color: #8898aa;
border: .0625rem solid #dee2e6;
background-color: #fff;
font-size: 15px;
font-weight: unset;
display: flex;
min-width: 36px;
height: 36px;
margin: 0 3px;
border-radius: 100px!important;
align-items: center;
justify-content: center;
transition:all .3s;
}
.page-area .page-bar > button:hover{
background-color: #eee;
}
.am-pagination > .am-active > a , .page-area .page-bar > button[style*='background']{
color: #fff;
border-color: var(--dark-color) !important;
background-color: var(--dark-color) !important;
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.am-pagination > .am-active > a:hover{
color: #fff;
border-color: var(--dark-color);
background-color: var(--dark-color);
}
/*--评测详情色块*/
.lg-record-tile{
transition: all .15s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius:3px;
}
.lg-record-tile:hover{
transition: all .15s ease;
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
}
/*--评测详情色块(新版)*/
.test-case-wrap > .wrapper{
width: 100px;
height: 100px;
margin-right: 16px;
margin-bottom: 12px;
}
.test-case-wrap{
margin-top: 25px;
}
.test-case-wrap > .wrapper .test-case{
width: 100px;
height: 100px;
transition: all .2s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius:3px;
padding: 3px;
}
.test-case-wrap > .wrapper .test-case:hover{
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
}
.test-case-wrap > .wrapper .test-case .info{
width: calc(100% - 10px);
line-height: 15px;
font-size: 10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.test-case-wrap > .wrapper .test-case:hover .info{
white-space: normal;
}
.test-case-wrap > .wrapper .test-case .id{
margin-left: 3px;
}
.test-case-wrap > .wrapper .test-case .status{
font-weight: bold;
font-size: 22px;
margin-bottom: 5px;
}
.test-case-wrap > .wrapper .message{
transition: all .25s ease !important;
display: block !important;
border-radius: 3px;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
min-width: 105px;
min-height: 105px;
width: 105px;
padding: 0;
margin-top: 40px;
opacity: 0;
color: transparent;
background: transparent;
pointer-events: none;
}
.test-case-wrap > .wrapper:hover .message{
border-radius: 30px;
margin-top: -30px;
min-width: 12em;
min-height: 1em;
width: unset;
height: unset;
padding: 5px 18px;
opacity: .8;
color: #fff;
background: #172b4d;
}
/*--头像*/
.am-comment-avatar{
box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
border:none;
transition:all .15s;
}
.am-comment-avatar:hover{
box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}
.am-panel-bd .am-comment-avatar,.lg-message-content .am-comment-avatar,.lg-message-contact .am-comment-avatar,.lg-inline-up .am-comment-avatar , .lg-header-li .am-comment-avatar{
box-shadow:none;
}
/*--卡片面板*/
.am-panel{
border:none;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
/*--Footer*/
.main-container > .lfe-body:last-child{
padding: 0;
}
.main-container > .lfe-body:last-child .background{
display: none !important;
}
.main-container > .lfe-body:last-child > .footer{
background:0 !important;
max-width: unset !important;
padding: 25px 35px;
}
.main-container > .lfe-body:last-child > .footer a{
color:#fff !important;
}
.main-container > .lfe-body:last-child > .footer .qr-img{
display:none !important;
}
/*--团队成员卡*/
.lg-mcard{
border:none;
transition: all .15s ease;
box-shadow: 0 2px 3px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius:3px;
}
.lg-mcard:hover{
transition: all .15s ease;
transform: translateY(-1px);
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
/*--犇犇Tab条*/
/*此处使用了不太好的适配器解决方案，日后可能会优化*/
/*.lg-index-benben > .lg-article:nth-of-type(2){
box-shadow:none !important;
background:transparent;
}*/
.feed-selector > a{
font-weight: 500;
transition: all .15s ease;
color: var(--dark-color);
background-color: #fff;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius: 5px !important;
height:50px;
line-height:36px;
}
.feed-selector.am-active > a{
color: #fff;
background: var(--dark-color) !important;
}
/*--其余Tab条*/
.am-nav-tabs li>a{
font-weight: 500;
transition: all .15s ease;
color: var(--dark-color);
background-color: var(--dark-color);
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius: 5px !important;
height:50px;
line-height:36px;
padding-left:20px;
padding-right:20px;
border:none !important;
margin-right:10px;
}
.am-nav-tabs li.am-active>a{
color: var(--dark-color) !important;
background: var(--dark-color) !important;
}
.am-nav-tabs{
border:none;
margin-bottom:20px;
}
.am-tabs-bd{
border-radius:5px;
border:0.6px solid rgba(0,0,0,0.1);
background:transparent;
}
/*--进度条*/
.lg-table-small{
margin-top:5px;
}
.am-progress , .progress-frame{
border-radius: .5rem;
background-color: #e9ecef;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
border:none !important;
}
.am-progress-bar-secondary , .am-progress-bar , .progress-frame > div{
background-color: var(--mid-color) !important;
}
/*--复选框*/
.am-ucheck-checkbox:checked+.am-ucheck-icons, .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons, .am-ucheck-radio:checked+.am-ucheck-icons, .am-ucheck-radio:hover:not(.am-nohover):not(:disabled)+.am-ucheck-icons {
color: var(--mid-color);
}
.am-checkbox .am-icon-unchecked:before, .am-checkbox-inline .am-icon-unchecked:before {
content: "";
border: 1px solid rgba(0,0,0,0.1);
height: 15px;
width: 15px;
border-radius: 3px;
margin-top:3px;
}
/*--404页面*/
.lg-info-box > #pic,.lg-info-box > .lg-stamp{
display:none;
}
.lg-info-box{
color: #fff;
border-color: var(--dark-color);
background-color: var(--dark-color);
padding: 1rem 1.5rem;
border: 0;
border-radius: .25rem;
min-height:100px !important;
}
.lg-info-box>.am-text-left>h1{
margin-bottom:10px;
margin-top:10px;
}
.lg-info-box>.am-text-left>p{
margin-top:0px;
margin-bottom:0;
}
.lg-info-box >.am-text-left .lg-small{
margin-top:15px;
margin-bottom:15px;
color:rgba(255,255,255,0.6);
display:block;
}
/*--对话框*/
.am-modal-dialog {
box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .5rem;
outline: 0;
background-color: #fff;
background-clip: padding-box;
}
.am-modal-dialog>#lg-alert-title,.am-modal-dialog>#memtitle{
font-family: inherit;
font-weight: 400;
line-height: 1.3;
color: #32325d;
text-align: left;
padding-left: 15px;
padding-bottom: 15px;
border-bottom: 0.7px solid rgba(0,0,0,0.1);
margin-bottom: 15px;
}
.am-modal-dialog>#lg-alert-message,.am-modal-dialog>#memadmin{
line-height: 1.3;
color: #32325d;
text-align: left;
padding-left: 15px;
padding-bottom: 25px;
padding-top: 10px;
border-bottom: 0.7px solid rgba(0,0,0,0.1);
}
.am-modal-dialog .lg-model-content{
margin-top:10px;
}
.am-modal-btn{
outline:none !important;
border:none !important;
letter-spacing: .05em;
padding: 8px 18px;
transition: all .15s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
color: #fafafa !important;
height:unset;
line-height:unset;
border-radius:5px !important;
margin-right:3px;
display:inline-block !important;
}
.am-modal-btn:hover{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
transform: translateY(-1px);
}
.am-modal-btn:active{
box-shadow: none;
}
.am-modal-btn,.am-modal-btn:hover,.am-modal-btn:active,.am-modal-btn:focus,a.am-modal-btn:visited{
border-color: var(--dark-color);
background-color: var(--dark-color);
}
.am-modal-footer {
width: max-content;
height: max-content;
padding:5px;
display: block;
margin-top:10px;
margin-bottom:8px;
padding-left: 15px;
}
/*---PopupMenu*/
.popup{
border: none !important;
border-radius: .3rem !important;
background-color: #fff !important;
background-clip: padding-box !important;
box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
text-shadow: none;
padding: 10px !important;
animation: fade 0.2s ease;
}
/*---用户信息Popup*/
.main-container > .header-layout > .header nav a[href^="/space/show"]+div.center , .main-container > .header-layout .user-nav a[href^="/space/show"]+div.center {
border: none !important;
border-radius: .3rem !important;
background-color: #fff !important;
background-clip: padding-box !important;
box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
text-shadow: none;
padding: 10px !important;
}
.main-container > .header-layout > .header nav a[href^="/space/show"]+div.center > .header, .main-container > .header-layout > .header nav a[href^="/space/show"]+div.center > footer , .main-container > .header-layout .user-nav a[href^="/space/show"]+div.center > .header-layout , .main-container > .header-layout .user-nav a[href^="/space/show"]+div.center > footer{
border: none;
background: transparent;
}
.main-container > .header-layout > .header nav a[href^="/space/show"]+div.center , .main-container > .header-layout .user-nav a[href^="/space/show"]+div.center{
display:block !important;
transform: translate(0,0px) perspective(0px) rotateX(0deg);
opacity:1;
transition: all .25s ease;
}
.main-container > .header-layout > .header nav a[href^="/space/show"]+div.center[style*="none"] , .main-container > .header-layout .user-nav a[href^="/space/show"]+div.center[style*="none"]{
pointer-events:none;
opacity:0;
transform: translate(0,10px) perspective(80px) rotateX(-2deg);
}
/*---首页 Banner 滚动指示器*/
.am-slider-default .am-control-nav li a {
box-shadow: none;
transition: all 0.5s ease;
}
.am-slider-default .am-control-nav li a.am-active {
width: 15px;
background-color: var(--dark-color);
}
/*---一些细节的处理*/
.lg-message-contact:hover{/*私信左列hover的颜色*/
background:rgba(200,200,200,0.2);
}
.lg-message-contact *:not(.am-badge):hover{
background:transparent;
}
.am-selected-list li:hover{/*弹出菜单项Hover处理*/
background:rgba(200,200,200,0.2) !important;
}
/*--针对犇犇样式变化的适配*/
/*.lg-index-benben > div.lg-article:nth-of-type(2) {
background: rgba(255,255,255,.7) !important;
box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
}
#home-center-nav {
background: #f4f5f7 !important;
position: absolute;
left: -1px;
right: -1px;
top: 0;
}*/
.lg-index-benben div:nth-of-type(4) {
background: transparent !important;
box-shadow: none !important;
padding-left: 0;
padding-right: 0;
}
.lg-index-benben div:nth-of-type(4) #home-center-nav{
background: transparent;
}/*
#feed {
margin-top: 45px !important;
}*/
/*--修一个 Markdown 编辑器弹窗时页码覆盖弹窗的玄学 Bug*/
#replyarea{
opacity:1 !important;
}
/*--- Luogu 4 Beta 兼容*/
/*--主框架*/
/*#app-body > div{
max-width: 1250px !important;
padding-left: 20px !important;
padding-right: 20px !important;
width:100%;
}*/
/*--分隔线*/
.card hr{
margin: .8em 0;
height: .5px;
background: rgba(0,0,0,0.08);
border: none;
}
/*适配 Tiny 顶栏*/
.header-layout.tiny ~ main.lfe-body{
margin-top: 0px !important;
}
.bottom-wrap{
margin-bottom: 14px;
}
p[data-v-14b843ef],span[data-v-075d6ff6].total{
color:white;
}
.lfe-h3.section-title,h4[data-v-0a88bc8f].lfe-h4,.comment-filter-line>span[data-v-0a88bc8f],.row.row-space-between.reply-info>div[data-v-710aa612],a[data-v-bade3303][data-v-0a88bc8f]{
color:black !important;
}
.row.row-space-between.reply-info>.row>div[data-v-d3bf5d4d][data-v-710aa612],
.article-comment.reply-card>h4[data-v-0a88bc8f],.article-comment.reply-card>.comment-filter-line.modal>span[data-v-0a88bc8f],div[data-v-075d6ff6][data-v-3f1a702f][data-v-83fd4045-s].page-bar>span[data-v-075d6ff6].total,p[data-v-0a88bc8f]>a[data-v-bade3303][data-v-0a88bc8f]{
color:white;
}
div[data-v-6006e224][data-v-075d6ff6]{
height:27px;
}
div[data-v-9c6e88ba]{
font-size:125%;
}
div[data-v-6f5a548a][data-v-3f1a702f][data-v-51efdf02-s]{
margin-top:0px !important;
}
.card[data-v-f9624136]{
font-family:LMDYNLZT,Fira Code,IDChuXinShaoNvTiJ;
font-size:17px;
}
/*此区域用来应用一些自定义设置*/
/*luogu题目*/
/*--------------------------修改--------------------------*/
/*底栏*/
.content-wrap[data-v-1bb3d6f7] {
display: none;
}
.logo-img[data-v-da337056] {
display: none;
}
.slogan[data-v-da337056] {
display: none;
}
.qr-img[data-v-da337056] {
display: none;
}
.dropdown {
background: var(--card-col) !important;
backdrop-filter: blur(var(--card-blur)) !important;
}
.dropdown[data-v-1a23c965] {
background: transparent !important;
backdrop-filter: none !important;
}
.theme-bg > .theme-fg[data-v-f265fec6] {
background-image: none !important;
}
.card.user-header-container.padding-0 > .user-header-top {
border-radius: 15px !important;
}
/*删广告*/
div[data-v-fdcd5a58] {
display: none;
}
.header-link[data-v-1d35343d] {
color: rgb(0, 0, 0) !important;
}
.theme-bg > .theme-fg[data-v-f265fec6] {
color: rgb(0, 0, 0) !important;
}
/*侧栏*/
.lside[data-v-4430a926] {
background: #fffc !important;
color: #fff;
}
.sidebar.lside.bar.hide.nav-scrollbar {
color: #000 !important;
}
li .icon[data-v-40281d0d], li .title[data-v-40281d0d] {
color: #000 !important;
}
/*题目页面*/
/*字体颜色*/
.stacked.stat > .field > .name[data-v-73f717de],
.stacked.stat > .field > .value[data-v-73f717de] {
color: var(--dark-color);
}
/*原版用户自设部分(稍微修)*/
/*定义*/
@keyframes showAPP {
0% {
opacity: 0;
margin-left: -300px;
}
100% {
opacity: .8;
margin-left: 3px;
}
}
@keyframes showtop {
0% {
opacity: 0;
margin-left: -100px;
}
100% {
opacity: 1;
margin-left: 0px;
}
}
@keyframes showUI {
0% {
opacity: 0;
margin-top: -50px;
}
100% {
opacity: 1;
margin-top: 20px;
}
}
@keyframes slowshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes clan {
0% {
margin-left: -50px;
}
}
/*列表*/
.lfe-h1[data-v-2dfcfd35] {
animation: showtop 1s 1;
}
/*互相关注*/
span.lfe-caption[data-v-43a42535][data-v-0c66dd62] {
transition: all .3s ease;
box-shadow: 0px 0px 5px #5f5f5f69;
}
/*页码*/
.am-pagination.am-pagination-centered > li > a {
border-radius: 10px !important;
transition: all .5s ease;
box-shadow: 0px 0px 10px #000;
}
/*举报*/
.am-modal-dialog {
opacity: .9;
border-radius: 10px !important;
}
input.am-modal-prompt-input {
border-radius: 10px !important;
}
.am-selected-content.am-dropdown-content {
border-radius: 15px !important;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn {
transition: all .4s ease;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn[data-am-modal-cancel] {
border-radius: 0px 0px 0px 10px;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn[data-am-modal-confirm] {
border-radius: 0px 0px 10px 0px;
}
.am-modal-dialog > .am-modal-footer > .am-modal-btn:hover {
background: var(--dark-color);
color: #fff;
}
.am-modal-footer {
border-radius: 0px 0px 10px 10px;
}
/*提交*/
.lfe-form-sz-middle[data-v-7ade990c] {
transition: all .45s ease;
border-radius: 10px;
}
.button-in-anchor.lfe-form-sz-middle[data-v-cc52fb5c] {
transition: all .45s ease;
border-radius: 10px;
}
.lfe-form-sz-middle[data-v-7ade990c]:hover {
transform: translateY(-3px);
border-radius: 99px;
}
.button-in-anchor.lfe-form-sz-middle[data-v-cc52fb5c]:hover {
transform: translateY(-3px);
border-radius: 99px;
}
/*相关讨论*/
li[data-v-2017244a] {
animation: slowshow 1s .45;
}
/*smart - luogu*/
/*提交文件*/
.drop[data-v-01cd4e24] {
border: 0;
transition: all .4s ease;
border-radius: 30px;
box-shadow: 3px 3px 10px #00000080;
}
.drop[data-v-01cd4e24]:hover {
border: 0;
transform: translateY(-10px);
border-radius: 30px;
box-shadow: 10px 10px 30px #0000009e;
}
/*弹窗*/
.swal2-popup.swal2-modal.swal2-show {
border-radius: 20px;
box-shadow: 0px 3px 30px #404040;
}
.swal2-actions > .swal2-confirm.swal2-styled {
border-radius: 99px;
}
.swal2-actions > .swal2-cancel.swal2-styled {
border-radius: 99px;
}
/*圆角化*/
.am-btn.am-btn-sm {
border-radius: 20px !important;
}
.lfe-caption.tag.status-name[data-v-43a42535] {
border-radius: 20px !important;
}
.popup[data-v-1d675dd8] {
animation: showAPP .5s 1;
box-shadow: 5px 5px 17px #8f8f8f7a;
margin-left: 3px;
width: 11.4em;
height: 13.7em;
background: #fff;
background-clip: border-box;
border-radius: 10px !important;
border: 0px solid rgba(0, 0, 0, .2);
transition: all 1s;
}
/*还是卡片*/
.inner-card {
border-radius: 10px;
box-shadow: 1px 1px 10px #00000036;
}
.card.user-header-container.padding-0 {
width: 100%;
border-radius: 20px !important;
box-shadow: 0px 0px 0px #8f8f8f;
height: 400px;
}
.user-header-top{
border-width: 9px;
/* background-color: if(
style(--card-tmd: 0.9): rgba(0, 0, 0, var(--card-tmd));
else: rgba(0, 0, 0, var(--card-tmd))
); */
/* --ttt: calc((var(--dark-mode) - 1) * -255);
background-color: rgba(var(--ttt), var(--ttt), var(--ttt), var(--card-tmd))!important; */
background-color: var(--card-col)!important;
border-color: #fff !important;
border-radius: 15px !important;
}
.card.user-header-container.padding-0 > .user-header-top {
height: 320px;
}
.select-button.lfe-form-sz-small {
border-radius: 10px !important;
}
.color-default > .lfe-caption {
border-radius: 20px !important;
}
.tag.color-none > .lfe-caption {
border-radius: 20px !important;
transition: all .4s;
}
.tag.color-none > .lfe-caption:hover {
transform: translateY(-2px) !important;
}
.bottom.float-bottom {
animation: slowshow 1s 1;
margin-bottom: 4px;
border-radius: 20px !important;
z-index: 999;
}
div.header-stat-data[lfe-caption] {
background-color: #000;
}
.card.float-card.padding-0 {
border-radius: 5px !important;
box-shadow: 1px 1px 20px #5c5c5c !important;
}
/*经研究，决定借鉴一点隔壁的代码*/
.icon.svg-inline--fa.fa-check.fa-w-16 {
color: #52c41a!important;
}
header.theme-bg {
background-image: none!important;
background-color: #0000!important;
}
/* .lfe-body { */
/* visibility: hidden; */
/* } */
.main-container > main:nth-child(2) {
background-color: #0000!important;
}
.user-nav[data-v-2dfcfd35]
{
border-width: 9px;
z-index: 999 !important;
background-color: var(--card-col) !important;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff!important;
transition: all .3s ease;
backdrop-filter: blur(var(--card-blur)) !important;
}
.user-nav[data-v-1d35343d]
{
border-width: 9px;
z-index: 999 !important;
background-color: var(--card-col) !important;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff!important;
transition: all .3s ease;
backdrop-filter: blur(var(--card-blur)) !important;
}
li[data-v-71f35d47]:hover {
border-radius: 3px !important;
background-color: #fff!important;
box-shadow: 0px 0px 30px var(--mid-color);
/* background-color: #0000 */
}
.sidebar {
background-color: #ffffff!important;
}
li[data-v-e9b0168c-s] {
background-color: #000;
}
button[data-v-6006e224] {
padding: 3px 7px 3px 7px !important;
/* margin-top: 1.7vh !important; */
margin-bottom: 3.4vh !important;
border-radius: 5px !important;
}
/* div.user-nav:nth-child(3) > div:nth-child(2) > ul:nth-child(1) > li> :hover{
/* margin-top: 0em; */
/* transition: all 0s ease; */
/* box-shadow: 0px 0px 30px #0000; */
/* } */
.card.user-header-container.padding-0,
.am-modal-dialog,
.am-g.lg-main-content,
.container,
.lg-index-content.am-center,
.full-container {
visibility: visible;
}
html.no-js body div#app.lfe-body div.main-container.lside-bar main div.columba-content-wrap div.sidebar-container.layout div.l-card.burger.main.solution-list div.body div div.list-wrap.block.border div.row-wrap div.row {
margin-top: 0em;
/* transition: all 0.3s ease; */
/* background-color: #fff; */
box-shadow: 0px 0px 0px !important;
}
.expand {
background: linear-gradient(rgba(255, 255, 255, 0), #ffffff55)!important;
border-radius: 0px 0px 15px 15px!important;
}
/* .row[data-v-83fd4045]:hover{
margin-top: -0.1em;
transition: all 0.3s ease;
background-color: #fff;
box-shadow: 0px 0px 30px #333333!important;进度条
} */
.article-content {
border-width: 9px;
background-color: #ffffffb3;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff;
transition: all .3s ease;
}
main.lcolor-bg-grey-1 > div:nth-child(2) {
background-color: #0000!important;
}
.article-banner {
border-width: 9px;
background-color: #ffffffb3;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff;
padding-bottom: 1px;
margin-bottom: 20px;
padding-top: 0px;
transition: all .3s ease;
}
main.lcolor-bg-grey-1 {
background-color: #0000;
}
/* html.no-js body div#app.lfe-body div.main-container.lside-bar main.lcolor-bg-grey-1 div.article-comment.columba-content-wrap.wrapper div.l-card{
border-width: 0px;
background-color: #ffffff00!important;
border-color: #fff !important;
border-radius: 0px !important;
box-shadow: 0px 0px 0px #0000!important; */
/* transition: all .3s ease; */
/* } */
/* .article-comment{
border-width: 9px;
background-color: #ffffffb3;
border-color: #fff !important;
border-radius: 15px !important;
box-shadow: 0px 0px 10px #fff;
transition: all .3s ease;.user-nav
} */
.am-comment-main {
border-radius: 10px;
border-color: var(--dark-color) !important;
background: var(--bb-col);
backdrop-filter: blur(var(--bb-blur)) !important;
overflow: hidden !important;
}
.am-comment-main:hover {
background: var(--bbh-col);
transition: all .3s ease !important;
}
.am-comment-hd,.am-comment-bd {background: transparent !important;}
.nav-group[data-v-6c9e83f4] {
padding-left: 10px;
padding-top: 20px!important;
padding-right: 10px;
margin-bottom: 0px;
}
.wrapper.wrapped.lfe-body,
.div.wrapper.wrapped.lfe-body.header-layout.narrow {
visibility: visible;
}
.footer,
.header {
visibility: visible;
}
a.logo-wrap,
.popup-button,
.lfe-body > a {
visibility: visible;
}
.am-prev {
z-index: 0;
}
/*切换*/
/*题目标签*/
span[data-v-386007e1] {
border-radius: 4px !important;
}
/*样xiao例*/
.lfe-code {
border-radius: 5px;
}
.section-title[data-v-86f5de30] {
color: #000;
}
/*用户弹窗（应该）*/
div.user-header-top[data-v-71672147] {
border-radius: 15px 15px 0px 0px;
}
/* .dropdown[data-v-db920be0] {
background-color: #fff0;
} */
/*sa*/
.searchAnywhereEntrance{
background: #eeeeee;
backdrop-filter: blur(10px);
animation: slowshow .5s 1;
box-shadow: 0px 0px 0px #8f8f8f;
transition: all .5s ease;
}
/*题解操作栏*/
.solution-article .operations.float{
animation: slowshow .5s 1;
transition: all .5s ease;
background-color: #fff0!important;
backdrop-filter: blur(10px);
border-radius: 10px;
}
header.theme-bg{
background: transparent !important;
backdrop-filter: brightness(100%);
.problem-card[data-v-766cabba] {
font-family: LMDYNLZT,Fira Code,IDChuXinShaoNvTiJ;
}
h1[data-v-51efdf02]{
font-family: LMDYNLZT,Fira Code,IDChuXinShaoNvTiJ;
}
}
.card.padding-default > div[style*="background-color: rgb(255\, 235\, 236);"]
{display: none !important}
.introduction.marked[style*="display: none;"]
{display: block !important}
.main-container.lside-bar > main
{background: none !important}
.lcolor-bg-background {
background-color: rgba(0, 0, 0, 0);
}
.category-card.active[data-v-f3be4604] {
background-color: var(--mid-color);
}
pre[data-v-52f2d52f] {
font-family: Fira Code!important;
}
}
:::
:::success[更新日志]
2026.6.24
新增犇犇圆角化。
洛谷更新题目界面顶框，新添加渲染。
2026.6.25
修改训练题单广场的一个渲染问题。
增加新版按钮颜色自定义。
修复新版部分链接无法渲染问题。最近感冒了时间比较充裕。
修复复制按钮无法渲染问题。
修改下载方式，以及添加代码方式，更通俗易懂。
2026.6.27
大幅修改代码至 Usercss 代码，大量增加使用便捷性。
2026.6.28
洛谷官方又改源码，重更新，避免背景失效。
添加浮窗（鼠标放人名上弹出的框）的样式渲染
又改源码 >.<，重改并加入卡片毛玻璃效果（可调节程度）
2026.6.29
修改下拉栏错误渲染
洛谷官方又改源码，重更新，避免背景失效。
洛谷官方又改源码，加入 ::before 系统，重更新，避免卡片透明度及毛玻璃效果异常。
解决插件毛玻璃和洛谷自带毛玻璃的冲突
2026.7.8
添加新版底栏渲染
修复 :hover 渲染异常问题
2026.7.12
修复部分渲染问题
新增动图格式背景图支持（.webp，.gif）
2026.7.19
新增部分未渲染部分的渲染
修复旧版顶栏不渲染问题
2026.7.20
新增部分未渲染按钮的渲染
修复“头图上传”卡片渲染错误
修顶栏渲染，修卡片及弹窗层级顺序
2026.7.21
修改滚动条渲染
添加左上角洛谷小图标渲染
2026.7.29
将毛玻璃转移至伪元素，防止主元素毛玻璃后部分卡片位置发生不可预测变化
处理了鼠标覆盖“等级分趋势图”后展现黑框的位置。当前用了一种不太好的方式处理，因为我不会。
修改 Markdown 编辑器全屏后出现的卡片层级顺序不当问题
使“鼠标覆盖后的卡片透明度”可让用户自行调整
含“透明度用户调整”的数字上下波动范围：0.05 \to 0.01
优化犇犇圆角化效果，并增加犇犇透明度及毛玻璃用户调整
把所有的“透明度调整”改为“颜色调整”，使得颜色和透明度都能改。
2026.7.31
修复题解评论卡片无法滚动问题，并且优化渲染
2026.8.13
发现毛玻璃异常，已调整
新版界面右上角叠了两层渲染不好看，改掉了。
2026.8.30
添加修改字体功能
修复部分代码字体未渲染问题