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