good-luogu by emmoyy

/* ==UserStyle==
@name         Good-luogu：升级版smart-luogu
@version      20220819.07.47
@namespace    userstyles.world/user/acerkaio
@description  洛谷美化。

详见 UID 874990

@author       emmoy
@license      CC BY-NC-SA
==/UserStyle== */
@-moz-document regexp("https://www.luogu(.org|.com.cn|.com)/(?!blog).*") {
/*luogu主站*/
/*--------------------------用户自设部分--------------------------*/
/*图片背景*/
html > body {
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/tcjhmmz3.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
pre[data-v-52f2d52f] {
    font-family: Fira Code!important;
}

/*顶部*/
.wrapper.wrapped.lfe-body,
div.wrapper.wrapped.lfe-body.header-layout.narrow {
    visibility: hidden;
}
.footer,.header {
    visibility: visible;
}
/*主体*/
.clone-card,
.card.user-header-container.padding-0,
.am-modal-dialog,
.am-g.lg-main-content,
.container,
.lg-index-content.am-center,
.full-container {
    visibility: visible;
}

.lfe-h1 {
    font-size: 40px;
    animation: h1 1s;
}
nav[data-v-258e49ac],
.header-link.color-none,
.mdui-list-item-icon.mdui-icon.material-icons,
.mdui-drawer {
    color: #fff;
}
/*洛谷有题*/
/*顶部*/
#app-header{
    background-color:#fff0;
}
.theme-bg{
    background-color:#fff0;
}
    h1[data-v-2dfcfd35].lfe-h1{
        min-height:60px;
    }
/*字体——自定义*/
.problem-card[data-v-766cabba] {
    font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
}
h1[data-v-2dfcfd35]{
    font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
}
.field[data-v-3c4577b8] {
    font-family:LMDYNLZT,Segoe Print,Fira,Code,IDChuXinShaoNvTiJ!important;
}
footer{
    /*新版讨论区与文章广场*/
    background: transparent !important;
    backdrop-filter: brightness(100%);
    .problem-card[data-v-766cabba] {
        font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
    }
    h1[data-v-2dfcfd35]{
        font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
    }
}
header.theme-bg{
    background: transparent !important;
    backdrop-filter: brightness(100%);
    .problem-card[data-v-766cabba] {
        font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
    }
    h1[data-v-51efdf02]{
        font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
    }
 }  
main{
    background: transparent !important;
    .problem-card[data-v-766cabba],
    h1[data-v-076e399a],
    div[data-v-076e399a],
    div[data-v-f0d12dd0],
    div[data-v-6784177c],
    div[data-v-710aa612] {
        font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
    }
    div[data-v-fc349d1c]{
        animation: slowshow .5s 1;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
        background-color:rgba(255,255,255,0.9)!important ; 
     }
    .lcolor-bg-grey-1>div[data-v-0a88bc8f]{
        background-color:rgba(255,255,255,0.2) !important; 
    }
}
    .bottom-wrap{
        margin-bottom: 14px;
    }
.lfe-body{
    font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ !important;
}
main[data-v-7ddab1d5],div[data-v-0cbb2f60],div[data-v-43a0de31]{
        font-family: LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
}
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:white;
}
.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{
        color:black;
}
    div[data-v-6006e224][data-v-075d6ff6]{
        height:27px;
}
div[data-v-9c6e88ba]{
    color:white;
    font-size:125%;
    margin-left:20px !important;
}
div[data-v-6f5a548a][data-v-3f1a702f][data-v-51efdf02-s]{
    margin-top:0px !important;
}
.card[data-v-f9624136]{
    font-family:LMDYNLZT,Segoe Print,Fira Code,IDChuXinShaoNvTiJ;
    font-size:17px;
}
.lcolor-bg-grey-1>div[data-v-076e399a][data-v-fc349d1c]{
    background:rgba(255,255,255,0.9) !important;

}
.lcolor-bg-grey-1>div[data-v-fc349d1c]{
    background:rgba(255,255,255,0) !important;
}
/*删广告*/
div[data-v-fdcd5a58]{
    display:none;
}
/*侧栏图片*/
#app > .lfe-body > div:first-of-type {
    opacity:.8;
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/wramfwcl.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    background-attachment: revert;
    :hover{
        transform: rotate(1turn);
    }
}
/*题目分析栏*/
path.highcharts-area {
    color: white;
    background: white;
    fill: #5e72e426;
}

path.highcharts-point.highcharts-color-0 {
    fill: #5e98e48f;
}

rect.highcharts-point.highcharts-color-1 {
    fill: #ffffff8f;
    stroke: #d49ee6ad;
}
/*----透明化----*/
/*benben 讨论*/
.am-comment-main{
    opacity:.75;
}
.am-comment-main:hover{
    opacity:.95;
}
/*侧栏*/
#app > .lfe-body {
    background-color: rgba(255, 255, 255, .07) !important;
}
/*侧栏图标*/
img[data-v-27b2cd59] {
    opacity: .7;
}
/*记录详情 */
.wrapper > .test-case {
    opacity: .85;
}

