大聪明洛谷发布

最后更新于 2025-08-18 20:21:45
作者
分类 科技·工程
/* ==UserStyle==
@name       大聪明洛谷 
@version     20250815
@namespace   smartluogugu
@author     火之心
luogu UID    1049724
==/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/ax7rk35o.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
/*主站侧栏图片*/

    /*侧栏logo*/
    .logo-wrap,
    .data-v-27b2cd59,
    .first-of-type {
     opacity:.8;
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/agxkvspj.png) !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;*//*这个是是否显示luogu logo*/
    }
    .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;
    }
    /*个人列表*/
    .center[data-v-572d3b30][data-v-258e49ac][data-v-58fd269e] {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/gild4uih.png) !important;
        /*可改图片*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: scroll;
        width: 210px;
        border: 1px solid #000;
        height: 420px;
        padding: 0px;
        margin: 0;
        opacity: 1.0;

        border-radius: 25px;
    }
    /*侧栏题库,比赛等选项图片*/
    .color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]:hover {
        /*旋转按钮,自主开启*/
        transform: rotate(1turn)!important;
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/gild4uih.png) !important;
        /*可改*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: scroll;
        border-radius: 30px;
        transition: all 0.5s ease;
        box-shadow: 1px 1px 10px #333;
    }
    /*badge(直角边框,可删)*/
    .exlg-badge {
        border-radius: 5px !important;
    }
    /*----------------------------------------------------------------------------fix_code-------------------------------------------------------------------------------------*/
    /*主题*/
    .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: #ffffffb3!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;
    }
    /*fix_end*/
    /*侧栏*/
    .lfe-body[data-v-27b2cd59][data-v-5e85f938][data-v-109e0409] {
        margin-top: 100px;
    }
    .popup-button {
        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 {
        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;
    }
    #app > .lfe-body > a {
        color: #c0c0c0 !important;
        opacity: 0.8;
        height: 3.7em;
        margin-top: 3px;
        padding: 0 !important;
    }
    #app > .lfe-body > a:hover {
        opacity: 1.0;
        color: #fff !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: 0.6em;
        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: #c0c0c0 !important;
    }
    #app > .lfe-body > .popup-button {
        background-color: #c0c0c066 !important;
        margin-top: 8px;
        color: #fff !important;
    }
    .color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938] {
        transition: all 1s ease;
        border-radius: 5px;
        box-shadow: 0.4px 0.4px 5px #fff;
    }
    .color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938] {
        transition: all 0.3s ease;
    }
    .color-none[data-v-303bbf52][data-v-639bc19b][data-v-5e85f938]:hover {
        transition: all 0.3s ease;
        border-color: #6d4acf !important;
        background-color: #6d4acf69;
        border-style: solid;
        border-width: 0.5px;
    }
    /*顶栏*/
    .header-link.color-none {
        transition: all 0.3s ease;
        color: #fff !important;
    }
    .header-link.color-none:hover {
        transition: all 0.3s ease;
        color: #f8b3cb !important;
    }
    /*头像栏*/
    path[data-v-45591776][data-v-cc52fb5c] {
        color: #fff!important;
        transition: all 0.3s ease;
    }
    path[data-v-45591776][data-v-cc52fb5c]:hover {
        color: #fff!important;
        transition: all 0.3s ease;
    }
    .svg-inline--fa.fa-envelope.fa-w-16 {
        color: #bbb !important;
        transition: all 0.3s ease;
    }
    .svg-inline--fa.fa-envelope.fa-w-16:hover {
        transition: all 0.3s ease;
        color: #bcbcbc !important;
    }
    span[data-v-258e49ac] {
        color: #bbb !important;
        transition: all 0.3s ease;
    }
    span[data-v-258e49ac]:hover {
        transition: all 0.3s ease;
        color: #bcbcbc !important;
    }
    .svg-inline--fa.fa-bell.fa-w-14 {
        transition: all 0.3s ease;
        color: #bbb !important;
    }
    .svg-inline--fa.fa-bell.fa-w-14:hover {
        transition: all 0.3s ease;
        color: #bcbcbc !important;
    }
    .svg-inline--fa.fa-search.fa-w-16 {
        transition: all 0.3s ease;
        color: #bbb !important;
    }
    .svg-inline--fa.fa-search.fa-w-16:hover {
        transition: all 0.3s ease;
        color: #bcbcbc !important;
    }
    .user-nav[data-v-2dfcfd35] {
        background-color: #fff0;
    }
    .user-nav {
        background-color: #fff0;
    }
    .user-nav:hover {
        background-color: #fff0;
    }
    .center[data-v-572d3b30][data-v-258e49ac][data-v-58fd269e]:hover {
        width: 210px;
        height: 420px;
        padding: 0px;
        margin: 0;
        background-color: #fff;
        z-index: 99;
    }
    .color-none[data-v-303bbf52][data-v-572d3b30] {
        color: #fff;
        /*border-color:#fff0;
        border-style: solid;
        border-width: 0px 40px 0px 40px;*/
    }/*
    .color-none[data-v-303bbf52][data-v-572d3b30]:hover{
        color: #000;
        border-color:#fff;
        background-color: #fff;
        border-style: solid;
        border-width: 0px 40px 0px 40px;
    }
    footer[data-v-572d3b30]{
        color: #fff;
        border-color:#fff0;
        border-style: solid;
        border-width: 0px 10px 0px 10px;
    }
    footer[data-v-572d3b30]:hover{
        color: #000;
        border-color:#fff;
        background-color: #fff;
        border-style: solid;
        border-width: 0px 10px 0px 10px;
    }*//*
    .svg-inline--fa.fa-box-heart.fa-w-14,
    .svg-inline--fa.fa-user-cog.fa-w-20,
    .svg-inline--fa.fa-users.fa-w-20,
    .svg-inline--fa.fa-elementor.fa-w-14,
    .svg-inline--fa.fa-rss.fa-w-14,
    .svg-inline--fa.fa-book.fa-w-14{
        margin-right:20px;
}*/
    /*犇犇*/
    .am-comment-main {
        opacity: 0.8;
        transition: all 0.3s ease;
    }
    .am-comment-main {
        border-width: 9px;
        border-color: #fff !important;
        border-radius: 15px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .am-comment-main:hover {
        opacity: 1;
        margin-top: -0.1em;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .am-comment-main:before {
        border: 0px;
    }
    /**/
    li[data-index][data-group][data-value] {
        border-radius: 25px;
    }
    /*卡片模糊*/
    .card.padding-default {
        border-width: 9px;
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .card.padding-default:hover {
        /*margin-top: -0.1em;*/
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .card.max{
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .card.max:hover{
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .am-g.lg-table-bg0.lg-table-row {
        border-width: 9px;
        background-color: #ffffffb0;
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .am-g.lg-table-bg0.lg-table-row:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .am-panel.am-panel-default.lg-summary {
        border-width: 9px;
        border-color: #fff !important;
        background-color: #ffffffb3;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .am-panel.am-panel-default.lg-summary:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .user-header-bottom {
        transition: all 0.3s ease;
        border-radius: 0px 0px 25px 25px !important;
    }
    .card.user-header-container.padding-0[data-v-f9624136][data-v-45591776][data-v-30dde52d] {
        border-color: #fff !important;
        background-color: #ffffffb3;
        border-radius: 0px 0px 25px 25px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .card.user-header-container.padding-0[data-v-f9624136][data-v-45591776][data-v-30dde52d]:hover{
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-modal-dialog {
        border-color: #fff !important;
        background-color: #ffffffb3;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .am-modal-dialog:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-selected-content.am-dropdown-content {
        border-color: #fff !important;
        background-color: #ffffffe8;
        border-radius: 0px 0px 25px 25px !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .am-selected-content.am-dropdown-content:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 15px #333333;
    }
    .user-header-bottom:hover {
        transition: all 0.3s ease;
/*         background-color: #fff; */
/*         box-shadow: 0px 0px 40px #333333; */
    }
    .card.padding-none {
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .card.padding-none:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .clone-card {
        visibility: visible;
        opacity: 0.8;
        border-width: 9px;
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .clone-card:hover {
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .swal2-popup.swal2-modal.swal2-show {
        border-width: 9px;
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .swal2-popup.swal2-modal.swal2-show:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    /*ide*/
    .view-lines {
        background-color: #ffffffb3;
        border-width: 9px;
        border-color: #fff !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .view-lines:hover {
        margin-top: -0.1em;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 99px #333333;
    }
    .editor-tab.editor-title.editor-tab.editor-title-visible {
        background-color: #ffffffb3;
        border-width: 9px;
        border-color: #fff !important;
        box-shadow: 0px 0px 10px #fff;
        transition: all .3s ease;
    }
    .editor-tab.editor-title.editor-tab.editor-title-visible:hover {
        margin-top: -0.1em;
        border-radius: 25px !important;
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 99px #333333;
    }
    /*按钮*/
    .am-modal-prompt-input {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 0px !important;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-modal-prompt-input:hover {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 25px !important;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-selected-btn.am-btn.am-dropdown-toggle.am-btn-secondary {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 0px !important;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-selected-btn.am-btn.am-dropdown-toggle.am-btn-secondary:hover {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 20px !important;
        box-shadow: 0px 0px 15px #333333;
    }
    .refined-input.input-wrap.input.frame.disabled {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 0px !important;
    }
    .refined-input.input-wrap.input.frame.disabled:hover {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 25px !important;
    }
    .refined-input.input-wrap.frame {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .refined-input.input-wrap.frame:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .refined-input.input-wrap.input.frame {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 0px !important;
    }
    .refined-input.input-wrap.input.frame:hover {
        outline-color: #fff0;
        transition: all 0.5s ease;
        border-radius: 25px !important;
    }
    .am-modal-btn:active{
        border-radius: 25px !important;
    }
    .am-btn.am-btn-danger {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-btn.am-btn-danger:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .copy-btn.lfe-form-sz-middle:hover{
        box-shadow: 0px 0px 1px #333333;
    }
    .lfe-form-sz-middle {
        outline-color: #fff0;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .lfe-form-sz-middle:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-btn.am-btn-secondary.am-btn-sm {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-btn.am-btn-secondary.am-btn-sm:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .lfe-form-sz-small {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .lfe-form-sz-small:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    #submit-reply {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    #submit-reply:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .swal2-confirm.swal2-styled {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .swal2-confirm.swal2-styled:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .button-in-anchor.lfe-form-sz-middle {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .button-in-anchor.lfe-form-sz-middle:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .swal2-cancel.swal2-styled {
        border-style: solid;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .swal2-cancel.swal2-styled:hover {
        border-style: solid;
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-btn.am-btn-primary.am-btn-sm {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-btn.am-btn-primary.am-btn-sm:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-input-group-label {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-input-group-label:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-selected-btn.am-btn.am-dropdown-toggle.am-btn-default,
    #nationalId,
    #realName{
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-selected-btn.am-btn.am-dropdown-toggle.am-btn-default:hover,
    #nationalId:hover,
    #realName:hover{
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-form-field {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-form-field:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    #feed-content {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    #feed-content:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    #feed-submit {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    #feed-submit:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-btn.am-btn-danger.am-btn-sm {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-btn.am-btn-danger.am-btn-sm:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-btn.am-btn-warning {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-btn.am-btn-warning:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    /*exlg*/
    .color-none.exlg-dash-options {
        color: #333;
    }
    .color-none.exlg-dash-options:hover {
        color: #333;
    }
    .exlg-windiv-btn {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .exlg-windiv-btn:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .am-btn.am-btn-success.am-btn-sm {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .am-btn.am-btn-success.am-btn-sm:hover {
        border-radius: 15px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    .exlg-dropdown.field {
        color: #fff;
    }
    .exlg-emo-btn {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    .exlg-emo-btn:hover {
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    #exlg-dash {
        margin-left: 15px;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    #exlg-dash:hover {
        margin-left: 15px;
        border-radius: 30px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    #exlg-dash-window {
        margin-left: 15px;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 1px #333333;
    }
    #exlg-dash-window:hover {
        margin-left: 15px;
        border-radius: 30px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 15px #333333;
    }
    /*广告*/
    img[data-v-0a593618] {
        display: none;
    }
    span[data-v-0a593618] {
        display: none;
    }
    div[data-v-0a593618] {
        content: url(https://cdn.luogu.com.cn/upload/image_hosting/9ab7jxe6.png);
        width: 100%;
        display: none;
    }
    /*每天都大吉(没有用)*/
    /*
    .lg-punch-result.lg-fg-red {
          display:none;
          margin-right:00px;
    }
    .lg-punch-result.lg-fg-red:after {
        content: "$ 大吉 $";
        font-size: 50px;
        display: block !important;
    }*/
    /*手机*/
    .switch-btn[data-v-62ad297f] {
        visibility: visible;
    }
}
/*题目分析栏*/
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);
}
/*----------------------------------------------------------------*/
/*定义*/
@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;
    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;
}
/*侧栏*/
/*carbonluogu*/
#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: #61eee9f5 !important;
    height: 3.7em;
    margin-top: 3px;
    padding: 0 !important;
}

#app > .lfe-body > a:hover {
    color: #0e0063 !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(20px) !important;
    -webkit-backdrop-filter: blur(20px) !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:5px;
    box-shadow:0px 2px 7px #6d6d6d;
    transition: all 0.3s ease;
}

.wrapper > .test-case:hover {
    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;
}


@-moz-document url-prefix("https://www.luogu.com.cn/chat") {
/*luogu私信*/
.card.wrapper.padding-none{
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/agxkvspj.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-radius:10px !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0px 0px 30px #000;
}
	
.message-block.right > .message[data-v-5c0627c6]{
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/agxkvspj.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color:#370ad9a6 !important;
    color:#fff !important;
    text-align:center;
}
html > body {
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/7xw8j60l.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.item[data-v-4d6dca7a]:hover{
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/agxkvspj.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-radius:10px;
    transition: all .3s ease;
    background-color:#7a0ad9a6 !important;
    color:#fff;
}
}

@-moz-document url-prefix("https://www.luogu.com.cn/user/notification") {
/*luogu通知*/

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

}
@-moz-document url-prefix("https://www.luogu.me/") {
/*luogu保存站*/

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

}
@-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/hn6q5x04.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/plx92p9z.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") {
/*----------------------------------洛谷网校-------------------------------------------*/
    /*----------------------可自主调节---------------------------*/
    body {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/u2pyrcil.png) !important;
        /*改背景图片*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    .logo-wrap.data-v-27b2cd59 {
        background-color: #fff;
    }
    .logo-wrap,
    .data-v-27b2cd59,
    .first-of-type {
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/gild4uih.png) !important;
        /*改侧栏logo图片*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: scroll;
    }
    /*bolg 报错界面*/
    .color-none[data-v-303bbf52][data-v-cd9b963e]:hover {
        /*旋转按钮,自主开启*/
        /*transform: rotate(1turn);*/
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/gild4uih.png) !important;
        /*可改*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: scroll;
        border-radius: 30px;
        transition: all 0.5s ease;
        box-shadow: 1px 1px 10px #333;
        border-color: #6d4acf !important;
        background-color: #6d4acf69;
        border-style: solid;
        border-width: 0.5px;
    }
    .background {
        background-color: #fff0;
        background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/ya7c1wgp.png) !important;
        /*改主页图床*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: scroll;
        border-radius: 25px 25px 0px 0px!important;
    }
    /*-------------------------------------------------------------------------------*/
    /*主题*/
    .icon.svg-inline--fa.fa-check.fa-w-16 {
        color: #52c41a!important;
    }
    .lfe-body {
        visibility: hidden;
    }
    .logo-wrap {
        height: 3.7em;
        width: 4em;
        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;
    }
    .card.user-header-container.padding-0,
    .am-modal-dialog,
    .am-g.lg-main-content,
    .container,
    .lg-index-content.am-center,
    .full-container {
        visibility: visible;
    }
    .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;
    }
    .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;
    }
    /*顶栏*/
    .header-link.color-none {
        transition: all 0.3s ease;
        color: #fff !important;
    }
    .header-link.color-none:hover {
        transition: all 0.3s ease;
        color: #6d4acf !important;
    }
    /*侧栏*/
    .lfe-body[data-v-27b2cd59][data-v-d24cfa52] {
        margin-top: 200px;
    }
    #app > .lfe-body > a {
        color: #c0c0c0 !important;
        opacity: 0.8;
        height: 3.7em;
        margin-top: 3px;
        padding: 0 !important;
    }
    #app > .lfe-body > a:hover {
        opacity: 1.0;
        color: #fff !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: 0.6em;
        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: #c0c0c0 !important;
    }
    #app > .lfe-body > .popup-button {
        background-color: #3333334a !important;
        margin-top: 8px;
        color: #fff !important;
    }
    .color-none[data-v-303bbf52][data-v-cd9b963e] {
        transition: all 1s ease;
        border-radius: 5px;
        box-shadow: 0.4px 0.4px 5px #fff;
    }
    /*头像栏*/
    .svg-inline--fa.fa-sign-out-alt.fa-w-16 {
        color: #fff !important;
        transition: all 0.3s ease;
    }
    .svg-inline--fa.fa-sign-out-alt.fa-w-16:hover {
        transition: all 0.3s ease;
        color: #bbb !important;
        height: 18px;
        width: 18px;
    }
    .svg-inline--fa.fa-shopping-cart.fa-w-18 {
        color: #fff !important;
        transition: all 0.3s ease;
    }
    .svg-inline--fa.fa-shopping-cart.fa-w-18:hover {
        transition: all 0.3s ease;
        color: #bbb !important;
        height: 18px;
        width: 18px;
    }
    path[data-v-1ad0c815] {
        color: #fff !important;
        transition: all 0.3s ease;
    }
    path[data-v-1ad0c815]:hover {
        transition: all 0.3s ease;
        color: #bbb !important;
        height: 18px;
        width: 18px;
    }
    .user-nav[data-v-52820d90] {
        background-color: #fff0;
    }
    .user-nav:hover {
        background-color: #fff0;
    }
    /*底栏*/
    p[data-v-755a789b],
    .color-none[data-v-303bbf52][data-v-755a789b] {
        color: #000;
    }
    p[data-v-755a789b]:hover {
        color: #000;
    }
    .color-none[data-v-303bbf52][data-v-755a789b]:hover {
        color: #6d4acf;
    }
    /*卡片模糊*/
    .card.padding-default {
        border-width: 9px;
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .card.padding-default[data-v-796309f8][data-v-36031605] {
        border-radius: 0px 0px 25px 25px !important;
        text-align: center;
    }
    .card.padding-default[data-v-796309f8][data-v-36031605]:hover {
        box-shadow: 0 4px 8px 0 #333333, 0 6px 20px 0 #333333;
    }
    .card.padding-default:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .card.course-card.padding-none {
        border-width: 9px;
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .card.course-card.padding-none:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .card.user-card.padding-none {
        border-width: 9px;
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .card.user-card.padding-none:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    .card.padding-none {
        border-color: #fff !important;
        border-radius: 25px !important;
        box-shadow: 0px 0px 10px #fff;
        background-color: #ffffffb3;
        transition: all .3s ease;
    }
    .card.padding-none:hover {
        transition: all 0.3s ease;
        background-color: #fff;
        box-shadow: 0px 0px 30px #333333;
    }
    /*nanniu*/
    .lfe-form-sz-middle {
        border-width: 9px;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 0.1px #333333;
    }
    .lfe-form-sz-middle:hover {
        border-radius: 25px !important;
        transition: all 0.5s ease;
        box-shadow: 0px 0px 5px #333333;
    }
    /*字体*/
    .text-area {
        color: #fff;
    }
}