Smart - Luogu —— 智能的洛谷 by hhy8399

/* ==UserStyle==
@name         Smart - Luogu —— 智能的洛谷
@version      20250222.14.46
@namespace    https://userstyles.world/user/hhy8399
@description  20250222.01.00
@author       hhy8399
@license      CC BY-NC-SA
==/UserStyle== */
@-moz-document regexp("https://www.luogu(.org|.com(.cn))/(?!article).*") {
    /*卡片*/
    /*主页卡片*/
    .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 ~ [data-v-f9624136] ~ [data-v-98eaadf6]{
        -webkit-backdrop-filter: blur(20px) !important;
        backdrop-filter: blur(20px) !important;
        background: rgba(255, 255, 255, .8) !important;
    }
    .card.user-header-container.padding-0 {
        -webkit-backdrop-filter: blur(20px) !important;
        backdrop-filter: blur(20px) !important;
        background: rgba(255, 255, 255, .8) !important;
    }
    .card.padding-default[data-v-325cf452]{
        -webkit-backdrop-filter: blur(20px) !important;
        backdrop-filter: blur(20px) !important;
        background: rgba(255, 255, 255, .8) !important;
    }
    .card[data-v-f9624136][data-v-98eaadf6] {
        background: rgba(255, 255, 255, .8) !important;
    }
    .card:hover {
        background: rgba(255, 255, 255, .85) !important;
    }
    .l-card {
        /*模糊，很卡就注释或者删掉*/
        -webkit-backdrop-filter: blur(5px) !important;
        backdrop-filter: blur(5px) !important;
        /*----------------*/
        background-color: rgba(255, 255, 255, .8) !important;
        border-radius: 30px !important;
        margin-left: 100px !important;
    }
    .panel-a {
        -webkit-backdrop-filter: blur(2px) !important;
        backdrop-filter: blur(2px) !important;
        border-color: rgba(255, 255, 255, .8) !important;
    }
}
/* ==UserStyle==
@name         Smart - Luogu —— 智能的洛谷
@version      20250222.01.00
@namespace    userstyles.world/user/acerkaio
@description  洛谷美化。

详见 UID 514850
修改版 by hhy8399(luogu uid 1179906)
     && DRheEheAM_Gary(luogu uid 1177185)

https://smart-luogu.github.io/
@author       No License
@license      CC BY-NC-SA
==/UserStyle== */
/* ==UserStyle==
@name         Smart - Luogu
@version      20250220.19.40
@namespace    userstyles.world/user/acerkaio
@description  洛谷美化。
详见 UID 514850
@author       acerkaio
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://www.luogu.com.cn/user/") {
    /*个人中心顶栏*/
    .top-bar[data-v-4430a926] {
        background: #ffffff85 !important;
    }
    .header-layout.tiny[data-v-7ddab1d5] {
        background: #ffffff85 !important;
    }
    .header-link[data-v-1d35343d] {
        color: rgb(0, 0, 0) !important;
    }
    .theme-bg > .theme-fg[data-v-f265fec6] {
        margin-left: 50px !important;
        color: rgb(0, 0, 0) !important;
    }
}

@-moz-document regexp("https://www.luogu(.org|.com(.cn))/.*") {
    /*luogu主站*/
    /*--------------------------修改--------------------------*/
    /*顶栏*/
    .top-bar[data-v-4430a926] {
        background: #ffffff85 !important;
    }
    .header-layout.tiny[data-v-7ddab1d5] {
        background: #ffffff85 !important;
    }
    .header-link[data-v-1d35343d] {
        color: rgb(0, 0, 0) !important;
    }
    .theme-bg > .theme-fg[data-v-f265fec6] {
        margin-left: 50px !important;
        color: rgb(0, 0, 0) !important;
    }
    /*侧栏*/
    .lside[data-v-4430a926] {
        -webkit-backdrop-filter: blur(20px) !important;
        backdrop-filter: blur(20px) !important;
        background: rgba(255, 255, 255, .7);
    }
    /*题目标题*/
    .header-layout[data-v-f265fec6] {
        background: #ffffff85 !important;
        margin-left: 120px !important;
        width: 1000px !important;
    }
    /*字体颜色*/
    .stacked.stat > .field > .name[data-v-73f717de],
    .stacked.stat > .field > .value[data-v-73f717de] {
        color: rgb(0, 0, 0) !important;
        position: relative !important;
        right: 140px !important;
    }
    /*题目ide*/
    .ide-container[data-v-437638c0] {
        background: #ffffff87 !important;
    }
    .ͼ4 .cm-line {
        background: #fff !important;
    }
    /*--------------------------原版用户自设部分(稍微修改)--------------------------*/
    /*图片背景*/
    html > body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/e6bfwjo6.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    /*侧栏图片*/
    #app > .lfe-body > div:first-of-type {
        opacity: .8;
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/v3bf98ov.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 30px;
        background-attachment: revert;
    }

    /*题目分析栏*/
    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, .14) !important;
    }
    /*侧栏图标*/
    img[data-v-27b2cd59] {
        opacity: .7;
    }
    /*记录详情 */
    .wrapper > .test-case {
        opacity: .85;
    }

    .wrapper > .test-case:hover {
        opacity: 1;
    }

    /*应用*/
    .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);
    }


    .main-container > main:nth-child(2) {
        background-color: rgba(255, 255, 255, 0);
    }
    /*----------------------------------------------------------------*/
    /*定义*/
    @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(81, 101, 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: rgb(245, 228, 4);
    }
    a {
        position: relative;
    }
    a:not(.exlg-dash-options)::after {
        content: "";
        width: 0;
        height: 4px;
        background: rgba(245, 228, 4, .71);
        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 #439be0;
    }
    /*选择框*/
    .selected:no...