.wrapper > .test-case:hover {
    opacity: 1;
}
/*卡片*/
/*主页卡片*/
.lg-article { 
    /*模糊（渣机很卡*/
    /*
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
    */
    background: rgba(255, 255, 255, .7);
}
.lg-article:hover{ 
    background: rgba(255, 255, 255, .8);
}
/*普通卡片*/
.card{
    background: rgba(255, 255, 255, .8) !important; 
}
.card:hover{
     background: rgba(255, 255, 255, .85) !important;   
}
/*应用*/
.popup[data-v-1d675dd8] {
    background-color: rgba(255, 255, 255, .55) !important;
}
.popup[data-v-1d675dd8]:hover{
    background-color: rgba(255, 255, 255, .9) !important;
    
}
/*用户顶栏*/
.user-nav[data-v-2dfcfd35] {
    background: rgba(255, 255, 255, .4);
}

.user-nav[data-v-2dfcfd35]:hover {
    background: rgba(255, 255, 255, .6);
}
.l-card{
    background:rgba(255,255,255,.8) !important;        
}
.l-card:hover{
     background: rgba(255, 255, 255, .85) !important;   
}
/*----------------------------------------------------------------*/
/*定义*/
@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;
    }
}
/*滚动条*/



::-webkit-scrollbar-thumb {
    background-color: rgba(137, 81, 234, .99);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #5e72e4;
}
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background-color: rgba(0, 0, 0, .12);
}
/*--标题栏*/
.main-container > .header-layout .background {
    display: none !important;
}

/*超链接*/
a {
    transition: all .15s ease;
    color: #005C97;
}

a:hover {
    color: #fa4b4b;
}
a{ position: relative; }
a:not(.exlg-dash-options)::after{ content: ""; width: 0; height: 4px; background: rgba(255, 0, 0, .575); position: absolute; top: 100%; left: 50%; transition: all .3s; }
a:not(.exlg-dash-options):hover::after{ left: 0%; width: 100%; }
a[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]::after{
    height: 0px !important;
}
a[data-v-303bbf52][data-v-258e49ac]::after{
    height: 0px !important;
}
/*列表*/
.lfe-h1[data-v-2dfcfd35] {
    animation: showtop 1s 1;
}
/*顶栏，低栏*/
.main-container > main.lfe-body {
    background: transparent !important;
}

.background[data-v-7958fe72] {
    background: transparent !important;
}

/*菜单栏*/
.center {
    transition: all .3s ease;
    background: rgba(255, 255, 255, .7) !important;
}
.center:hover {
    background: rgba(255, 255, 255, .9) !important;
}
/*tiny顶栏*/
#app > .main-container > .header-layout.tiny[data-v-7958fe72] {
    height: 60px;
    z-index: 999;
    margin-left: -10%;
    padding-left:10%;
    background-color: #ffffff4a !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    font-weight:bolder;
}

/*私信*/
.message{
    border-radius:10px !important;
    font-weight:bold;
}
/*互相关注*/
span.lfe-caption[data-v-43a42535][data-v-0c66dd62]{
    transition:all .3s ease;
    box-shadow: 0px 0px 5px #5f5f5f69;
}
span.lfe-caption[data-v-43a42535][data-v-0c66dd62]:hover {
    transform: translateY(-2px);
    box-shadow: 1px 1px 10px #5f5f5f94;
}
/*顶栏字体*/
.lfe-h1[data-v-2dfcfd35] {
    font-size: 45px;
}
/*讨论列表*/
main {
    margin-top: 45px;
}

.lg-content-table-left {
    transition: all .5s ease;
    box-shadow: 1px 1px 5px #3C4143;
    border-radius: 30px;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    position: relative;
    background: #fcfcfc;
}

.lg-content-table-left:hover {
    box-shadow: 3px 3px 20px #3C4143;
}
/*选择框*/
.selected:not([data-v-66021821]) {
    transition:0s;
    color:#fff !important;
    background-image: linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%);
    padding: 3px 7px 3px 7px !important;
    margin-top: 1.7vh !important;
    margin-bottom: 1.7vh !important;
    height:28px;
    border-radius:5px !important;
}
.selected > span{
    color:#fff !important;
}
/*帖子、评论及奔奔*/
/*评论奔奔*/
.am-comment-main{
    transition: all .5s ease;
    box-shadow: 3px 3px 5px #303030;
}
.am-comment-main:hover{
    box-shadow: 5px 5px 15px #303030;
}
.center > .am-comment-avatar{
    border:0 !important;
    transition: all .5s ease;
    ...