Smart_luogu

· · 个人记录

/* ==UserStyle==
@name         Smart - Luogu —— 智能的洛谷——S_S_MC改
@version      2025-3.0
@namespace    https://userstyles.world/user/S_S_MC
@description  2025
@author       S_S_MC
==/UserStyle== */

@-moz-document regexp("https://www.luogu(.org|.com(.cn))/(?!article|(user/.*#practice)).*") {
/*卡片*/
    /*主页卡片*/
    .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-f1a6b270] {
        -webkit-backdrop-filter: blur(20px) !important;
        backdrop-filter: blur(20px) !important;
        background: rgba(255, 255, 255, .8) !important;
    }
    .modal > .center[data-v-14c11e75] {
        background: rgba(255, 255, 255, .8) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        backdrop-filter: blur(20px) !important;
    }
    .card.user-header-container.padding-0 {
        background: rgba(255, 255, 255, .8) !important;
    }

    .card:hover {
        background: rgba(255, 255, 255, .85) !important;
    }

    .l-card {
        /*模糊,很卡就注释或者删掉*/
        /*----------------*/
        background-color: rgba(255, 255, 255, .8) !important;
        border-radius: 30px !important;
        /*margin-left: 100px !important;*/
    }

    .panel-a {

        border-color: rgba(255, 255, 255, .8) !important;
    }

    .am-comments-list .am-comment {

        border-color: rgba(255, 255, 255, .8) !important;
    }
    .theme-fg[data-v-f265fec6] {
        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;
    }
    .wrapped[data-v-7ddab1d5] {
        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;
    }
    .bottom.float-bottom {
        animation: slowshow 1s 1;
        background: #ffffffa8;
        margin-bottom: 4px;
        border-radius: 20px !important;
        z-index: 999;
    }
    .am-btn.am-btn-success.am-btn-sm {
        margin-left: 100px;
    }
    /* 修复弹窗层级问题 */
    .modal > .center[data-v-14c11e75] {
        position: fixed !important;
        z-index: 2147483647 !important;
        /* 使用最大合法值 */
        transform: translate(-50%, -50%) !important;
        left: 50% !important;
        top: 50% !important;
        width: auto !important;
        max-width: 90vw !important;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) !important;
    }
    .lfe-body[data-v-27b2cd59][data-v-5e85f938][data-v-109e0409] {
        margin-top: 100px;
    }
    .popup {
        border-width: 9px;
        opacity: 0.8;
        border-color: #fff !important;
        border-radius: 15px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
        z-index: 99;
    }
    .popup-button:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        opacity: 1.0;
        z-index: 99;
        box-shadow: 0px 0px 30px #333333;
    }
    .popup:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        opacity: 1.0;
        z-index: 99;
        box-shadow: 0px 0px 30px #333333;
    }
}

@-moz-document regexp("https://www.luogu.com(.cn)/user/.*#practice") {
/*此处为了解决等级分在开模糊时错位的问题*/
    .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);
    }
    .user-header-top[data-v-f808e93a] {
        border-radius: 15px !important;
    }
    /*普通卡片*/
    .card ~ [data-v-f9624136] {
        -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:hover {
        background: rgba(255, 255, 255, .8) !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;
    }

    .theme-fg[data-v-f265fec6] {
        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;
    }
    .wrapped[data-v-7ddab1d5] {
        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;
    }
}

@-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))/(?!problem).*") {
/*主站背景*/
    html > body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/o87eg18s.png) !important;
        /*https://cdn.luogu.com.cn/upload/image_hosting/w4b4gkvo.png*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
}

@-moz-document regexp("https://www.luogu(.org|.com(.cn))/problem/.*") {
/*https://cdn.luogu.com.cn/upload/image_hosting/8k18netr.png*/

    /*题目背景*/
    html > body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/p0pstv01.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    .header-layout[data-v-f265fec6] {
        background: none !important;
        background-color: transparent !important;
    }
    .theme-fg[data-v-f265fec6] {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/p0pstv01.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
}

