Amazing Luogu DEV

Luogu CSS
换行
/* ==UserStyle==
@name           Amazing Luogu DEV
@namespace      none
@version        2.5.0
@description    Luogu CSS
@author         Hello8693
==/UserStyle== */




@-moz-document regexp("^((?!blog).)*https://www.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*http://www.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*https://www2.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*http://www2.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*https://www.luogu.com.cn((?!blog).)*$"), regexp("^((?!blog).)*http://www.luogu.com.cn((?!blog).)*$"), regexp("^((?!blog).)*https://class.luogu.com.cn((?!blog).)*$"), regexp("^((?!blog).)*http://class.luogu.com.cn((?!blog).)*$") {
    
/*---对于基本控件的处理*/
/*--字体引用*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
/*--全局*/
@keyframes example {
    0% {
        background: linear-gradient(60deg, #f00 0%, #f70 14%, #ff0 28%, #4f0 42%, #0ff 56%, #07f 70%, #70f 84%)
    }
    14% {
        background: linear-gradient(60deg, #70f 0%, #f00 14%, #f70 28%, #ff0 42%, #4f0 56%, #0ff 70%, #07f 84%)
    }
    28% {
        background: linear-gradient(60deg, #07f 0%, #70f 14%, #f00 28%, #f70 42%, #ff0 56%, #4f0 70%, #0ff 84%)
    }
    42% {
        background: linear-gradient(60deg, #0ff 0%, #07f 14%, #70f 28%, #f00 42%, #f70 56%, #ff0 70%, #4f0 84%)
    }
    56% {
        background: linear-gradient(60deg, #4f0 0%, #0ff 14%, #07f 28%, #70f 42%, #f00 56%, #f70 70%, #ff0 84%)
    }
    70% {
        background: linear-gradient(60deg, #ff0 0%, #4f0 14%, #0ff 28%, #07f 42%, #70f 56%, #f00 70%, #f70 84%)
    }
    84% {
        background: linear-gradient(60deg, #f70 0%, #ff0 14%, #4f0 28%, #0ff 42%, #07f 56%, #70f 70%, #f00 84%)
    }
    100% {
        background: linear-gradient(60deg, #f00 0%, #f70 14%, #ff0 28%, #4f0 42%, #0ff 56%, #07f 70%, #70f 84%)
    }
}
@keyframes exlg1 {
    from {
        top: 150px;
        background-color: #fff0;
        color: #fff0
    }
    to {
        top: 50px;
    }
}
@keyframes popout1 {
    from {
        left: 0px;
        background-color: #fff0;
        color: #fff0
    }
    to {
        left: 50px;
    }
}
html,
body {
    background-color: #f4f5f7 !important;
}
html,
body {
    font-family: 'open sans' !important;
}
body {
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600 !important;
}
* > h2:first-child {
    margin-bottom: 1.6rem;
}

/*--顶栏*/
.lg-header,
.lg-header-list > li {
    background-color: #000000;
    border-color: #000000;
}
.lg-header {
    box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
}
    

    
/*--代码字体*/
code,
.hljs {
    font-family: consolas, monospace, "Courier New";
}
/*--加载进度条处理*/
#nprogress .nprogress-peg {
    box-shadow: none !important;
}
#nprogress .nprogress-bar {
    position: fixed;
    top: 0 !important;
    background: #5eb95e;
}
/*--选中内容的样式*/
*::selection {
    background-color: #cce2ff;
}
*::-moz-selection {
    background-color: #cce2ff;
}
*::-webkit-selection {
    background-color: #cce2ff;
}
/*--滚动条*/
::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover {
    background-color: #5e72e4;
}
/*--超链接*/
a {
    transition: all .15s;
    color: #00b9b9ed;
}
/*--颜色定义*/
.lg-fg-green {
    color: #2dce89 !important;
}
.lg-bg-red {
    background-color: #fb6340;
}
.lg-bg-orange {
    background-color: #ff9d09;
}
.lg-bg-purple {
    background-color: #8e44ad;
}
.lg-bg-green {
    background-color: #2dce89;
}
.lg-bg-bluedark {
    background-color: #001277;
}
/*--动画定义*/
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-35px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/*--侧栏*/
#app > .lfe-body {
    background: #fafafa !important/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/;
    box-shadow: 4px 5px 15px rgba(50, 50, 93, .1), 2px 5px 8px rgba(0, 0, 0, .07)!important;
}
#app > .lfe-body > a {
    color: #5e72e4 !important;
    height: 3.7em;
    margin-top: 3px;
    padding: 0 !important;
}
#app > .lfe-body > a:first-of-type {
    margin-top: 10px !important;
}
#app > .lfe-body > a > .icon {
    line-height: 2.4em;
    font-size: 18px;
    width: 100%;
    margin: 0 !important;
    transition: all 0.3s ease;
}
#app > .lfe-body > a > .text {
    opacity: 0;
    margin-top: -1em;
    display: block;
    transition: all 0.3s ease;
}
#app > .lfe-body > a:hover > .icon {
    line-height: 1.5em;
    font-size: 17px;
}
#app > .lfe-body > a:hover > .text {
    opacity: 1;
    margin-top: 0.2em;
}
#app > .lfe-body > div:first-of-type {
    background-color: #5e72e4 !important;
}
#app > .lfe-body > .popup-button {
    background-color: transparent !important;
    margin-top: 8px;
    color: #5e72e4 !important;
}
    