@-moz-document regexp("https://www.luogu(.org|.com(.cn))/.*") {
/*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: rgba(255, 255, 255, .7);
    }
    .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;
    }

    .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);
    }
    /*侧栏图标*/
    img[data-v-27b2cd59] {
        opacity: .7;
    }
    /*题目标题*/
    .header-layout[data-v-f265fec6] {
        background: #ffffff85 !important;
    }
    /*l-card*/
    .l-card[data-v-b62e56e7] {
        background: rgba(255, 255, 255, .9) !important;
    }
    .l-card[data-v-b62e56e7]:hover {
        background: rgba(255, 255, 255, .8) !important;
    }
    /*题目列表*/
    .items > li > .entry[data-v-0e1ae304] {
        padding: 3px 7px 3px 7px !important;
        margin-top: 1.7vh !important;
        margin-bottom: 1.7vh !important;
        border-radius: 5px !important;
    }
    .items > li > .entry[data-v-0e1ae304]:hover {
        transition: all 0.3s ease-in-out !important;
        border-radius: 8px !important;
        color:#fc0 !important;
    }
    .container>.tag-select-area .tags>*[data-v-abfce16a] {
        border-radius: 15px !important;
    }
    .container>.tag-select-area .tags>*[data-v-abfce16a]:hover {
    transition: all 0.3s ease-in-out !important;
        background: #fff !important;
    }
    /*题目页面*/
    button.solid[data-v-505b6a97]:hover,
    .l-button.solid[data-v-505b6a97]:hover {
        background: #fff0 !important;
        color: #000;
        transition: all 0.3s ease-in-out !important;
    }
    .header-layout[data-v-f265fec6] .button-transparent:hover {
        background: #fff0 !important;
        color: #000;
        transition: all 0.3s ease-in-out !important;
    }
    .combo-wrapper > .text[data-v-512e18fa]:hover {
        background: #3498db !important;
        color: #fff !important;
        border-radius: 10px !important;
    }
    .combo-wrapper > .text[data-v-512e18fa] {
        transition: all 0.2s ease-in-out !important;
        background: #fff0 !important;
        color: #3498db !important;
    }
    .dropdown-operations > ul li[data-v-6b84ac0d]:hover {
        background: #3498db !important;
        color: #fff !important;
        border-radius: 10px !important;
    }
    .dropdown-operations > ul li[data-v-6b84ac0d] {
        transition: all 0.2s ease-in-out !important;
        background: #fff0 !important;
        color: #3498db !important;
    }
    .dropdown > ul > li[data-v-512e18fa]:hover {
        transition: all 0.2s ease-in-out !important;
        background: #3498db !important;
        color: #fff !important;
        border-radius: 10px !important;
    }
    .dropdown > ul[data-v-512e18fa] {
        border-radius: 15px !important;
    }
    .expand-indicator[data-v-47eac1f0] {
        transition: all .15s ease;
        color: #005C97;
    }
    .expand-indicator[data-v-47eac1f0]:hover {
        color: rgb(219, 182, 0);
    }
    nav > ul > li[data-v-e0ae5f07]:hover {
        transition: all 0.2s ease-in-out !important;
        color:#fc0;
    }
    nav > ul > li[data-v-e0ae5f07] {
        padding: 3px 7px 3px 7px !important;
        margin-top: 1.7vh !important;
        margin-bottom: 1.7vh !important;
        border-radius: 8px !important;
    }
    .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;
        border-radius: 5px !important;
    }
    button[data-v-505b6a97] ~ :hover,.l-button[data-v-505b6a97]:hover {
        transition: all 0.2s ease-in-out !important;
        background: #3498db !important;
        color: #fff !important;
    }
    .l-flex-info-row > *:last-child {
        transition: all 0.3s ease-in-out !important;
    }
    .io-sample-block>p>button[data-v-36f43466]:hover {
        transition: all 0.2s ease-in-out !important;
        background: #3498db !important;
        color:#fff !important;
    }
    /*图床*/
    .meta .operations > *[data-v-6b8e1cb0]:hover {
        transition: all 0.2s ease-in-out !important;
        color: rgb(219, 182, 0);
    }
    .color-default[data-v-0640126c]:hover,
    .color-default-noline[data-v-0640126c]:hover {
        transition: all 0.2s ease-in-out !important;
        color: rgb(219, 182, 0);
    }
    .drop[data-v-6451a5cf]:hover {
        transition: all 0.35s ease-in-out !important;
        background: #3498db !important;
        color: #fff;
        .svg-inline--fa .fa-secondary {
            fill: #fff;
            transition: all 0.35s ease-in-out !important;
        }
    }
    .radio-group > *[data-v-6451a5cf]:hover {
        transition: all 0.35s ease-in-out !important;
        color:#fc0;
    }
    /*测试点颜色修改,自行修改*/
    /*.wrapper > .test-case {
        background:linear-gradient(#ff0,#c0c000) !important;
    }*/
    /*字体颜色*/
    .stacked.stat > .field > .name[data-v-73f717de],
    .stacked.stat > .field > .value[data-v-73f717de] {
        color: rgb(0, 0, 0) !important;
    }

    /*题目ide*/
    .ide-container[data-v-437638c0] {
        background: rgba(255, 255, 255, .6) !important;
    }

    .cm-line {
        background: rgba(255, 255, 255, .6) !important;
    }
    .cm-activeLine {
        background: rgba(191, 230, 255, .6) !important;
    }
    /*--------------------------原版用户自设部分(稍微修改)--------------------------*/
    /*侧栏图片*/
    #app > .lfe-body > div:first-of-type {
        opacity: .8;
        background-image: url(https://img.picui.cn/free/2025/03/29/67e800bda391d.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 30px;
        background-attachment: revert;
    }
    .logo-wrap[data-v-12f19ddc] {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/y4pltum7.png) !important;
    }
    /*题目分析栏*/
    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, .7);
    }

    .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: rgb(0, 0, 0);
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgb(0, 0, 0);
    }

    ::-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(219, 182, 0);
    }

    a {
        position: relative;
    }

    a:not(.exlg-dash-options)::after {
        content: "";
        width: 0;
        height: 4px;
        background: rgba(245, 228, 4, .7);
        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: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;
        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;
        box-shadow: 1px 1px 5px #6e757a;
    }

    .center > .am-comment-avatar:hover {
        transform: translateY(-1px);
        box-shadow: 3px 4px 10px #6e757a;
    }

    .am-comment-main {
        border-radius: 10px;
        border: #fff 10px solid !important;
    }

    .am-comment-main::before {
        display: none;
    }

    /*页码*/
    .am-pagination.am-pagination-centered > li > a {
        border-radius: 10px !important;
        transition: all .5s ease;
        box-shadow: 0px 0px 10px #000;
    }

    .am-pagination.am-pagination-centered > li > a:hover {
        border-radius: 5px !important;
        transform: translateY(-2px);
        box-shadow: 0px 0px 5px #000;
    }

    /*奔*/
    .feed-selector {
        transition: all .2s ease;
    }

    .feed-selector:hover {
        border-radius: 3px !important;
        box-shadow: 1px 1px 10px #000 !important;
    }

    /*头像选择*/
    img.avatar {
        border: 0 !important;
        box-shadow: 1px 1px 5px #6e757a;
        transition: all .5s ease;
    }

    img.avatar:hover {
        transform: translateY(-1px);
        box-shadow: 3px 4px 10px #6e757a;
        /*头像旋转默认关闭*/
        /*transform: rotate(1turn);*/
    }

    /*举报*/
    .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: #2bb0e5;
        color: #fff;
    }

    .am-modal-footer {
        border-radius: 0px 0px 10px 10px;
    }

    /*按钮*/
    .am-btn.am-btn-danger.am-btn-sm {
        transition: all .5s ease;
        background: #ff416c;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43));
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43));
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        border: 1px !important;
        box-shadow: 1px 1px 3px #00000070;
    }

    .am-btn.am-btn-danger.am-btn-sm:hover {
        transform: translateY(-1px);
        box-shadow: 1px 1px 15px #00000070;
    }

    .am-btn.am-btn-primary.am-btn-sm {
        transition: all .5s ease;
        background: #7f7fd5;
        border: 0px !important;
        box-shadow: 1px 1px 3px #00000070;
    }

    .am-btn.am-btn-primary.am-btn-sm:hover {
        transform: translateY(-1px);
        box-shadow: 1px 1px 15px #00000070;
    }

    .am-btn.am-btn-success.am-btn-sm {
        transition: all .5s ease;
        background: #b993d6;
        border: 0px !important;
        box-shadow: 1px 1px 3px #00000070;
    }

    .am-btn.am-btn-success.am-btn-sm:hover {
        transform: translateY(-1px);
        box-shadow: 1px 1px 15px #00000070;
    }

    .am-input-group-label {
        transition: all .5s ease;
        border: 0px !important;
        border-radius: 10px;
        box-shadow: 1px 1px 3px #00000070;
    }

    /*样例*/
    pre[data-v-52f2d52f] {
        transition: all .4s ease;
        border-radius: 10px;
        box-shadow: 0px 0px 1px #00000070;
    }

    pre[data-v-52f2d52f]:hover {
        border-radius: 15px;
        box-shadow: 0px 0px 1px #00000070;
    }

    /*提交*/
    .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;
    }

    /*侧栏*/
    .logo-wrap,
    .data-v-27b2cd59,
    .first-of-type {
        opacity: .8;
        background-image: url() !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 30px;
        background-attachment: revert;
    }
    .logo-wrap > img:nth-child(1) {
        visibility: hidden;
    }
    .logo-wrap {
        height: 3.7em;
        border-radius: 15px;
        background-color: #ffffffb3;
        transition: all 0.5s ease;
    }
    .logo-wrap:hover {
        width: 4.0em;
        border-radius: 50px;
        transition: all 1s ease;
        transform: rotate(1turn);
        border-color: #6d4acf !important;
        background-color: #6d4acf69;
        border-style: outset;
        border-width: 0.5px;
    }
    #app > .lfe-body {
        box-shadow: 4px 5px 15px rgba(91, 91, 91, .5),
        2px 5px 8px rgba(121, 121, 121, .56)!important;
    }

    #app > .lfe-body > a {
        color: #007ab3 !important;
        height: 3.7em;
        margin-top: 3px;
        padding: 0 !important;
    }

    #app > .lfe-body > a:hover {
        color: rgb(245, 228, 4) !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.2s ease;
    }

    #app > .lfe-body > a > .text {
        opacity: 0;
        margin-top: -2em;
        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: #d2e0df !important;
    }

    #app > .lfe-body > .popup-button {
        transition: .3s;
        background-color: rgba(0, 0, 0, 0) !important;
        margin-top: 8px;
        color: #5e72e4 !important;
    }

    /*smart - luogu*/
    #app > .lfe-body > .popup-button:hover {
        transition: .5s;
        border-radius: 15px;
        box-shadow: 0px 0px 10px #000;
        background-color: rgb(255, 255, 255) !important;
        margin-top: 8px;
        color: #5e72e4 !important;
    }

    #app > .lfe-body {
        animation: clan 1s;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        border-radius: 0px 30px 30px 0px;
        margin-left: 0px;
        margin-top: 10.5%;
        padding-bottom: 14px;
        height: 27em;
        background: #ffffff3b !important;
    }

    .color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]:hover {
        background-color: #fffffffc;
        border-radius: 10px;
        box-shadow: 1px 1px 10px #00000073;
    }

    /*提交文件*/
    .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;
    }

    /*近期比赛*/
    .am-panel.lg-index-contest.am-panel-danger {
        border-radius: 10px;
        margin-left: 10px;
        box-shadow: 1px 1px 10px #00000075;
        transition: all .3s ease;
    }

    .am-panel.lg-index-contest.am-panel-danger:hover {
        box-shadow: 1px 1px 15px #0000008f;
    }

    .am-panel.lg-index-contest.am-panel-success {
        border-radius: 10px;
        margin-left: 10px;
        box-shadow: 1px 1px 10px #00000075;
        transition: all .3s ease;
    }

    .am-panel.lg-index-contest.am-panel-success:hover {
        box-shadow: 1px 1px 15px #0000008f;
    }

    /*最近讨论*/
    .am-panel.lg-index-contest.am-panel-primary {
        margin-left: 0px;
        border-radius: 10px;
        border: 0px;
        width: 38rem;
        box-shadow: 1px 1px 10px #00000075;
        transition: all .3s ease;
    }

    .am-panel.lg-index-contest.am-panel-primary:hover {
        box-shadow: 1px 1px 15px #0000008f;
    }

    /*smart - luogu广告*/
    [data-v-0a593618] {
        border-radius: 20px;
    }

    .lfe-form-sz-small[data-v-cc52fb5c] {
        opacity: 0;
        transition: all .2s ease;
        border-radius: 10px !important;
    }

    .lfe-form-sz-small[data-v-cc52fb5c]:hover {
        transform: translateY(-1px);
        transition: all .5s ease;
        border-radius: 20px !important;
    }

    img[data-v-0a593618] {
        display: none;
    }

    span[data-v-0a593618] {
        display: none;
    }

    /*记录详情 */
    .wrapper > .test-case {
        border-radius: 15px;
        box-shadow: 0px 2px 7px #6d6d6d;
        transition: all 0.3s ease;
    }

    .wrapper > .test-case:hover {
        /*测试点旋转默认关闭*/
        /*transform: rotate(1turn);*/
        transform: translateY(-5px);

        box-shadow: 0px 3px 15px #404040;
    }

    .message[data-v-21e0a7cc] {
        border-radius: 10px;
    }

    /*弹窗*/
    .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;
    }

    /*卡片*/
    .lg-article:hover {
        box-shadow: 3px 3px 20px #1f1f1f;
    }

    .card.padding-default:hover {
        box-shadow: 3px 3px 20px #1f1f1f;
    }

    .card.problem-card.padding-default:hover {
        transform: translateY(-1px);
        border-radius: 10px;
        box-shadow: 3px 3px 20px #656565;
    }

    .card.padding-none[data-v-f9624136][data-v-2401924d] {
        border-radius: 10px !important;
    }

    .card.padding-none[data-v-f9624136] {
        border-radius: 20px !important;
        transition: all .5s ease;
    }

    /*复制按钮*/
    .copy-btn.lfe-form-sz-middle {
        animation: slowshow 1s 1;
        transition: 0s;
        border-radius: 8px;
        color: #05107c !important;
        border-color: #e0c3fc !important;
    }

    .copy-btn.lfe-form-sz-middle:hover {
        transform: translateY(-1px);
        background-color: #fff !important;
        transition: .4s;
        opacity: .5;
    }

    .copy-btn.lfe-form-sz-middle {
        background-color: #fff !important;
        opacity: .8;
        transition: 1s;
    }

    .copy-btn.lfe-form-sz-middle:active {
        background-color: #fff !important;
        opacity: 1;
        transition: 0s;
    }

    /*rated*/
    .am-badge.am-radius.lg-bg-green {
        background: #00b09b;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        border-radius: 5px;
        transition: all 0.3s ease;
    }

    .am-badge.am-radius.lg-bg-green:hover {
        transform: translateY(-2px);
    }

    /*通过条*/
    .bar[data-v-7626d048] {
        background: #7f7fd5;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228));
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228));
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        ;
    }

    /*输入框*/
    .am-form-field {
        font-weight: bold;
        transition: all .2s ease;
        box-shadow: 2px 2px 3px #bab9b9;
        border: 0;
        border-radius: 10px !important;
    }

    .am-form-field:hover {
        transition: all .2s ease;
        box-shadow: 3px 3px 9px #bab9b9;
    }

    .refined-input.input-wrap.frame[data-v-66fcc50b][data-v-8cc386e2] {
        border: 0;
    }

    .lfe-form-sz-middle {
        font-weight: bold;
        transition: all .2s ease;
        box-shadow: 0px 4px 3px #b4b4b4;
        border: 0;
        border-radius: 10px !important;
    }

    .lfe-form-sz-middle:hover {
        box-shadow: 0px 5px 3px #b4b4b4;
    }

    .refined-input.input-wrap.frame {
        border: 0;
    }

    .lfe-form-sz-small {
        font-weight: bold;
        transition: all .2s ease;
        box-shadow: 2px 2px 10px #bab9b9;
        border: 0;
        border-radius: 10px !important;
    }

    .lfe-form-sz-small:hover {
        box-shadow: 2px 2px 20px #bab9b9;
    }

    /*user-header-top*/
    .user-header-top[data-v-2424f61c][data-v-f9624136] {
        margin-top: -60px !important;
    }

    /*----exlg----*/
    .exlg-message-outter {
        border-radius: 30px !important;
    }

    #exlg-dash {
        border-radius: 30px !important;
    }

    /*相关讨论*/
    ul[data-v-766cabba][data-v-f9624136] {
        animation: slowshow 1s;
    }

    .exlg-badge {
        /*仿正统tag 不喜欢可删*/
        border-radius: 5px;
    }

    .exlg-window {
        position: fixed;
        z-index: 99999999999 !important;
        transition: all .4s ease !important;
        -webkit-backdrop-filter: blur(2px) !important;
        backdrop-filter: blur(2px) !important;
        background: rgba(255, 255, 255, .3) !important;
    }

    .exlg-rand-settings {
        transition: all .5s ease !important;
    }

    .exlg-window:hover {
        transition: all .4s ease !important;
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        border: 0px solid rgba(255, 255, 255, 0.18) !important;
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        color: rgba(255, 255, 255, 0.15);
        background: rgba(255, 255, 255, .64) !important;
    }

    .exlg-smallbtn.exlg-unselectable {
        animation: slowshow 1s 1;
    }

    .exlg-emo-btn {
        font-weight: bold;
    }

    .exlg-emo-btn:hover {
        box-shadow: 0px 5px 10px #000 !important;
    }

    .exlg-dialog-container.container-show {
        background-color: #ffffffe0;
        backdrop-filter: blur(7px) !important;
        -webkit-backdrop-filter: blur(7px) !important;
    }

    .exlg-dialog-btn {
        box-shadow: 1px 1px 10px #00000096;
        background-color: #fff0 !important;
        backdrop-filter: blur(7px) !important;
        -webkit-backdrop-filter: blur(7px) !important;
    }

    /* -------------------------------- 圆角化 --------------------------------- */
    .am-btn.am-btn-sm {
        border-radius: 20px !important;
    }

    .lfe-caption.tag.status-name[data-v-43a42535] {
        border-radius: 20px !important;
    }

    .card.padding-default {
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .lg-article {
        animation: slowshow .5s 1;
        transition: all 0.5s ease;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .dropdown > .center {
        border-radius: 10px !important;
        box-shadow: 5px 5px 17px #525252cc;
    }

    .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;
    }

    .apps a[data-v-1d675dd8] {
        padding: .3em;
        color: #333;
        border-radius: 99px !important;
    }

    .padding-none[data-v-f9624136] {
        border-radius: 30px !important;
    }

    /*用户顶栏*/
    .user-nav[data-v-2dfcfd35] {
        animation: showUI 1s 1;
        transition: all .5s ease;
        margin-top: 20px;
        border-radius: 20px !important;
    }

    /*还是卡片*/
    .card.problem-card.padding-default {
        animation: slowshow .5s 1;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .card.padding-default {
        transition: all .5s ease;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .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;
    }

    .card.float-card.padding-0[data-v-f9624136] {
        border-radius: 30px !important;
        transition: 1s ease;
    }

    .card.float-card.padding-0[data-v-f9624136]:hover {
        border-radius: 30px !important;
    }

    .card.user-header-container.padding-0 > .user-header-top {
        height: 320px;
    }

    .select-button.lfe-form-sz-small {
        border-radius: 10px !important;
    }

    .progress-frame > div[data-v-47712372] {
        width: 100%;
        height: 100%;
        border-radius: 10px 0 0 10px;
        background: #8e2de2;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224));
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224))/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        !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;
    }

    .selected[data-v-66021821] {
        border-radius: 10px !important;
    }

    .bottom.float-bottom {
        animation: slowshow 1s 1;
        margin-bottom: 4px;
        border-radius: 20px !important;
        z-index: 999;
    }

    .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;
    }
    nav.lfe-body {
        visibility: hidden;
    }
    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;
    }
    .l-card {
        border-width: 9px;
        background-color: #ffffffb3!important;
        border-color: #fff !important;
        border-radius: 15px !important;
        box-shadow: 0px 0px 10px #fff!important;
        transition: all .3s ease;
    }
    div.user-nav:nth-child(3) {
        background-color: #fff!important;
        border-color: #fff !important;
        border-radius: 3px !important;
        box-shadow: 0px 0px 10px #fff!important;
        transition: all .3s ease;
    }
    li[data-v-40281d0d]:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        border-radius: 3px !important;
        background-color: #fff!important;
        box-shadow: 0px 0px 30px #333333;
        /*         background-color: #0000 */
    }
    .sidebar {
        background-color: #ffffffb3!important;
    }
    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;
    }
    .card.padding-none,
    .am-panel.am-panel-default.lg-summary,
    .am-g.lg-table-bg0.lg-table-row,
    .card.padding-default,
    .lg-article {
        border-radius: 25px!important;
        background-color: #fff;
    }
    /*     .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;
    }
    .article-content:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        /*         border-radius: 3px !important; */
        /*         background-color: #fff!important; */
        box-shadow: 0px 0px 30px #333333;
    }
    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;
    }
    .article-banner:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        /*         border-radius: 3px !important; */
        /*         background-color: #fff!important; */
        box-shadow: 0px 0px 30px #333333;
    }
    main.lcolor-bg-grey-1 {
        background-color: #0000;
    }
    .toc-wrapper {
        left: 780px;
    }
    .toc {
        /*         left: 780px; */
        padding-left: 2px;
        border-width: 9px;
        background-color: #ffffffb3;
        border-color: #fff !important;
        border-radius: 3px 15px 15px 3px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .toc:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        box-shadow: 0px 0px 30px #333333;
    }
    /*     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;
    } */
    .l-card[data-v-e01570a1]:hover {
        /*         margin-top: -0.1em; */
        transition: all 0.3s ease;
        /*         background-color: #fff; */
        box-shadow: 0px 0px 30px #333333!important;
    }
    .burger:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        /*         background-color: #fff; */
        box-shadow: 0px 0px 30px #333333!important;
    }
    .l-card[data-v-e01570a1][data-v-3f1a702f]:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        /*         background-color: #fff; */
        box-shadow: 0px 0px 30px #333333!important;
    }
    nav.sidebar.lside.bar.hide.nav-scrollbar {
        padding-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .nav-group {
        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: hidden;
    }
    .footer,
    .header {
        visibility: visible;
    }
    a.logo-wrap,
    .popup-button,
    .lfe-body > a {
        visibility: visible;
    }
    .lg-article {
        border-width: 9px;
        background-color: #ffffffb3;
        border-color: #fff !important;
        border-radius: 15px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .lg-article:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .am-prev {
        z-index: 0;
    }
    .top-bar[data-v-8348072e] {
        background: #ffffffb8 !important;
    }
}

@-moz-document url-prefix("https://www.luogu.com.cn/chat") {
/*luogu私信*/
    .card.wrapper.padding-none:hover {
        border-radius: 10px !important;
        box-shadow: 0px 0px 30px #000;
        background: rgba(255, 255, 255, .6) !important;
    }

    .message-block.right > .message[data-v-5c0627c6] {
        background-color: #370ad9a6 !important;
        color: #fff !important;
        text-align: center;
    }

    html > body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/wwhuej7y.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    .item[data-v-4d6dca7a]:hover {
        border-radius: 10px;
        transition: all .3s ease;
        background-color: #7a0ad9a6 !important;
        color: #fff;
    }
}

@-moz-document url-prefix("https://ti.luogu.com.cn/") {
/*luogu有题*/
    /*全局*/
    @keyframes showtop {
        0% {
            opacity: 0;
            margin-left: -100px;
        }

        100% {
            opacity: 1;
            margin-left: 0px;
        }
    }

    @keyframes slowshow {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes userUI {
        0% {
            opacity: 0;
            transform: translateY(-60px);
        }

        100% {
            opacity: .7;
        }
    }

    @keyframes showUI {
        0% {
            height: 1%;
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .user-nav {
        margin-top: 15px;
        margin-right: -70px;
        animation: userUI 1s;
        opacity: .7;
        transition: all .5s ease;
    }

    /*背景*/
    html > body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/p0pstv01.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    #app-header {
        background: transparent !important;
    }

    #app-footer {
        background: transparent !important;
    }

    /*用户栏*/
    .user-nav:hover {
        opacity: 1;
    }

    /*侧栏*/
    img[data-v-22b18d46] {
        opacity: .7;
    }

    #app-sidenav {
        animation: showUI 1s;
        margin-top: 10% !important;
        height: 20%;
        border-radius: 99px;
        margin-left: 10px;
    }

    .icon.fa.fa-book {
        color: #f2f2f2 !important;
        margin-top: 3px;
        padding: 0 !important;
    }

    .sm-hide.router-link-active.color-default {
        border-radius: 99px !important;
    }

    #app-sidenav {
        background-color: #ffffff45;
    }

    .sm-hide.router-link-active.color-default {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/y4pltum7.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 30px;
        background-attachment: revert;
    }

    /*顶栏字体大小*/
    h1[data-v-d7da57a6] {
        animation: showtop 1s;
        font-size: 50px;
    }

    main {
        margin-top: 20px;
    }

    /*卡片*/
    .card {
        transition: all .7s ease;
        box-shadow: 1px 1px 15px #4f4f4f;
    }

    .card:hover {
        transform: translateY(-1px);
        box-shadow: 2px 2px 25px #000;
    }

    .problemsets.card {
        transition: all .7s ease;
        box-shadow: 1px 1px 15px #4f4f4f;
    }

    .problemsets.card:hover {
        transform: translateY(-1px);
        box-shadow: 2px 2px 25px #000;
    }

    /*字*/
    [data-v-3be7235c] {
        color: #000;
    }

    /*超链接*/
    a {
        transition: .5s;
    }

    a:hover {
        color: #f72525 !important;
    }

    /*题目列表*/
    .clickable {
        transition: all .5s ease;
        border-radius: 10px;
    }

    .clickable:hover {
        transform: translateY(-1px);
        box-shadow: 1px 1px 5px #000;
    }

    /*按钮*/
    button[data-v-79732b4a] {
        transition: all .3s ease;
        border-radius: 15px;
    }

    .second-button {
        background-color: #fef5ff !important;
    }

    button[data-v-79732b4a]:hover {
        box-shadow: 1px 1px 5px #000;
        transform: translateY(-1px);
        border-radius: 20px;
    }

    /* -------------------------------- 圆角化 --------------------------------- */
    .problemsets.card {
        border-radius: 10px !important;
    }

    .card {
        border-radius: 10px !important;
    }

    .user-nav {
        border-radius: 20px !important;
    }
}