/*-侧栏Hover动画*/
.lg-sidebar-list li[class^="lg-nav"] a span[class^="am-icon"]:after {
    content: "";
    background: #5e72e4;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 8px;
    height: 2px;
    width: 0px;
    border-radius: 10px;
    transition: all .15s ease;
}
.lg-sidebar-list li[class^="lg-nav"] a:hover span[class^="am-icon"]:after {
    left: 40%;
    right: 40%;
    width: 20%;
}
/*--输入框*/
.am-input-group,
.input-group {
    transition: box-shadow .15s ease;
}
.am-input-group {
    border-radius: .5rem !important;
}
.am-form-field,
.input-group > .input-wrap > input,
.input-wrap > input {
    transition: box-shadow .15s ease;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
    min-height: 25px !important;
}
.am-form-field:focus,
.input-group > .input-wrap > input:focus,
.input-wrap > input:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
}
.am-form-field,
.input-group > button {
    transition: box-shadow .15s ease;
    border: none;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.input-group > button {
    margin-left: 3px;
}
.am-form-field,
.input-group > button:hover {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
}
.am-input-group-sm > .am-form-field,
.am-input-group-sm > .am-input-group-btn > .am-btn,
.am-input-group-sm > .am-input-group-label {
    font-size: 1.35rem !important;
}
.am-input-group-label {
    background: transparent;
    border: none;
}
.am-input-group-danger,
.am-input-group-primary {
    box-shadow: none;
}
.am-input-group-danger > .am-input-group-label,
.am-input-group-primary > .am-input-group-label {
    border-radius: .5rem !important;
    outline: none !important;
    letter-spacing: .05em;
    transition: all .15s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    color: #fff !important;
    margin-bottom: 6px;
    height: 33.4px;
}
.am-input-group-danger > .am-input-group-label:hover,
.am-input-group-primary > .am-input-group-label:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.am-input-group-danger > .am-input-group-label:active,
.am-input-group-primary > .am-input-group-label:active {
    box-shadow: none;
}
.am-input-group-danger > .am-input-group-label {
    border-color: #f5365c;
    background-color: #f5365c;
    /*#ec0c38*/
}
.am-input-group-primary > .am-input-group-label {
    border-color: #5e72e4;
    background-color: #5e72e4;
    border-radius: .5rem !important;
}
textarea {
    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
    border: none !important;
}
textarea:focus {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
}
.lg-input-title {
    margin-bottom: 5px;
    border-radius: 5px;
    border-color: #ddd;
}
/*-特判顶部工具条搜索*/
#topbar-search-text {
    border-radius: .5rem 0 0 .5em !important;
}
#topbar-search {
    border-radius: 0 .5rem .5em 0 !important;
    border-color: #5e72e4;
    background-color: #5e72e4;
}
/*--卡片*/
.lg-article,
.lg-summary,
.lg-article-sub,
.card {
    transition: all .15s ease;
    box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
    word-wrap: break-word;
    border-radius: .99rem;
    background-color: #fcfcfc !important;
    overflow: visible !important;
}
.lg-article:hover,
.lg-summary:hover,
.lg-article-sub:hover,
.card:hover {
    box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
}
.card {
    line-height: 1.8;
}
/*--按钮*/
.am-btn {
    outline: none !important;
    border: none !important;
    letter-spacing: .05em;
    padding: 8px 18px;
    transition: all .15s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    color: #fff !important;
    margin-bottom: 6px;
}
.am-dropdown > .am-btn {
    color: inherit !important;
}
button[type='button'] {
    outline: none !important;
    border: none !important;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    transition: all .15s ease;
    margin-bottom: 6px;
    padding: 8px 18px;
}
.am-btn.am-disabled,
.am-btn[disabled],
fieldset[disabled] .am-btn,
button[type='button'][disabled],
button.disabled[type='button'] {
    box-shadow: none;
    opacity: .65;
}
.am-btn:hover,
button[type='button']:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}
.am-btn:active,
button[type='button']:active {
    box-shadow: none;
}
.am-btn-danger,
.am-btn-danger:hover,
.am-btn-danger:active,
.am-btn-danger:focus,
.am-btn-danger:visited {
    border-color: #f5365c;
    background-color: #f5365c;
    /*#ec0c38*/
}
.am-btn-primary,
.am-btn-primary:hover,
.am-btn-primary:active,
.am-btn-primary:focus,
a.am-btn-primary:visited {
    border-color: #7589ff;
    background-color: #7589ff;
}
.am-btn-success,
.am-btn-success:hover,
.am-btn-success:active,
.am-btn-success:focus,
a.am-btn-success:visited {
    border-color: #2dce89;
    background-color: #2dce89;
    border-radius: 99px;
}