@-moz-document url-prefix("https://class.luogu.com.cn/") {
/*网校*/
    /*全局*/
    @keyframes showtop {
        0% {
            opacity: 0;
            margin-left: -100px;
        }

        100% {
            opacity: 1;
            margin-left: 0px;
        }
    }

    @keyframes slowshow {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes userUI {
        0% {
            opacity: 0;
            transform: translateY(-60px);
        }

        100% {
            opacity: .7;
        }
    }

    @keyframes showUI {
        0% {
            height: 20% !important;
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .user-nav {
        margin-top: 15px;
        margin-right: -70px;
        animation: userUI 1s;
        opacity: .7;
        transition: all .5s ease;
    }

    /*背景*/
    html > body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/o87eg18s.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .wrapped.lfe-body {
        background: transparent !important;
    }

    /*用户栏*/
    .user-nav:hover {
        opacity: 1;
    }

    /*卡片*/
    .card {
        transition: all .7s ease;
        box-shadow: 1px 1px 15px #4f4f4f;
    }

    .card:hover {
        transform: translateY(-1px);
        box-shadow: 2px 2px 25px #000;
    }

    .problemsets.card {
        transition: all .7s ease;
        box-shadow: 1px 1px 15px #4f4f4f;
    }

    .problemsets.card:hover {
        transform: translateY(-1px);
        box-shadow: 2px 2px 25px #000;
    }

    .card.padding-default[data-v-796309f8][data-v-4880a829]:hover {
        box-shadow: 1px 1px 0px #4f4f4f;
    }

    /*tiny*/
    .wrapped.lfe-body.header-layout.tiny {
        background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important;
        opacity: .9 !important;
    }

    .wrapped.lfe-body.header-layout.tiny:hover {
        opacity: 1 !important;
    }

    /*超链接*/
    a {
        transition: .5s;
    }

    a:hover {
        color: #f72525 !important;
    }

    /*侧栏/kk*/
    .logo-wrap[data-v-27b2cd59] {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/plx92p9z.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: revert;
        border-radius: 99px;
    }

    [data-v-27b2cd59] {
        border-radius: 99px;
    }

    nav.lfe-body[data-v-0145b689][data-v-0145b689] {
        margin-top: 10% !important;
        height: 30% !important;
    }

    nav[data-v-27b2cd59] {
        background-color: #ffffff4f !important;
        animation: showUI 1s;
    }

    .wrapped.lfe-body.header-layout.tiny {
        margin-top: 0rem !important;
        height: 4rem !important;
        margin-left: -5rem !important;
        padding-left: 5rem;
    }

    /*选择按钮*/
    .selected {
        background-color: #6954ee !important;
    }

    /* -------------------------------- 圆角化 --------------------------------- */
    .problemsets.card {
        border-radius: 20px !important;
    }

    .card {
        border-radius: 20px !important;
    }

    .user-nav {
        border-radius: 20px !important;
    }

    .lfe-form-sz-middle {
        border-radius: 99px !important;
    }
}

@-moz-document url-prefix("https://www.luogu.com.cn/article") {
/*文章*/
    /*普通卡片*/
    .card {
        background: rgba(255, 255, 255, .8) !important;
    }

    .card:hover {
        background: rgba(255, 255, 255, .85) !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;
    }

    /*卡片*/
    .lg-article:hover {
        box-shadow: 3px 3px 20px #1f1f1f;
    }

    .card.padding-default:hover {
        box-shadow: 3px 3px 20px #1f1f1f;
    }

    .card.problem-card.padding-default:hover {
        transform: translateY(-1px);
        border-radius: 10px;
        box-shadow: 3px 3px 20px #656565;
    }

    .card.padding-none[data-v-f9624136][data-v-2401924d] {
        border-radius: 10px !important;
    }

    .card.padding-none[data-v-f9624136] {
        border-radius: 20px !important;
        transition: all .5s ease;
    }

    /*圆角化*/
    .am-btn.am-btn-sm {
        border-radius: 20px !important;
    }

    .lfe-caption.tag.status-name[data-v-43a42535] {
        border-radius: 20px !important;
    }

    .card.padding-default {
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .lg-article {
        animation: slowshow .5s 1;
        transition: all 0.5s ease;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .dropdown > .center {
        border-radius: 10px !important;
        box-shadow: 5px 5px 17px #525252cc;
    }

    .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;
    }

    .apps a[data-v-1d675dd8] {
        padding: .3em;
        color: #333;
        border-radius: 99px !important;
    }

    .padding-none[data-v-f9624136] {
        border-radius: 30px !important;
    }

    .card.problem-card.padding-default {
        animation: slowshow .5s 1;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .searchAnywhereEntrance {
        animation: slowshow .5s 1;
        border-radius: 30px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .l-card,
    div[data-v-076e399a][data-v-fc349d1c],
    div[data-v-f0d12dd0][data-v-fc349d1c] {
        transition: all .5s ease;
        animation: slowshow .5s 1;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .banner-content {
        padding-bottom: 20px;
    }

    .l-card:hover,
    div[data-v-076e399a][data-v-fc349d1c]:hover,
    div[data-v-f0d12dd0][data-v-fc349d1c]:hover {
        transition: all .5s ease;
        box-shadow: 3px 3px 20px #1f1f1f;
    }

    .reply-editor[data-v-710aa612] {
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .reply-editor[data-v-710aa612]:hover {
        box-shadow: 3px 3px 20px #1f1f1f;
    }

    .card.padding-default {
        transition: all .5s ease;
        border-radius: 20px !important;
        box-shadow: 0px 0px 0px #8f8f8f;
    }

    .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;
    }

    .card.float-card.padding-0[data-v-f9624136] {
        border-radius: 30px !important;
        transition: 1s ease;
    }

    .card.float-card.padding-0[data-v-f9624136]:hover {
        border-radius: 30px !important;
    }

    .card.user-header-container.padding-0 > .user-header-top {
        height: 320px;
    }

    .select-button.lfe-form-sz-small {
        border-radius: 10px !important;
    }

    .progress-frame > div[data-v-47712372] {
        width: 100%;
        height: 100%;
        border-radius: 10px 0 0 10px;
        background: #8e2de2;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224));
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224))/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        !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;
    }

    .selected[data-v-66021821] {
        border-radius: 10px !important;
    }

    .bottom.float-bottom {
        animation: slowshow 1s 1;
        margin-bottom: 4px;
        border-radius: 20px !important;
        z-index: 999;
    }

    .card.float-card.padding-0 {
        border-radius: 5px !important;
        box-shadow: 1px 1px 20px #5c5c5c !important;
    }

    footer {
        background: transparent !important;
        backdrop-filter: brightness(100%);
        .problem-card[data-v-766cabba] {
            /*font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important;*/
            font-family: LMDYNLZT,
            Consolas;
        }

        h1[data-v-2dfcfd35] {
            /*font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important;*/
            font-family: LMDYNLZT,
            Consolas;
        }
    }

    header.theme-bg {
        background: transparent !important;
        backdrop-filter: brightness(100%);
        .problem-card[data-v-766cabba] {
            /*font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important;*/
            font-family: LMDYNLZT,
            Consolas;
        }

        h1[data-v-51efdf02] {
            /*font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important;*/
            font-family: LMDYNLZT,
            Consolas;
        }
    }

    .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
    }

    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 !important;*/
            font-family: LMDYNLZT,
            Consolas;
        }

        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;*/
        font-family: LMDYNLZT,
        Consolas;
    }

    main[data-v-7ddab1d5],
    div[data-v-0cbb2f60],
    div[data-v-43a0de31],
    .searchAnywhereMain {
        /*font-family: LMDYNLZT, Segoe Print, Fira Code, IDChuXinShaoNvTiJ !important;*/
        font-family: LMDYNLZT,
        Consolas;
    }

    p[data-v-14b843ef],
    span[data-v-075d6ff6].total {
        color: #fff;
    }

    .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 !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: black;
    }

    div[data-v-6006e224][data-v-075d6ff6] {
        height: 27px;
    }

    div[data-v-9c6e88ba] {
        color: #5c5c5c;
        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,
        Consolas;
        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;
    }
}

@-moz-document regexp("https://www.luogu(.org|.com(.cn))/.*") {
/*娱乐项目*/
    /*旋转*/
    /*:hover{
        visibility: hidden;
    }
    /*(装b我让你...)飞起来(数字过高无效)*/
    /*:hover{
        transform: translateY(-50px);
    }*/
}

@-moz-document url-prefix("https://www.luogu.com.cn/user/") {
/*恢复个人简介*/
    .introduction.marked {
        display: block !important;
    }

    .card.padding-default > div[style*="background-color: rgb(255, 235, 236); border-radius: 5px; border: 1px solid rgb(225, 50, 56); padding: 1em; font-style: italic;"] {
        display: none;
    }

    .card.padding-default > .introduction.marked::before {
        display: block !important;
        font-size: 90%;
        color: #bfbfbf;
        background-color: #66ccff10;
    }
}

@-moz-document url-prefix("https://www.luogu.me/") {
/*luogu保存站*/
    html > body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/o87eg18s.png) !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    b,
    strong {
        color: #342929;
    }
    .content-container {
        -webkit-backdrop-filter: blur(5px) !important;
        backdrop-filter: blur(5px) !important;
        background: #ffffff87;
    }
}