.am-btn-warning,
.am-btn-warning:hover,
.am-btn-warning:active,
.am-btn-warning:focus,
a.am-btn-warning:visited {
    border-color: #fb6340;
    background-color: #fb6340;
}
/*-复制按钮*/
.copy-btn {
    border-color: #5e72e4!important;
    background-color: #5e72e4 !important;
    color: #fff !important;
    margin-top: 3px;
}
/*--Tooltip*/
.tip-twitter {
    background: #172b4d;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.tip-twitter > div {
    font-weight: unset !important;
    font-size: 13px !important;
    margin-left: 5px;
    margin-right: 5px;
}
/*--标签*/
.am-badge {
    border-radius: 50px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: all .15s;
}
.tag span.lfe-caption,
.difficulty span.lfe-caption {
    border-radius:70px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    transition: all .15s;
}
.am-badge:hover,
.tag span.lfe-caption:hover,
.difficulty span.lfe-caption:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.am-badge,
.lfe-caption[slot='difficulty'],
.lfe-caption.tag,
.tags-wrap {
    overflow: visible !important;
}
.am-badge.lg-bg-red {
    background-color: #f80031;
}
.am-badge.lg-bg-orange {
    background-color: #ff471d;
}
.am-badge.lg-bg-yellow {
    background-color: #ff9d09;
}
.am-badge.lg-bg-green {
    background-color: #1aae6f;
}
.am-badge.lg-bg-bluelight {
    background-color: #03acca;
}
.am-badge.lg-bg-purple {
    background-color: #8e44ad;
}
.am-badge.lg-bg-bluedark {
    background-color: #001277;
}
.am-badge.am-badge-warning {
    background-color: #fb6340;
}
/*--菜单*/
.am-dropdown-content {
    padding: 1.5rem;
    border-radius: .25rem;
    background: #fff;
    width: 300px;
    border: none;
    margin-top: 5px;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
.am-dropdown-content:before,
.am-dropdown-content:after {
    display: none !important;
}
/*--私信提示浮窗*/
.lg-unread {
    line-height: 60px;
    width: 60px;
    height: 60px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    transition: all .15s ease;
    color: #fff;
    background-color: #5e72e4;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    overflow: hidden;
}
/*--消息内容*/
.am-comment-main {
    border: none;
    box-shadow: 0 3px 5px rgba(50, 50, 93, .1), 0 2px 3px rgba(0, 0, 0, .08);
    transition: all .15s;
}
.am-comment-main:hover {
    border: none;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.am-comment-main:before,
.am-comment-main:after {
    display: none;
}
/*--标题栏*/
.main-container > .header-layout {
    height: 380px !important;
    display: block;
    position: relative !important;
    left: -60px !important;
    right: 0 !important;
    width: 110%;
    background: linear-gradient(87deg, #5e72e400 0, #825ee400 100%) !important;
    border: none;
    color: #fff;
    font-weight: unset !important;
}
.main-container > .header-layout .background {
    display: none !important;
}
.main-container > .header-layout > .header {
    max-width: 1250px;
    background: transparent !important;
    padding-left: 35px;
    position: relative;
}
.main-container > .header-layout > .header .user-nav {
    right: 0;
}
@media screen and (max-width: 1475px) {
    .main-container > .header-layout > .header {
        position: initial;
    }
    .main-container > .header-layout > .header .user-nav {
        right: calc(80px);
    }
}
.main-container > .header-layout > .header > h1 {
    font-size: 50px;
    margin-top: 25px;
    padding-bottom: 8px;
    animation: fadeInLeft .5s ease;
    max-width: calc(100vw - 150px);
}
.main-container > main.lfe-body {
    margin-top: -180px;
    position: relative;
    background: transparent !important;
}

@media screen and (max-width: 576px) {
    .main-container > main.lfe-body {
        margin-top: -60px;
    }
    .main-container > .header-layout > .header {
        padding-left: 5px;
    }
    .main-container > .header-layout > .header > h1 {
        font-size: 35px;
    }
}
/*-面包屑导航*/
.main-container > .header-layout .bread-crumb,
.main-container > .header-layout .bread-crumb a {
    color: rgba(255, 255, 255, .8) !important;
    text-decoration: none;
}
.lg-main-content.solution-block {
    margin-top: 0 !important;
}
/*-面包屑导航*/
.main-container > header .bread-crumb,
.main-container > header .bread-crumb a {
    color: rgba(255, 255, 255, .8) !important;
    text-decoration: none;
}
.lg-main-content.solution-block {
    margin-top: 0 !important;
}

/*--列表（旧版）*/
.lg-content-table-left {
    background: #fcfcfc;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    border-radius: .375rem;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    position: relative;
}
.lg-content-table-left > .lg-table-row {
    width: 100% !important;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    border-bottom: 0.6px solid rgba(0, 0, 0, 0.08);
    border-spacing: 2px;
    padding-bottom: 20px;
}
.lg-content-table-left > .lg-table-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}
/*--题目列表等表格*/
div > .header-wrap {
    padding-bottom: 20px !important;
    font-size: 17px;
    border-bottom: 0.6px solid rgba(0, 0, 0, 0.08) !important;
}
div > .header-wrap .lfe-caption {
    box-shadow: none !important;
}
div > .row-wrap {
    padding: 24px 0 !important;
    font-size: 17px;
    border-bottom: 0.6px solid rgba(0, 0, 0, 0.08) !important;
}
div > .row-wrap:last-child {
    margin-bottom: 30px;
}
div > .row-wrap .lfe-caption {
    font-size: 14px;
}
/*-通过率条 tooltip*/
.rate-wrapper .rate-popup {
    transition: all .25s ease !important;
    display: block !important;
    border-radius: 3px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
    min-width: 4em;
    min-height: 1em;
    width: 4em;
    height: 1em;
    padding: 0 !important;
    margin-bottom: -15px;
    overflow: hidden !important;
    opacity: 0;
    color: transparent;
    background: transparent;
    pointer-events: none;
}
.rate-wrapper:hover .rate-popup {
    border-radius: 30px;
    margin-bottom: 10px;
    min-width: 10em;
    min-height: 1em;
    width: unset;
    height: unset;
    padding: 5px 18px !important;
    opacity: .8;
    color: #fff;
    background: #172b4d;
}
/*--页码*/
.am-pagination,
.page-area {
    padding-top: 20px;
    padding-bottom: 20px;
    width: max-content;
    width: -moz-max-content;
    margin-left: auto;
    margin-right: auto;
    border-top: none !important;
}
.am-pagination > li > a,
.page-area .page-bar > button {
    outline: none !important;
    cursor: pointer;
    line-height: 1.25;
    position: relative;
    display: block;
    margin-left: -.0625rem;
    padding: .5rem .75rem;
    color: #8898aa;
    border: .0625rem solid #dee2e6;
    background-color: #fff;
    font-size: 15px;
    font-weight: unset;
    display: flex;
    min-width: 36px;
    height: 36px;
    margin: 0 3px;
    border-radius: 100px!important;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.page-area .page-bar > button:hover {
    background-color: #eee;
}
.am-pagination > .am-active > a,
.page-area .page-bar > button[style*='background'] {
    color: #fff;
    border-color: #fff0 !important;
    background-color: #4300ff !important;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.am-pagination > .am-active > a:hover {
    color: #fff;
    border-color: #fff0 !important;
    background-color: #4300ff !important;
}
/*-针对单独页码卡片特殊适配消除卡片*/
.lg-article .pagination-centered:before {
    content: "";
    background: #f4f5f7;
    width: calc(100% + 35px);
    height: calc(100% + 40px);
    position: absolute;
    left: -15px;
    top: -10px;
}
/*--评测详情色块*/
.lg-record-tile {
    transition: all .15s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 3px;
}
.lg-record-tile:hover {
    transition: all .15s ease;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
}
/*--评测详情色块(新版)*/
.test-case-wrap > .wrapper {
    width: 100px;
    height: 100px;
    margin-right: 16px;
    margin-bottom: 12px;
}
.test-case-wrap {
    margin-top: 25px;
}
.test-case-wrap > .wrapper .test-case {
    width: 100px;
    height: 100px;
    transition: all .2s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 3px;
    padding: 3px;
}
.test-case-wrap > .wrapper .test-case:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
}
.test-case-wrap > .wrapper .test-case .info {
    width: calc(100% - 10px);
    line-height: 15px;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.test-case-wrap > .wrapper .test-case:hover .info {
    white-space: normal;
}
.test-case-wrap > .wrapper .test-case .id {
    margin-left: 3px;
}
.test-case-wrap > .wrapper .test-case .status {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
}
.test-case-wrap > .wrapper .message {
    transition: all .25s ease !important;
    display: block !important;
    border-radius: 3px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    min-width: 105px;
    min-height: 105px;
    width: 105px;
    padding: 0;
    margin-top: 40px;
    opacity: 0;
    color: transparent;
    background: transparent;
    pointer-events: none;
}
.test-case-wrap > .wrapper:hover .message {
    border-radius: 30px;
    margin-top: -30px;
    min-width: 12em;
    min-height: 1em;
    width: unset;
    height: unset;
    padding: 5px 18px;
    opacity: .8;
    color: #fff;
    background: #172b4d;
}
.test-case-wrap > .wrapper .test-case[style*='rgb(112, 173, 71)'] {
    background-color: #2dce89 !important;
}
.test-case-wrap > .wrapper .test-case[style*='rgb(231, 76, 60)'] {
    background-color: #fb6340 !important;
}
.test-case-wrap > .wrapper .test-case[style*='rgb(157, 61, 207)'] {
    background-color: #8e44ad !important;
}
.test-case-wrap > .wrapper .test-case[style*='rgb(5, 34, 66)'] {
    background-color: #001277 !important;
}
.test-case-wrap > .wrapper .test-case[style*='rgb(14, 29, 105)'] {
    background-color: #34495e !important;
}
.test-case-wrap > .wrapper .test-case[style*='background: rgb(20, 85, 143);'] {
    background-color: #3498db !important;
}
/*--头像*/
.am-comment-avatar {
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
    border: none;
    transition: all .15s;
}
.am-comment-avatar:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}
.am-panel-bd .am-comment-avatar,
.lg-message-content .am-comment-avatar,
.lg-message-contact .am-comment-avatar,
.lg-inline-up .am-comment-avatar,
.lg-header-li .am-comment-avatar {
    box-shadow: none;
}
/*--卡片面板*/
.am-panel {
    border: none;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
/*--Footer*/
.main-container > .lfe-body:last-child {
    padding: 0;
}
.main-container > .lfe-body:last-child .background {
    display: none !important;
}
.main-container > .lfe-body:last-child > .footer {
    background: linear-gradient(30deg, #00e1ff85 0%, #00aeff85 30%, #087de38c 40%, #595959e0 70%) !important;
    max-width: unset !important;
    padding: 25px 35px;
    width: 105%;
    
	transform:translateX(-4%);/**左移元素**/
	-ms-transform:translateX(-4%);
	-webkit-transform:translateX(-4%);

}
.main-container > .lfe-body:last-child > .footer a {
    color: #fff !important;
}
.main-container > .lfe-body:last-child > .footer .qr-img {
    display: none !important;
}

.slogan:after {
    content: "！！！";  
} 
   

/*--团队成员卡*/
.lg-mcard {
    border: none;
    transition: all .15s ease;
    box-shadow: 0 2px 3px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 3px;
}
.lg-mcard:hover {
    transition: all .15s ease;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
/*--犇犇Tab条*/
/*此处使用了不太好的适配器解决方案，日后可能会优化*/
/*.lg-index-benben > .lg-article:nth-of-type(2){
    box-shadow:none !important;
    background:transparent;
}*/
.feed-selector > a {
    font-weight: 500;
    transition: all .15s ease;
    color: #fff;
    background-color: #0000008a;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 5px !important;
    height: 50px;
    line-height: 36px;
}
.feed-selector.am-active > a {
    color: #0000;
    border-radius: 9999px;
    background: linear-gradient(30deg, #2f0162 0%, #2b00ff 40%, #3b007f 70%) !important
}
/*--其余Tab条*/
.am-nav-tabs li > a {
    font-weight: 500;
    transition: all .15s ease;
    color: #5e72e4;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 5px !important;
    height: 50px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    border: none !important;
    margin-right: 10px;
}
.am-nav-tabs li.am-active > a {
    color: #fff !important;
    background: #5e72e4 !important;
}
.am-nav-tabs {
    border: none;
    margin-bottom: 20px;
}
.am-tabs-bd {
    border-radius: 5px;
    border: 0.6px solid rgba(0, 0, 0, 0.1);
    background: transparent;
}
/*--进度条*/
.lg-table-small {
    margin-top: 5px;
}
.am-progress,
.progress-frame {
    border-radius: .5rem;
    background-color: #e9ecef;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    border: none !important;
}
.am-progress-bar-secondary,
.am-progress-bar,
.progress-frame > div {
    background-color: #5e72e4 !important;
}
/*--复选框*/
.am-ucheck-checkbox:checked + .am-ucheck-icons,
.am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons,
.am-ucheck-radio:checked + .am-ucheck-icons,
.am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons {
    color: #5e72e4;
}
.am-checkbox .am-icon-unchecked:before,
.am-checkbox-inline .am-icon-unchecked:before {
    content: "";
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 15px;
    width: 15px;
    border-radius: 3px;
    margin-top: 3px;
}
/*--404页面*/
.lg-info-box > #pic,
.lg-info-box > .lg-stamp {
    display: none;
}
.lg-info-box {
    color: #fff;
    border-color: #555abf;
    background-color: #555abf;
    padding: 1rem 1.5rem;
    border: 0;
    border-radius: .25rem;
    min-height: 100px !important;
}
.lg-info-box > .am-text-left > h1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.lg-info-box > .am-text-left > p {
    margin-top: 0px;
    margin-bottom: 0;
}
.lg-info-box > .am-text-left .lg-small {
    margin-top: 15px;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 0.6);
    display: block;
}
/*--对话框*/
.am-modal-dialog {
    box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .5rem;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
}
.am-modal-dialog > #lg-alert-title,
.am-modal-dialog > #memtitle {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.3;
    color: #32325d;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 15px;
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}
.am-modal-dialog > #lg-alert-message,
.am-modal-dialog > #memadmin {
    line-height: 1.3;
    color: #32325d;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 25px;
    padding-top: 10px;
    border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
}
.am-modal-dialog .lg-model-content {
    margin-top: 10px;
}
.am-modal-btn {
    outline: none !important;
    border: none !important;
    letter-spacing: .05em;
    padding: 8px 18px;
    transition: all .15s ease;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    color: #fafafa !important;
    height: unset;
    line-height: unset;
    border-radius: 5px !important;
    margin-right: 3px;
    display: inline-block !important;
}
.am-modal-btn:hover {
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}
.am-modal-btn:active {
    box-shadow: none;
}
.am-modal-btn,
.am-modal-btn:hover,
.am-modal-btn:active,
.am-modal-btn:focus,
a.am-modal-btn:visited {
    border-color: #5e72e4;
    background-color: #5e72e4;
}
.am-modal-footer {
    width: max-content;
    height: max-content;
    padding: 5px;
    display: block;
    margin-top: 10px;
    margin-bottom: 8px;
    padding-left: 15px;
}
/*---PopupMenu*/
.popup {
    border: none !important;
    border-radius: .3rem !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
    text-shadow: none;
    padding: 10px !important;
    animation: fade 0.2s ease;
}
/*---用户信息Popup*/
.main-container > .header-layout > .header nav a[href^="/space/show"] + div.center,
.main-container > .header-layout .user-nav a[href^="/space/show"] + div.center {
    border: none !important;
    border-radius: .3rem !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
    text-shadow: none;
    padding: 10px !important;
}
.main-container > .header-layout > .header nav a[href^="/space/show"] + div.center > .header,
.main-container > .header-layout > .header nav a[href^="/space/show"] + div.center > footer,
.main-container > .header-layout .user-nav a[href^="/space/show"] + div.center > .header-layout,
.main-container > .header-layout .user-nav a[href^="/space/show"] + div.center > footer {
    border: none;
    background: transparent;
}
.main-container > .header-layout > .header nav a[href^="/space/show"] + div.center,
.main-container > .header-layout .user-nav a[href^="/space/show"] + div.center {
    display: block !important;
    transform: translate(0, 0px) perspective(0px) rotateX(0deg);
    opacity: 1;
    transition: all .25s ease;
}
.main-container > .header-layout > .header nav a[href^="/space/show"] + div.center[style*="none"],
.main-container > .header-layout .user-nav a[href^="/space/show"] + div.center[style*="none"] {
    pointer-events: none;
    opacity: 0;
    transform: translate(0, 10px) perspective(80px) rotateX(-2deg);
}
/*---首页 Banner 滚动指示器*/
.am-slider-default .am-control-nav li a {
    box-shadow: none;
    transition: all 0.5s ease;
}
.am-slider-default .am-control-nav li a.am-active {
    width: 15px;
    background-color: #5e72e4;
}
/*---一些细节的处理*/
.lg-message-contact:hover {
    /*私信左列hover的颜色*/
    background: rgba(200, 200, 200, 0.2);
}
.lg-message-contact *:not(.am-badge):hover {
    background: transparent;
}
.am-selected-list li:hover {
    /*弹出菜单项Hover处理*/
    background: rgba(200, 200, 200, 0.2) !important;
}
/*--针对犇犇样式变化的适配*/
/*.lg-index-benben > div.lg-article:nth-of-type(2) {
    background: rgba(255,255,255,.7) !important;
    box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
}
#home-center-nav {
    background: #f4f5f7 !important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 0;
}*/
.lg-index-benben div:nth-of-type(4) {
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}
.lg-index-benben div:nth-of-type(4) #home-center-nav {
    background: transparent;
}
/*
#feed {
    margin-top: 45px !important;
}*/
/*--修一个 Markdown 编辑器弹窗时页码覆盖弹窗的玄学 Bug*/
#replyarea {
    opacity: 1 !important;
}
/*--- Luogu 4 Beta 兼容*/
/*--主框架*/
/*#app-body > div{
    max-width: 1250px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width:100%;
}*/
/*--分隔线*/
.card hr {
    margin: .8em 0;
    height: .5px;
    background: rgba(0, 0, 0, 0.08);
    border: none;
}
/*适配 Tiny 顶栏*/
#app > .main-container > .header-layout.tiny {
    height: 4em !important;
    background: linear-gradient(30deg, #0091ff85 0%, #00c3ff85 30%, #08e3dc8c 40%, #08e3bf8c 70%) !important;
    color: #fff !important;
}
.header-layout.tiny ~ main.lfe-body {
    margin-top: 0px !important;
}
/*tiny顶栏字体颜色*/
.header-link[data-v-5d3ff779] {
    vertical-align: middle;
    margin-right: 2em;
    color: #fff;
}
/*tiny顶栏图标颜色*/
.container[data-v-5d3ff779] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
    height: 100%;
    color: #f8f8f8;
}
/*底栏字体颜色*/
.footer[data-v-381c541a] {
    display: flex;
    align-items: center;
    padding: 1em;
    color: rgba(255, 255, 255, .9);
    font-size: .875em;
}
/*底栏超链接颜色*/
.footer a[data-v-381c541a] {
    color: rgba(255, 255, 255, .75);
}
/*用户界面设置*/
.center[data-v-78704ac9] {
    position: absolute;
    width: 15em;
    right: -1em;
    top: 1.5em;
    overflow: hidden;
    z-index: 999;
    text-align: center;
    color: #000;
    background: #fff;
    /* background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png); */
    background-size: cover;
    border: 0px solid #ccc;
    border-radius: 15px;
    box-shadow: 0 0 15px 1px rgb(0, 0, 0);
}
/*用户栏设置*/
.user-nav[data-v-52820d90] {
    position: absolute;
    right: 4em;
    top: 0;
    padding: .5em 1em;
    color: #000;
    background: linear-gradient(30deg, #0091ff85 0%, #00c3ff85 30%, #08e3dc8c 40%, #08e3bf8c 70%) !important;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.mp-editor-container[data-v-a97ae32a] {
    position: relative;
    height: 100%;
    border: 0px solid #ddd;
}
.mp-editor-ground[data-v-a97ae32a] {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.float-bottom[data-v-42e973f3] {
    padding: 0.5em 1em;
    position: fixed;
    bottom: 0;
    width: calc(100% - 122px);
    max-width: 1168px;
    margin-left: -21px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%), inset 0 0 1px rgb(0 0 0 / 50%);
    background-color: #fff;
    z-index: 99;
    border-radius: 99rem;
}
button[data-v-66021821] {
    margin-right: .5em;
    padding: 0;
    cursor: pointer;
    width: auto;
    min-width: 2em;
    height: 1.7em;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 99rem;
}
button[data-v-370e72e2] {
    display: inline-block;
    flex: none;
    outline: 0;
    width: auto;
    height: 2.15rem;
    cursor: pointer;
    color: #fff;
    font-weight: inherit;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    background: 0 0;
    border-radius: .99rem;
    border: 99px solid;
}
span[data-v-20b7d558] {
    display: inline-block;
    padding: 0 8px;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.5;
    width: auto;
    border-radius: 99rem;
}
.lg-content-table-left {
    background: #fcfcfc;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    border-radius: 4rem;
    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem;
    border-bottom-left-radius: 4rem;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
    position: relative;
}
.am-btn-primary,
.am-btn-primary:hover,
.am-btn-primary:active,
.am-btn-primary:focus,
a.am-btn-primary:visited {
    border-color: #000;
    background-color: #000;
    border-radius: 99rem;
}
.am-input-group-primary > .am-input-group-label {
    border-color: #5e72e4;
    background-color: #5e72e4;
    border-radius: 99rem !important;
}
.am-progress-bar-secondary,
.am-progress-bar,
.progress-frame > div {
    background: linear-gradient(30deg, #0800ff 15%, #0095ff 30%, #0004ff 94%) !important;
    border-radius: 99rem !important;
}
.button-in-anchor[data-v-42c20b13] {
    vertical-align: baseline;
    border-radius: 99rem !important;
}
.button-in-anchor[data-v-19949a64] {
    vertical-align: baseline;
    border-radius: 99rem !important;
}
.user-header-top[data-v-32c8167e] {
    position: relative;
    height: 240px;
    background-size: cover;
    background-position: center;
    border-radius: .98rem !important;
}
.items > li[data-v-8feadc5c]:first-child {
    margin-left: 0;
    border-radius: 99rem !important;
}
.card[data-v-796309f8] {
    display: block;
    margin-bottom: 1.3em;
    width: auto;
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(26 26 26 10%);
    box-sizing: border-box;
}
.progress-frame[data-v-47712372] {
    box-sizing: border-box;
    background: #ffffffa6;
    border: 2px solid #e8e8e8;
    border-radius: 2px;
    height: 1em;
    overflow: hidden;
    border-radius: 99999px !important;
}
.am-btn-danger,
.am-btn-danger:hover,
.am-btn-danger:active,
.am-btn-danger:focus,
.am-btn-danger:visited {
    border-color: #f5365c;
    background-color: #f5365c;
    border-radius: 99999px !important;
}
.items > li[data-v-8feadc5c] {
    display: inline-block;
    margin-left: 1em;
    padding: .063em .5em;
    transition: .3s ease all;
    border-radius: 9999px;
}
.expand[data-v-68d23b5e] {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;

    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
    border-radius: 99999px !important;
}
button[type='button'] {
    outline: none !important;
    border: none !important;
    box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
    transition: all .15s ease;
    margin-bottom: 0px;
    padding: 7px 18px;
    border-radius: 99999px !important;
}
.feed-selector > a {
    font-weight: 500;
    transition: all .15s ease;
    color: #000;
    background-color: #ffffff9e;
    box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
    border-radius: 5px !important;
    height: 50px;
    line-height: 36px;
    border-radius: 99999px !important;
}
nav[data-v-27b2cd59] {
    position: fixed;
    width: 3.7em;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 1.2;
    z-index: 5;
}
.am-panel {
    border: none;
    box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
    border-radius: 15px !important;
}
.am-form input[type=number],
.am-form input[type=search],
.am-form input[type=text],
.am-form input[type=password],
.am-form input[type=datetime],
.am-form input[type=datetime-local],
.am-form input[type=date],
.am-form input[type=month],
.am-form input[type=time],
.am-form input[type=week],
.am-form input[type=email],
.am-form input[type=url],
.am-form input[type=tel],
.am-form input[type=color],
.am-form select,
.am-form textarea,
.am-form-field {
    display: block;
    width: 100%;
    padding: .5em;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 15px !important;
}
.items > li > .entry.selected[data-v-7092f3a4]::before {
    margin: 0 0.5em;
    width: calc(100% - 1em);
    background: linear-gradient(30deg, #7b00ff 0%, #2b00ff 40%, #3b007f 70%) !important;
}
.bar[data-v-7626d048] {
    height: 100%;
    transition: width .6s ease;
    border-radius: 45px !important;
    color: #fff !important;
    background: linear-gradient(30deg, #7b00ff 0%, #2b00ff 40%, #3b007f 70%) !important;
}
.progress-frame[data-v-7626d048] {
    position: relative;
    display: block;
    padding: 4px;
    height: 1em;
    font-size: .8em;
    line-height: 1;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff;
    border-radius: 50px !important;
}
.copy-btn[data-v-52f2d52f] {
    font-size: .8em;
    float: right;
    padding: 0 5px;
    height: 1.6em;
}
.content[data-v-bb301a88] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.test-case[data-v-bb301a88] {
    position: relative;
    vertical-align: top;
    cursor: pointer;
    margin: 0.2em;
    height: 6em;
    width: 6em;
    padding: 0;
    border-radius: 20px !important;
    color: #fff;
}
.am-modal-dialog {
    box-shadow: 0 15px 35px rgb(50 50 93 20%), 0 5px 15px rgb(0 0 0 17%);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .5rem;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 24px !important;
}
.am-modal-btn,
.am-modal-btn:hover,
.am-modal-btn:active,
.am-modal-btn:focus,
a.am-modal-btn:visited {
    border-color: #fff;
    background-color: #000;
    border-radius: 50px !important;
}
.text[data-v-6b0e15fa] {
    box-sizing: border-box;
    margin-top: .2em;
    margin-bottom: .2em;
    flex: 1;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    border-radius: 50px !important;
}
.dropdown-wrap[data-v-6b0e15fa] {
    position: absolute;
    margin-top: 2em;
    max-height: 0;
    width: 100%;
    color: #333;
    overflow-y: auto;
    background: #fff;
    border-radius: 2px;
    border: solid 1px #eee;
    box-shadow: 0 0 1em 0.1em rgb(0 0 0 15%);
    transition: all .15s ease-out;
    opacity: 0;
    z-index: 9;
    border-radius: 15px !important;
}
.frame[data-v-a7f7c968] {
    box-sizing: border-box;
    border-radius: 20px;
    border: 0px solid #bfbfbf;
    background: #fff;
}
.refined-input[data-v-a7f7c968] {
    display: flex;
    align-items: baseline;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    border-radius: 50px;
}
.am-form-field,
.input-group > .input-wrap > input,
.input-wrap > input {
    transition: box-shadow .15s ease;
    border: none !important;
    border-radius: 50px !important;
    box-shadow: 0 1px 3px rgb(50 50 93 15%), 0 1px 0 rgb(0 0 0 2%);
    min-height: 25px !important;
}
.clone-card[data-v-42c20b13] {
    background: #fff;
    box-shadow: 0 1px 3px rgb(26 26 26 30%);
    padding: .6em .8em;
    width: max-content;
    min-width: 150px;
    font-size: 1rem;
    border-radius: 15px !important;
    color: #333;
}
.selected .tag[data-v-f5f672d2] {
    background: #fff;
    border: 0px solid #ff0000;
    border-radius: 50px;
    padding: 0.2em;
    font-size: 0.8em;
    display: inline-block;
    margin-left: 10px;
}
.inner-card[data-v-29a65e17] {
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    padding: 0.375em 0.75em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
}
.inner-card[data-v-7cdb640e] {
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    padding: 0.375em 0.75em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
}
.inner-card[data-v-62e64f9a] {
    background-color: #fafafa;
    border: 0.5px solid #e8e8e8;
    padding: 0.375em 0.75em;
    display: flex;
    margin: 6px .5em;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
}
.inner-card[data-v-78fafe5c] {
    background-color: #fafafa;
    border: 0.5px solid #e8e8e8;
    padding: 0.375em 0.75em;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-radius: 50px;
}
.inner-card[data-v-4b8033a4] {
    background-color: #fafafa;
    border: 0.5px solid #e8e8e8;
    padding: 0.375em 0.75em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
}
.row[data-v-325cf452] {
    height: 34px;
    padding: 0.25em 0.5em;
    border: solid #ffffff00;
    border-width: 1px 1px 0 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
pre[data-v-52f2d52f] {
    margin: .5em 0;
    padding: .3em .5em;
    border: #ddd solid 1px;
    background: #f8f8f8;
    border-radius: 20px;
    overflow: auto;
    font-size: .875em;
    font-family: monospace;
}
button.selected[data-v-66021821] {
    background: #000dfa;
    border-color: var(--lfe-color--primary, #3498db);
    cursor: default;
    color: #fff;
}
.image-block *[data-v-6b8e1cb0] {
    user-select: none;
    border-radius: 20px;
}
.image-block[data-v-6b8e1cb0] {
    display: inline-block;
    position: relative;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    margin: 12px;
    border-radius: 20px;
}
.drop[data-v-688958d9] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    flex-grow: 0 !important;
    width: 9em;
    height: 8.75em;
    user-select: none;
    cursor: pointer;
    margin: 1em;
    margin-left: 0;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    border-radius: 30px;
}
.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: 5em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box;
}

.input-group[data-v-72107c51] > :not(:first-child),
.input-group[data-v-72107c51] > :not(:first-child) input {
    border-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
}
.text[data-v-087e057c] {
    box-sizing: border-box;
    margin-top: .2em;
    margin-bottom: .2em;
    flex: 1;
    border-radius: 99px;
    border: 1px solid #ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    padding-right: 1.5em;
}
.candidate-wrapper[data-v-f5f672d2] {
    position: absolute;
    right: 0;
    top: 32px;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 16%);
    width: 100%;
    z-index: 10;
    border-radius: 20px !important;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
    border-radius: 20px !important;
}
.marked[data-v-5a58a989] code,
.marked[data-v-5a58a989] pre {
    font-family: monospace;
    font-size: .875em;
    background-color: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 15px;
}
.clone-card[data-v-19949a64] {
    background: #fff;
    box-shadow: 0 1px 3px rgb(26 26 26 30%);
    padding: .6em .8em;
    width: max-content;
    min-width: 150px;
    font-size: .875rem;
    color: #333;
    border-radius: 10px;
}
.dropdown[data-v-087e057c] {
    color: #333;
    position: fixed;
    background: #fff;
    border-radius: 15px;
    border: solid 1px #eee;
    box-shadow: 0 0 1em 0.1em rgb(0 0 0 15%);
    z-index: 100000;
    transition: all .15s ease-out;
    overflow-y: auto;
}
.tag[data-v-5d98bc80] {
    background: #e8e8e8;
    border-radius: 99px;
    padding: 1px .6em;
    font-size: 0.876em;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
}
span.lfe-caption.tag {
    background-color: #fff;
}
.tag[data-v-4bc82191] {
    cursor: pointer;
    background-color: #fff;
}
.candidates[data-v-d09bbffc] {
    position: fixed;
    background: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 16%);
    z-index: 100000;
    border-radius: 20px;
}
.candidates > ul[data-v-d09bbffc] {
    padding: 0;
    margin: 0;
    max-height: 10em;
    list-style: none;
    overflow: auto;
    outline: none;
    border-radius: 20px;
}
#exlg-dash {
    position: relative;
    display: inline-block;
    padding: 1px 10px 3px;
    background: linear-gradient(50deg, #00dbff 0%, #007cff 40%, #0087ff 70%);
    color: #fff;
    border-radius: 99px;
    font-weight: bolder;
    box-shadow: 0 0 0px #1e90ff00;
}
.exlg-copy {
    position: relative;
    display: inline-block;
    padding: 1px 5px 1px;
    background-color: #07f;

    color: white;
    border-radius: 99px;
    font-size: 12px;
    float: right;
    vertical-align: baseline;
}
#exlg-dash-window {
    position: absolute;
    top: 35px;
    left: 0px;
    z-index: 65536;
    display: none;
    overflow-y: scroll;
    width: 250px;
    height: 300px;
    padding: 5px;
    background: white;
    color: black;
    border-radius: 7px;
    box-shadow: rgb(0, 0, 0) 0px 0px 0px;
}
.header-link[data-v-46cb0950] {
    vertical-align: middle;
    margin-right: 2em;
    color: #fff;
}
.icon-btn[data-v-1bdb8ce2] {
    margin-left: .7em;
    color: #fff;
}
div[data-v-034eb354] {
    display: inline-block;
    color: #fff;
}
.float-bottom[data-v-24f898d2] {
    padding: 0.5em 1em;
    position: fixed;
    bottom: 0;
    width: calc(100% - 122px);
    max-width: 1168px;
    margin-left: -21px;
    box-shadow: 0 2px 4px rgb(0 0 0 15%), inset 0 0 1px rgb(0 0 0 50%);
    background-color: #ffffffe6;
    z-index: 99;
    border-radius: 15px;
}
.user-header-top[data-v-4e1a17e0] {
    position: relative;
    height: 240px;
    background-size: cover;
    background-position: center;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
}
button[data-v-42c20b13] {
    margin-right: .5em;
    background: linear-gradient(30deg, #7b00ff 0%, #2b00ff 40%, #3b007f 70%) !important;
}
.button-in-anchor[data-v-42c20b13] {
    vertical-align: baseline;
    border-radius: 99rem !important;
    background: linear-gradient(30deg, #0091ff 0%, #005eff 20%, #00d5ff 84%) !important;
}
button[type='submit'] {
    outline: none !important;
    border: none !important;
    box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
    transition: all .15s ease;
    margin-bottom: 6px;
    padding: 8px 18px;
    background: linear-gradient(30deg, #190028 0%, #0205c4 20%, #5600ff 84%) !important;
}
.items > li > .entry.selected[data-v-7092f3a4] {
    cursor: default;
    color: #09f;
    background-color: transparent;
}
.copy-btn[data-v-3b842bd2] {
    font-size: .8em;
    padding: 0 5px;
    height: 18px !important;
    border-radius: 9px !important;
}
.am-badge.lg-bg-green {
    animation-name: example;
    animation-direction: normal;
    animation-duration: 0.35s;
    animation-iteration-count: infinite;
    color: #fff;
}
rect.highcharts-point.highcharts-color-1 {
    border-top-left-radius: 99px!important;
    background: linear-gradient(70deg, #f00 0%, #ffa600 15%, #fbff00 30%, #00ff2e 45%, #0fe 60%, #0003ff 75%, #b600ff 90%);
    fill: #0df;
    stroke: #00ffe1;
    stroke-width: 2;
}
path.highcharts-area {
    color: white;
    background: white;
    fill: #00efff00;
}
path.highcharts-point.highcharts-color-0 {
    fill: #00e3ff;
}
.am-comment-bd {
    background: #ffffff;
    font-size: 14px;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
}
.am-comment-hd {
    border-bottom: none;
    border-top-right-radius: 19px;
    border-top-left-radius: 19px;
}
.mp-editor-toolbar[data-v-6d5597b1] {
    float: left;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    background-color: #fff;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}
.mp-editor-ground[data-v-6d5597b1] {
    position: absolute;
    width: 100%;
    top: 40px;
    bottom: 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.mp-editor-container[data-v-6d5597b1] {
    position: relative;
    height: 100%;
    border: 1px solid #00ccfe;
    border-radius: 18px;
}
.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px;
    background: linear-gradient(30deg, #fff 15%, #888 70%, #000 94%) !important;
}
.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #fff;
    white-space: nowrap;
}
.login > span[data-v-1bdb8ce2] {
    font-size: .8em;
    margin-left: .5em;
    color: white;
}
#app > .lfe-body > div:first-of-type {
    background-color: #fff0 !important;
    background-image: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.huabanimg.com%2Fd47772fd7a2463dd9fcb09d8f1c741d8196808c245385-3Pna3p_fw658&refer=http%3A%2F%2Fhbimg.huabanimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637238028&t=f64b07d223381d2403e7215cde79e195) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 50px;
    background-attachment: revert;
}
/*洛谷广告*/
/*
div img[data-v-0a593618] {
    width: 0%;
    
}
*/

div img[data-v-0a593618],
#mhls > img{
    transition: all .15s ease;
    box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
    word-wrap: break-word;
    border-radius: .99rem;
    background-color: #fcfcfc !important;
    overflow: visible !important;
}

div img[data-v-0a593618],
#mhls > img:hover {
    box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
}
    
    
/*洛谷广告*/
div > span[data-v-0a593618] {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    font-size: .875rem;
    color: rgba(255, 255, 255, 0);
    pointer-events: none;
}
.exlg-rand-settings {
    position: relative;
    display: inline-block;
    padding: 1.5px 9px 1px 9px;
    background: linear-gradient(30deg, #0046ff 0, #4e00ff 30%, #5a00ff 60%);
    border: 0px solid #6495ED;
    color: #fff;
    border-radius: 99px;
    font-size: 13px;
    position: relative;
    top: -2px;
    height: 23px;
    min-width: 53px;
    font-weight: bold;
}
.exlg-rand-settings:hover {
    box-shadow: 0 0 0px dodgerblue;
}
.exlg-window {
    position: absolute;
    top: 150px;
    left: 100px;
    z-index: 65536;
    display: none;
    width: 255px;
    height: 300px;
    padding: 5px;
    background: #fff;
    color: black;
    border-radius: 25px;
    border: 1px solid black;
    box-shadow: rgb(187 227 255) 0px 0px 0px;
    animation-name: exlg1;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.exlg-rand-settings.selected {
    padding: 1.5px 3px 1px 9px;
    background: linear-gradient(60deg, #00ffbf 10%, #00f2ff 20%);
    border: 0px solid #6495ED;
    color: #fff;
    width: 70px;
    font-weight: bold;
}
.exlg-smallbtn {
    position: relative;
    display: inline-block;
    padding: 1px 5px 1px;
    color: white;
    border-radius: 99px;
    font-size: 12px;
    margin-left: 1px;
    margin-right: 1px;
}
.am-btn-warning,
.am-btn-warning:hover,
.am-btn-warning:active,
.am-btn-warning:focus,
a.am-btn-warning:visited {
    background-color: #fb6340;
    border-radius: 99px;
}
.popup[data-v-1d675dd8] {
    margin-left: unset;
    padding: .3em;
    width: 10em;
    background: #fff;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    border-radius: 15px !important;
    border: 0px solid rgba(0, 0, 0, .2);
    color: #333;
    user-select: none;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.apps a[data-v-1d675dd8] {
    display: block;
    padding: .3em;
    color: #333;
    border-radius: 99px;
}
}


@-moz-document regexp("^((?!blog).)*https://www.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*http://www.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*https://www2.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*http://www2.luogu.org((?!blog).)*$"), regexp("^((?!blog).)*https://www.luogu.com.cn((?!blog).)*$"), regexp("^((?!blog).)*http://www.luogu.com.cn((?!blog).)*$") {
/*此区域用来应用一些自定义设置*/
/*--------------------卡片透明度*/
.lg-article,
.lg-summary,
.lg-article-sub,
.lg-content-table-left,
.card {
    background: rgba(252, 252, 252, .6) !important;
}
/*--------------------禁用Rated动画*/
.am-badge.lg-bg-green {
    animation-name: none;
    background: linear-gradient(60deg, #0ff 0%, #07f 14%, #70f 28%, #f00 42%, #f70 56%, #ff0 70%, #4f0 84%);
    color:#fff;
}
/*--------------------背景图片，默认是颜色编码*/
html > body {
    background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
/*-------------------主题*/
/*顶栏和侧栏自定义颜色/透明效果*/
#app > .main-container > header {
    background: linear-gradient(87deg, #9ce7ff 0, #cbf3ff 100%) !important;
}
body #app > .lfe-body > a,
body #app > .lfe-body > .popup-button {
    color: #fafafa !important;
}
body #app > .lfe-body > div:first-of-type,
::-webkit-scrollbar-thumb:hover {
    background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: revert;
}
/*--------------------侧栏颜色*/
#app > .lfe-body {
    background: linear-gradient(30deg, #03c8f0 15%, #1eddff 30%, #0000ff 94%) !important;
    border-radius: 50px;
    height: 400px;
    left: 10px;
    top: 10%;
    /*横向侧栏（beta）*/
    /*-webkit-transform:rotate(-90deg);*/
}

#app > .lfe-body > a,
.popup-button > i {
    color: #fafafa !important;
}
    
/*侧栏方向
.color-none {
    -webkit-transform:rotate(90deg);
}*/

/*--------------------禁用顶栏标题动画*/
/*下面是禁用顶栏标题动画CSS
.main-container > header > .header > h1{
    animation:none !important;
}
*/
}



@-moz-document regexp("^((?!blog).)*https://class.luogu.com.cn((?!blog).)*$"), regexp("^((?!blog).)*http://class.luogu.com.cn((?!blog).)*$") {
/*此区域用来应用一些自定义设置*/
/*--------------------卡片透明度*/
.lg-article,
.lg-summary,
.lg-article-sub,
.lg-content-table-left,
.card,
.exlg-window{
    background: rgba(252, 252, 252, .6) !important;
}
/*--------------------禁用Rated动画*/
.am-badge.lg-bg-green {
    animation-name: none;
    background: linear-gradient(60deg, #0ff 0%, #07f 14%, #70f 28%, #f00 42%, #f70 56%, #ff0 70%, #4f0 84%);
    color:#fff;
}
/*--------------------背景图片，默认是颜色编码*/
html > body {
    background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
/*-------------------主题*/
/*顶栏和侧栏自定义颜色/透明效果*/
#app > .main-container > header {
    background: linear-gradient(87deg, #9ce7ff 0, #cbf3ff 100%) !important;
}
body #app > .lfe-body > a,
body #app > .lfe-body > .popup-button {
    color: #fafafa !important;
}
body #app > .lfe-body > div:first-of-type,
::-webkit-scrollbar-thumb:hover {
    background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: revert;
}
/*--------------------侧栏颜色*/
#app > .lfe-body {
    background: linear-gradient(30deg, #03c8f0 15%, #1eddff 30%, #0000ff 94%) !important;
    border-radius: 50px;
    height: 200px;
    left: 10px;
    top: 10%;
    /*横向侧栏（beta）*/
    /*-webkit-transform:rotate(-90deg);*/
}

#app > .lfe-body > a,
.popup-button > i {
    color: #fafafa !important;
}
    
/*侧栏方向
.color-none {
    -webkit-transform:rotate(90deg);
}*/

/*--------------------禁用顶栏标题动画*/
/*下面是禁用顶栏标题动画CSS
.main-container > header > .header > h1{
    animation:none !important;
}
*/
}
欢迎访问Greasy Fork镜像
