☰

Amazing Luogu DEV

Luogu CSS

  1. /* ==UserStyle==
  2. @name           Amazing Luogu DEV
  3. @namespace      none
  4. @version        2.5.0
  5. @description    Luogu CSS
  6. @author         Hello8693
  7. ==/UserStyle== */
  8.  
  9.  
  10.  
  11.  
  12. @-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).)*$") {
  13.     
  14. /*---对于基本控件的处理*/
  15. /*--字体引用*/
  16. @font-face {
  17.     font-family: 'Open Sans';
  18.     font-style: normal;
  19.     font-weight: 300;
  20.     src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
  21.     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
  22. }
  23. @font-face {
  24.     font-family: 'Open Sans';
  25.     font-style: normal;
  26.     font-weight: 300;
  27.     src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
  28.     unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
  29. }
  30. @font-face {
  31.     font-family: 'Open Sans';
  32.     font-style: normal;
  33.     font-weight: 300;
  34.     src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
  35.     unicode-range: U+1F00-1FFF
  36. }
  37. @font-face {
  38.     font-family: 'Open Sans';
  39.     font-style: normal;
  40.     font-weight: 300;
  41.     src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
  42.     unicode-range: U+0370-03FF
  43. }
  44. @font-face {
  45.     font-family: 'Open Sans';
  46.     font-style: normal;
  47.     font-weight: 300;
  48.     src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
  49.     unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
  50. }
  51. @font-face {
  52.     font-family: 'Open Sans';
  53.     font-style: normal;
  54.     font-weight: 300;
  55.     src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
  56.     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
  57. }
  58. @font-face {
  59.     font-family: 'Open Sans';
  60.     font-style: normal;
  61.     font-weight: 300;
  62.     src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  63.     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
  64. }
  65. @font-face {
  66.     font-family: 'Open Sans';
  67.     font-style: normal;
  68.     font-weight: 400;
  69.     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  70.     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
  71. }
  72. @font-face {
  73.     font-family: 'Open Sans';
  74.     font-style: normal;
  75.     font-weight: 400;
  76.     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  77.     unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
  78. }
  79. @font-face {
  80.     font-family: 'Open Sans';
  81.     font-style: normal;
  82.     font-weight: 400;
  83.     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  84.     unicode-range: U+1F00-1FFF
  85. }
  86. @font-face {
  87.     font-family: 'Open Sans';
  88.     font-style: normal;
  89.     font-weight: 400;
  90.     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  91.     unicode-range: U+0370-03FF
  92. }
  93. @font-face {
  94.     font-family: 'Open Sans';
  95.     font-style: normal;
  96.     font-weight: 400;
  97.     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  98.     unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
  99. }
  100. @font-face {
  101.     font-family: 'Open Sans';
  102.     font-style: normal;
  103.     font-weight: 400;
  104.     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  105.     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
  106. }
  107. @font-face {
  108.     font-family: 'Open Sans';
  109.     font-style: normal;
  110.     font-weight: 400;
  111.     src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  112.     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
  113. }
  114. @font-face {
  115.     font-family: 'Open Sans';
  116.     font-style: normal;
  117.     font-weight: 600;
  118.     src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
  119.     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
  120. }
  121. @font-face {
  122.     font-family: 'Open Sans';
  123.     font-style: normal;
  124.     font-weight: 600;
  125.     src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
  126.     unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
  127. }
  128. @font-face {
  129.     font-family: 'Open Sans';
  130.     font-style: normal;
  131.     font-weight: 600;
  132.     src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
  133.     unicode-range: U+1F00-1FFF
  134. }
  135. @font-face {
  136.     font-family: 'Open Sans';
  137.     font-style: normal;
  138.     font-weight: 600;
  139.     src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
  140.     unicode-range: U+0370-03FF
  141. }
  142. @font-face {
  143.     font-family: 'Open Sans';
  144.     font-style: normal;
  145.     font-weight: 600;
  146.     src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
  147.     unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
  148. }
  149. @font-face {
  150.     font-family: 'Open Sans';
  151.     font-style: normal;
  152.     font-weight: 600;
  153.     src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
  154.     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
  155. }
  156. @font-face {
  157.     font-family: 'Open Sans';
  158.     font-style: normal;
  159.     font-weight: 600;
  160.     src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  161.     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
  162. }
  163. @font-face {
  164.     font-family: 'Open Sans';
  165.     font-style: normal;
  166.     font-weight: 700;
  167.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  168.     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
  169. }
  170. @font-face {
  171.     font-family: 'Open Sans';
  172.     font-style: normal;
  173.     font-weight: 700;
  174.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  175.     unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
  176. }
  177. @font-face {
  178.     font-family: 'Open Sans';
  179.     font-style: normal;
  180.     font-weight: 700;
  181.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  182.     unicode-range: U+1F00-1FFF
  183. }
  184. @font-face {
  185.     font-family: 'Open Sans';
  186.     font-style: normal;
  187.     font-weight: 700;
  188.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  189.     unicode-range: U+0370-03FF
  190. }
  191. @font-face {
  192.     font-family: 'Open Sans';
  193.     font-style: normal;
  194.     font-weight: 700;
  195.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  196.     unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
  197. }
  198. @font-face {
  199.     font-family: 'Open Sans';
  200.     font-style: normal;
  201.     font-weight: 700;
  202.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  203.     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
  204. }
  205. @font-face {
  206.     font-family: 'Open Sans';
  207.     font-style: normal;
  208.     font-weight: 700;
  209.     src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  210.     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
  211. }
  212. /*--全局*/
  213. @keyframes example {
  214.     0% {
  215.         background: linear-gradient(60deg, #f00 0%, #f70 14%, #ff0 28%, #4f0 42%, #0ff 56%, #07f 70%, #70f 84%)
  216.     }
  217.     14% {
  218.         background: linear-gradient(60deg, #70f 0%, #f00 14%, #f70 28%, #ff0 42%, #4f0 56%, #0ff 70%, #07f 84%)
  219.     }
  220.     28% {
  221.         background: linear-gradient(60deg, #07f 0%, #70f 14%, #f00 28%, #f70 42%, #ff0 56%, #4f0 70%, #0ff 84%)
  222.     }
  223.     42% {
  224.         background: linear-gradient(60deg, #0ff 0%, #07f 14%, #70f 28%, #f00 42%, #f70 56%, #ff0 70%, #4f0 84%)
  225.     }
  226.     56% {
  227.         background: linear-gradient(60deg, #4f0 0%, #0ff 14%, #07f 28%, #70f 42%, #f00 56%, #f70 70%, #ff0 84%)
  228.     }
  229.     70% {
  230.         background: linear-gradient(60deg, #ff0 0%, #4f0 14%, #0ff 28%, #07f 42%, #70f 56%, #f00 70%, #f70 84%)
  231.     }
  232.     84% {
  233.         background: linear-gradient(60deg, #f70 0%, #ff0 14%, #4f0 28%, #0ff 42%, #07f 56%, #70f 70%, #f00 84%)
  234.     }
  235.     100% {
  236.         background: linear-gradient(60deg, #f00 0%, #f70 14%, #ff0 28%, #4f0 42%, #0ff 56%, #07f 70%, #70f 84%)
  237.     }
  238. }
  239. @keyframes exlg1 {
  240.     from {
  241.         top: 150px;
  242.         background-color: #fff0;
  243.         color: #fff0
  244.     }
  245.     to {
  246.         top: 50px;
  247.     }
  248. }
  249. @keyframes popout1 {
  250.     from {
  251.         left: 0px;
  252.         background-color: #fff0;
  253.         color: #fff0
  254.     }
  255.     to {
  256.         left: 50px;
  257.     }
  258. }
  259. html,
  260. body {
  261.     background-color: #f4f5f7 !important;
  262. }
  263. html,
  264. body {
  265.     font-family: 'open sans' !important;
  266. }
  267. body {
  268.     overflow-x: hidden;
  269. }
  270. h1,
  271. h2,
  272. h3,
  273. h4,
  274. h5,
  275. h6 {
  276.     font-weight: 600 !important;
  277. }
  278. * > h2:first-child {
  279.     margin-bottom: 1.6rem;
  280. }
  281.  
  282. /*--顶栏*/
  283. .lg-header,
  284. .lg-header-list > li {
  285.     background-color: #000000;
  286.     border-color: #000000;
  287. }
  288. .lg-header {
  289.     box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
  290. }
  291.     
  292.  
  293.     
  294. /*--代码字体*/
  295. code,
  296. .hljs {
  297.     font-family: consolas, monospace, "Courier New";
  298. }
  299. /*--加载进度条处理*/
  300. #nprogress .nprogress-peg {
  301.     box-shadow: none !important;
  302. }
  303. #nprogress .nprogress-bar {
  304.     position: fixed;
  305.     top: 0 !important;
  306.     background: #5eb95e;
  307. }
  308. /*--选中内容的样式*/
  309. *::selection {
  310.     background-color: #cce2ff;
  311. }
  312. *::-moz-selection {
  313.     background-color: #cce2ff;
  314. }
  315. *::-webkit-selection {
  316.     background-color: #cce2ff;
  317. }
  318. /*--滚动条*/
  319. ::-webkit-scrollbar {
  320.     width: 6px;
  321.     height: 10px;
  322.     background-color: rgba(0, 0, 0, 0);
  323. }
  324. ::-webkit-scrollbar-track {
  325.     background-color: rgba(0, 0, 0, 0.05);
  326. }
  327. ::-webkit-scrollbar-thumb {
  328.     background-color: rgba(0, 0, 0, 0.2);
  329. }
  330. ::-webkit-scrollbar-thumb:hover {
  331.     background-color: #5e72e4;
  332. }
  333. /*--超链接*/
  334. a {
  335.     transition: all .15s;
  336.     color: #00b9b9ed;
  337. }
  338. /*--颜色定义*/
  339. .lg-fg-green {
  340.     color: #2dce89 !important;
  341. }
  342. .lg-bg-red {
  343.     background-color: #fb6340;
  344. }
  345. .lg-bg-orange {
  346.     background-color: #ff9d09;
  347. }
  348. .lg-bg-purple {
  349.     background-color: #8e44ad;
  350. }
  351. .lg-bg-green {
  352.     background-color: #2dce89;
  353. }
  354. .lg-bg-bluedark {
  355.     background-color: #001277;
  356. }
  357. /*--动画定义*/
  358. @keyframes fadeInLeft {
  359.     from {
  360.         opacity: 0;
  361.         transform: translateX(-35px);
  362.     }
  363.     to {
  364.         opacity: 1;
  365.         transform: translateX(0);
  366.     }
  367. }
  368. @keyframes fade {
  369.     from {
  370.         opacity: 0;
  371.     }
  372.     to {
  373.         opacity: 1;
  374.     }
  375. }
  376. /*--侧栏*/
  377. #app > .lfe-body {
  378.     background: #fafafa !important/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/;
  379.     box-shadow: 4px 5px 15px rgba(50, 50, 93, .1), 2px 5px 8px rgba(0, 0, 0, .07)!important;
  380. }
  381. #app > .lfe-body > a {
  382.     color: #5e72e4 !important;
  383.     height: 3.7em;
  384.     margin-top: 3px;
  385.     padding: 0 !important;
  386. }
  387. #app > .lfe-body > a:first-of-type {
  388.     margin-top: 10px !important;
  389. }
  390. #app > .lfe-body > a > .icon {
  391.     line-height: 2.4em;
  392.     font-size: 18px;
  393.     width: 100%;
  394.     margin: 0 !important;
  395.     transition: all 0.3s ease;
  396. }
  397. #app > .lfe-body > a > .text {
  398.     opacity: 0;
  399.     margin-top: -1em;
  400.     display: block;
  401.     transition: all 0.3s ease;
  402. }
  403. #app > .lfe-body > a:hover > .icon {
  404.     line-height: 1.5em;
  405.     font-size: 17px;
  406. }
  407. #app > .lfe-body > a:hover > .text {
  408.     opacity: 1;
  409.     margin-top: 0.2em;
  410. }
  411. #app > .lfe-body > div:first-of-type {
  412.     background-color: #5e72e4 !important;
  413. }
  414. #app > .lfe-body > .popup-button {
  415.     background-color: transparent !important;
  416.     margin-top: 8px;
  417.     color: #5e72e4 !important;
  418. }
  419.     
  420.  
  421. /*-侧栏Hover动画*/
  422. .lg-sidebar-list li[class^="lg-nav"] a span[class^="am-icon"]:after {
  423.     content: "";
  424.     background: #5e72e4;
  425.     position: absolute;
  426.     left: 50%;
  427.     right: 50%;
  428.     bottom: 8px;
  429.     height: 2px;
  430.     width: 0px;
  431.     border-radius: 10px;
  432.     transition: all .15s ease;
  433. }
  434. .lg-sidebar-list li[class^="lg-nav"] a:hover span[class^="am-icon"]:after {
  435.     left: 40%;
  436.     right: 40%;
  437.     width: 20%;
  438. }
  439. /*--输入框*/
  440. .am-input-group,
  441. .input-group {
  442.     transition: box-shadow .15s ease;
  443. }
  444. .am-input-group {
  445.     border-radius: .5rem !important;
  446. }
  447. .am-form-field,
  448. .input-group > .input-wrap > input,
  449. .input-wrap > input {
  450.     transition: box-shadow .15s ease;
  451.     border: none !important;
  452.     border-radius: 4px !important;
  453.     box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
  454.     min-height: 25px !important;
  455. }
  456. .am-form-field:focus,
  457. .input-group > .input-wrap > input:focus,
  458. .input-wrap > input:focus {
  459.     box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
  460. }
  461. .am-form-field,
  462. .input-group > button {
  463.     transition: box-shadow .15s ease;
  464.     border: none;
  465.     border-radius: 4px !important;
  466.     box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
  467. }
  468. .input-group > button {
  469.     margin-left: 3px;
  470. }
  471. .am-form-field,
  472. .input-group > button:hover {
  473.     box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
  474. }
  475. .am-input-group-sm > .am-form-field,
  476. .am-input-group-sm > .am-input-group-btn > .am-btn,
  477. .am-input-group-sm > .am-input-group-label {
  478.     font-size: 1.35rem !important;
  479. }
  480. .am-input-group-label {
  481.     background: transparent;
  482.     border: none;
  483. }
  484. .am-input-group-danger,
  485. .am-input-group-primary {
  486.     box-shadow: none;
  487. }
  488. .am-input-group-danger > .am-input-group-label,
  489. .am-input-group-primary > .am-input-group-label {
  490.     border-radius: .5rem !important;
  491.     outline: none !important;
  492.     letter-spacing: .05em;
  493.     transition: all .15s ease;
  494.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  495.     color: #fff !important;
  496.     margin-bottom: 6px;
  497.     height: 33.4px;
  498. }
  499. .am-input-group-danger > .am-input-group-label:hover,
  500. .am-input-group-primary > .am-input-group-label:hover {
  501.     box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
  502. }
  503. .am-input-group-danger > .am-input-group-label:active,
  504. .am-input-group-primary > .am-input-group-label:active {
  505.     box-shadow: none;
  506. }
  507. .am-input-group-danger > .am-input-group-label {
  508.     border-color: #f5365c;
  509.     background-color: #f5365c;
  510.     /*#ec0c38*/
  511. }
  512. .am-input-group-primary > .am-input-group-label {
  513.     border-color: #5e72e4;
  514.     background-color: #5e72e4;
  515.     border-radius: .5rem !important;
  516. }
  517. textarea {
  518.     box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
  519.     border: none !important;
  520. }
  521. textarea:focus {
  522.     box-shadow: 0 4px 6px rgba(50, 50, 93, .08), 0 1px 3px rgba(0, 0, 0, .05) !important;
  523. }
  524. .lg-input-title {
  525.     margin-bottom: 5px;
  526.     border-radius: 5px;
  527.     border-color: #ddd;
  528. }
  529. /*-特判顶部工具条搜索*/
  530. #topbar-search-text {
  531.     border-radius: .5rem 0 0 .5em !important;
  532. }
  533. #topbar-search {
  534.     border-radius: 0 .5rem .5em 0 !important;
  535.     border-color: #5e72e4;
  536.     background-color: #5e72e4;
  537. }
  538. /*--卡片*/
  539. .lg-article,
  540. .lg-summary,
  541. .lg-article-sub,
  542. .card {
  543.     transition: all .15s ease;
  544.     box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
  545.     word-wrap: break-word;
  546.     border-radius: .99rem;
  547.     background-color: #fcfcfc !important;
  548.     overflow: visible !important;
  549. }
  550. .lg-article:hover,
  551. .lg-summary:hover,
  552. .lg-article-sub:hover,
  553. .card:hover {
  554.     box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
  555. }
  556. .card {
  557.     line-height: 1.8;
  558. }
  559. /*--按钮*/
  560. .am-btn {
  561.     outline: none !important;
  562.     border: none !important;
  563.     letter-spacing: .05em;
  564.     padding: 8px 18px;
  565.     transition: all .15s ease;
  566.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  567.     color: #fff !important;
  568.     margin-bottom: 6px;
  569. }
  570. .am-dropdown > .am-btn {
  571.     color: inherit !important;
  572. }
  573. button[type='button'] {
  574.     outline: none !important;
  575.     border: none !important;
  576.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  577.     transition: all .15s ease;
  578.     margin-bottom: 6px;
  579.     padding: 8px 18px;
  580. }
  581. .am-btn.am-disabled,
  582. .am-btn[disabled],
  583. fieldset[disabled] .am-btn,
  584. button[type='button'][disabled],
  585. button.disabled[type='button'] {
  586.     box-shadow: none;
  587.     opacity: .65;
  588. }
  589. .am-btn:hover,
  590. button[type='button']:hover {
  591.     box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
  592.     transform: translateY(-1px);
  593. }
  594. .am-btn:active,
  595. button[type='button']:active {
  596.     box-shadow: none;
  597. }
  598. .am-btn-danger,
  599. .am-btn-danger:hover,
  600. .am-btn-danger:active,
  601. .am-btn-danger:focus,
  602. .am-btn-danger:visited {
  603.     border-color: #f5365c;
  604.     background-color: #f5365c;
  605.     /*#ec0c38*/
  606. }
  607. .am-btn-primary,
  608. .am-btn-primary:hover,
  609. .am-btn-primary:active,
  610. .am-btn-primary:focus,
  611. a.am-btn-primary:visited {
  612.     border-color: #7589ff;
  613.     background-color: #7589ff;
  614. }
  615. .am-btn-success,
  616. .am-btn-success:hover,
  617. .am-btn-success:active,
  618. .am-btn-success:focus,
  619. a.am-btn-success:visited {
  620.     border-color: #2dce89;
  621.     background-color: #2dce89;
  622.     border-radius: 99px;
  623. }
  624.  
  625. .am-btn-warning,
  626. .am-btn-warning:hover,
  627. .am-btn-warning:active,
  628. .am-btn-warning:focus,
  629. a.am-btn-warning:visited {
  630.     border-color: #fb6340;
  631.     background-color: #fb6340;
  632. }
  633. /*-复制按钮*/
  634. .copy-btn {
  635.     border-color: #5e72e4!important;
  636.     background-color: #5e72e4 !important;
  637.     color: #fff !important;
  638.     margin-top: 3px;
  639. }
  640. /*--Tooltip*/
  641. .tip-twitter {
  642.     background: #172b4d;
  643.     color: #fff;
  644.     border-radius: 50px;
  645.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  646. }
  647. .tip-twitter > div {
  648.     font-weight: unset !important;
  649.     font-size: 13px !important;
  650.     margin-left: 5px;
  651.     margin-right: 5px;
  652. }
  653. /*--标签*/
  654. .am-badge {
  655.     border-radius: 50px !important;
  656.     padding-left: 10px;
  657.     padding-right: 10px;
  658.     padding-top: 4px;
  659.     padding-bottom: 4px;
  660.     transition: all .15s;
  661. }
  662. .tag span.lfe-caption,
  663. .difficulty span.lfe-caption {
  664.     border-radius:70px !important;
  665.     padding-left: 10px;
  666.     padding-right: 10px;
  667.     padding-top: 1px;
  668.     padding-bottom: 1px;
  669.     transition: all .15s;
  670. }
  671. .am-badge:hover,
  672. .tag span.lfe-caption:hover,
  673. .difficulty span.lfe-caption:hover {
  674.     transform: translateY(-1px);
  675.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  676. }
  677. .am-badge,
  678. .lfe-caption[slot='difficulty'],
  679. .lfe-caption.tag,
  680. .tags-wrap {
  681.     overflow: visible !important;
  682. }
  683. .am-badge.lg-bg-red {
  684.     background-color: #f80031;
  685. }
  686. .am-badge.lg-bg-orange {
  687.     background-color: #ff471d;
  688. }
  689. .am-badge.lg-bg-yellow {
  690.     background-color: #ff9d09;
  691. }
  692. .am-badge.lg-bg-green {
  693.     background-color: #1aae6f;
  694. }
  695. .am-badge.lg-bg-bluelight {
  696.     background-color: #03acca;
  697. }
  698. .am-badge.lg-bg-purple {
  699.     background-color: #8e44ad;
  700. }
  701. .am-badge.lg-bg-bluedark {
  702.     background-color: #001277;
  703. }
  704. .am-badge.am-badge-warning {
  705.     background-color: #fb6340;
  706. }
  707. /*--菜单*/
  708. .am-dropdown-content {
  709.     padding: 1.5rem;
  710.     border-radius: .25rem;
  711.     background: #fff;
  712.     width: 300px;
  713.     border: none;
  714.     margin-top: 5px;
  715.     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);
  716. }
  717. .am-dropdown-content:before,
  718. .am-dropdown-content:after {
  719.     display: none !important;
  720. }
  721. /*--私信提示浮窗*/
  722. .lg-unread {
  723.     line-height: 60px;
  724.     width: 60px;
  725.     height: 60px;
  726.     padding: 0;
  727.     text-align: center;
  728.     border-radius: 50%;
  729.     transition: all .15s ease;
  730.     color: #fff;
  731.     background-color: #5e72e4;
  732.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  733.     overflow: hidden;
  734. }
  735. /*--消息内容*/
  736. .am-comment-main {
  737.     border: none;
  738.     box-shadow: 0 3px 5px rgba(50, 50, 93, .1), 0 2px 3px rgba(0, 0, 0, .08);
  739.     transition: all .15s;
  740. }
  741. .am-comment-main:hover {
  742.     border: none;
  743.     box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
  744. }
  745. .am-comment-main:before,
  746. .am-comment-main:after {
  747.     display: none;
  748. }
  749. /*--标题栏*/
  750. .main-container > .header-layout {
  751.     height: 380px !important;
  752.     display: block;
  753.     position: relative !important;
  754.     left: -60px !important;
  755.     right: 0 !important;
  756.     width: 110%;
  757.     background: linear-gradient(87deg, #5e72e400 0, #825ee400 100%) !important;
  758.     border: none;
  759.     color: #fff;
  760.     font-weight: unset !important;
  761. }
  762. .main-container > .header-layout .background {
  763.     display: none !important;
  764. }
  765. .main-container > .header-layout > .header {
  766.     max-width: 1250px;
  767.     background: transparent !important;
  768.     padding-left: 35px;
  769.     position: relative;
  770. }
  771. .main-container > .header-layout > .header .user-nav {
  772.     right: 0;
  773. }
  774. @media screen and (max-width: 1475px) {
  775.     .main-container > .header-layout > .header {
  776.         position: initial;
  777.     }
  778.     .main-container > .header-layout > .header .user-nav {
  779.         right: calc(80px);
  780.     }
  781. }
  782. .main-container > .header-layout > .header > h1 {
  783.     font-size: 50px;
  784.     margin-top: 25px;
  785.     padding-bottom: 8px;
  786.     animation: fadeInLeft .5s ease;
  787.     max-width: calc(100vw - 150px);
  788. }
  789. .main-container > main.lfe-body {
  790.     margin-top: -180px;
  791.     position: relative;
  792.     background: transparent !important;
  793. }
  794.  
  795. @media screen and (max-width: 576px) {
  796.     .main-container > main.lfe-body {
  797.         margin-top: -60px;
  798.     }
  799.     .main-container > .header-layout > .header {
  800.         padding-left: 5px;
  801.     }
  802.     .main-container > .header-layout > .header > h1 {
  803.         font-size: 35px;
  804.     }
  805. }
  806. /*-面包屑导航*/
  807. .main-container > .header-layout .bread-crumb,
  808. .main-container > .header-layout .bread-crumb a {
  809.     color: rgba(255, 255, 255, .8) !important;
  810.     text-decoration: none;
  811. }
  812. .lg-main-content.solution-block {
  813.     margin-top: 0 !important;
  814. }
  815. /*-面包屑导航*/
  816. .main-container > header .bread-crumb,
  817. .main-container > header .bread-crumb a {
  818.     color: rgba(255, 255, 255, .8) !important;
  819.     text-decoration: none;
  820. }
  821. .lg-main-content.solution-block {
  822.     margin-top: 0 !important;
  823. }
  824.  
  825. /*--列表（旧版）*/
  826. .lg-content-table-left {
  827.     background: #fcfcfc;
  828.     box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
  829.     border-radius: .375rem;
  830.     margin-top: 20px;
  831.     padding-left: 30px;
  832.     padding-right: 30px;
  833.     padding-bottom: 20px;
  834.     position: relative;
  835. }
  836. .lg-content-table-left > .lg-table-row {
  837.     width: 100% !important;
  838.     box-shadow: none;
  839.     background: transparent;
  840.     border-radius: 0;
  841.     border-bottom: 0.6px solid rgba(0, 0, 0, 0.08);
  842.     border-spacing: 2px;
  843.     padding-bottom: 20px;
  844. }
  845. .lg-content-table-left > .lg-table-row:last-of-type {
  846.     border-bottom: none;
  847.     padding-bottom: 0;
  848. }
  849. /*--题目列表等表格*/
  850. div > .header-wrap {
  851.     padding-bottom: 20px !important;
  852.     font-size: 17px;
  853.     border-bottom: 0.6px solid rgba(0, 0, 0, 0.08) !important;
  854. }
  855. div > .header-wrap .lfe-caption {
  856.     box-shadow: none !important;
  857. }
  858. div > .row-wrap {
  859.     padding: 24px 0 !important;
  860.     font-size: 17px;
  861.     border-bottom: 0.6px solid rgba(0, 0, 0, 0.08) !important;
  862. }
  863. div > .row-wrap:last-child {
  864.     margin-bottom: 30px;
  865. }
  866. div > .row-wrap .lfe-caption {
  867.     font-size: 14px;
  868. }
  869. /*-通过率条 tooltip*/
  870. .rate-wrapper .rate-popup {
  871.     transition: all .25s ease !important;
  872.     display: block !important;
  873.     border-radius: 3px;
  874.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
  875.     min-width: 4em;
  876.     min-height: 1em;
  877.     width: 4em;
  878.     height: 1em;
  879.     padding: 0 !important;
  880.     margin-bottom: -15px;
  881.     overflow: hidden !important;
  882.     opacity: 0;
  883.     color: transparent;
  884.     background: transparent;
  885.     pointer-events: none;
  886. }
  887. .rate-wrapper:hover .rate-popup {
  888.     border-radius: 30px;
  889.     margin-bottom: 10px;
  890.     min-width: 10em;
  891.     min-height: 1em;
  892.     width: unset;
  893.     height: unset;
  894.     padding: 5px 18px !important;
  895.     opacity: .8;
  896.     color: #fff;
  897.     background: #172b4d;
  898. }
  899. /*--页码*/
  900. .am-pagination,
  901. .page-area {
  902.     padding-top: 20px;
  903.     padding-bottom: 20px;
  904.     width: max-content;
  905.     width: -moz-max-content;
  906.     margin-left: auto;
  907.     margin-right: auto;
  908.     border-top: none !important;
  909. }
  910. .am-pagination > li > a,
  911. .page-area .page-bar > button {
  912.     outline: none !important;
  913.     cursor: pointer;
  914.     line-height: 1.25;
  915.     position: relative;
  916.     display: block;
  917.     margin-left: -.0625rem;
  918.     padding: .5rem .75rem;
  919.     color: #8898aa;
  920.     border: .0625rem solid #dee2e6;
  921.     background-color: #fff;
  922.     font-size: 15px;
  923.     font-weight: unset;
  924.     display: flex;
  925.     min-width: 36px;
  926.     height: 36px;
  927.     margin: 0 3px;
  928.     border-radius: 100px!important;
  929.     align-items: center;
  930.     justify-content: center;
  931.     transition: all .3s;
  932. }
  933. .page-area .page-bar > button:hover {
  934.     background-color: #eee;
  935. }
  936. .am-pagination > .am-active > a,
  937. .page-area .page-bar > button[style*='background'] {
  938.     color: #fff;
  939.     border-color: #fff0 !important;
  940.     background-color: #4300ff !important;
  941.     box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
  942. }
  943. .am-pagination > .am-active > a:hover {
  944.     color: #fff;
  945.     border-color: #fff0 !important;
  946.     background-color: #4300ff !important;
  947. }
  948. /*-针对单独页码卡片特殊适配消除卡片*/
  949. .lg-article .pagination-centered:before {
  950.     content: "";
  951.     background: #f4f5f7;
  952.     width: calc(100% + 35px);
  953.     height: calc(100% + 40px);
  954.     position: absolute;
  955.     left: -15px;
  956.     top: -10px;
  957. }
  958. /*--评测详情色块*/
  959. .lg-record-tile {
  960.     transition: all .15s ease;
  961.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  962.     border-radius: 3px;
  963. }
  964. .lg-record-tile:hover {
  965.     transition: all .15s ease;
  966.     transform: translateY(-5px);
  967.     box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
  968. }
  969. /*--评测详情色块(新版)*/
  970. .test-case-wrap > .wrapper {
  971.     width: 100px;
  972.     height: 100px;
  973.     margin-right: 16px;
  974.     margin-bottom: 12px;
  975. }
  976. .test-case-wrap {
  977.     margin-top: 25px;
  978. }
  979. .test-case-wrap > .wrapper .test-case {
  980.     width: 100px;
  981.     height: 100px;
  982.     transition: all .2s ease;
  983.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  984.     border-radius: 3px;
  985.     padding: 3px;
  986. }
  987. .test-case-wrap > .wrapper .test-case:hover {
  988.     transform: translateY(-5px);
  989.     box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
  990. }
  991. .test-case-wrap > .wrapper .test-case .info {
  992.     width: calc(100% - 10px);
  993.     line-height: 15px;
  994.     font-size: 10px;
  995.     white-space: nowrap;
  996.     overflow: hidden;
  997.     text-overflow: ellipsis;
  998. }
  999. .test-case-wrap > .wrapper .test-case:hover .info {
  1000.     white-space: normal;
  1001. }
  1002. .test-case-wrap > .wrapper .test-case .id {
  1003.     margin-left: 3px;
  1004. }
  1005. .test-case-wrap > .wrapper .test-case .status {
  1006.     font-weight: bold;
  1007.     font-size: 22px;
  1008.     margin-bottom: 5px;
  1009. }
  1010. .test-case-wrap > .wrapper .message {
  1011.     transition: all .25s ease !important;
  1012.     display: block !important;
  1013.     border-radius: 3px;
  1014.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  1015.     min-width: 105px;
  1016.     min-height: 105px;
  1017.     width: 105px;
  1018.     padding: 0;
  1019.     margin-top: 40px;
  1020.     opacity: 0;
  1021.     color: transparent;
  1022.     background: transparent;
  1023.     pointer-events: none;
  1024. }
  1025. .test-case-wrap > .wrapper:hover .message {
  1026.     border-radius: 30px;
  1027.     margin-top: -30px;
  1028.     min-width: 12em;
  1029.     min-height: 1em;
  1030.     width: unset;
  1031.     height: unset;
  1032.     padding: 5px 18px;
  1033.     opacity: .8;
  1034.     color: #fff;
  1035.     background: #172b4d;
  1036. }
  1037. .test-case-wrap > .wrapper .test-case[style*='rgb(112, 173, 71)'] {
  1038.     background-color: #2dce89 !important;
  1039. }
  1040. .test-case-wrap > .wrapper .test-case[style*='rgb(231, 76, 60)'] {
  1041.     background-color: #fb6340 !important;
  1042. }
  1043. .test-case-wrap > .wrapper .test-case[style*='rgb(157, 61, 207)'] {
  1044.     background-color: #8e44ad !important;
  1045. }
  1046. .test-case-wrap > .wrapper .test-case[style*='rgb(5, 34, 66)'] {
  1047.     background-color: #001277 !important;
  1048. }
  1049. .test-case-wrap > .wrapper .test-case[style*='rgb(14, 29, 105)'] {
  1050.     background-color: #34495e !important;
  1051. }
  1052. .test-case-wrap > .wrapper .test-case[style*='background: rgb(20, 85, 143);'] {
  1053.     background-color: #3498db !important;
  1054. }
  1055. /*--头像*/
  1056. .am-comment-avatar {
  1057.     box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
  1058.     border: none;
  1059.     transition: all .15s;
  1060. }
  1061. .am-comment-avatar:hover {
  1062.     box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
  1063. }
  1064. .am-panel-bd .am-comment-avatar,
  1065. .lg-message-content .am-comment-avatar,
  1066. .lg-message-contact .am-comment-avatar,
  1067. .lg-inline-up .am-comment-avatar,
  1068. .lg-header-li .am-comment-avatar {
  1069.     box-shadow: none;
  1070. }
  1071. /*--卡片面板*/
  1072. .am-panel {
  1073.     border: none;
  1074.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  1075. }
  1076. /*--Footer*/
  1077. .main-container > .lfe-body:last-child {
  1078.     padding: 0;
  1079. }
  1080. .main-container > .lfe-body:last-child .background {
  1081.     display: none !important;
  1082. }
  1083. .main-container > .lfe-body:last-child > .footer {
  1084.     background: linear-gradient(30deg, #00e1ff85 0%, #00aeff85 30%, #087de38c 40%, #595959e0 70%) !important;
  1085.     max-width: unset !important;
  1086.     padding: 25px 35px;
  1087.     width: 105%;
  1088.     
  1089. 	transform:translateX(-4%);/**左移元素**/
  1090. 	-ms-transform:translateX(-4%);
  1091. 	-webkit-transform:translateX(-4%);
  1092.  
  1093. }
  1094. .main-container > .lfe-body:last-child > .footer a {
  1095.     color: #fff !important;
  1096. }
  1097. .main-container > .lfe-body:last-child > .footer .qr-img {
  1098.     display: none !important;
  1099. }
  1100.  
  1101. .slogan:after {
  1102.     content: "！！！";  
  1103. } 
  1104.    
  1105.  
  1106. /*--团队成员卡*/
  1107. .lg-mcard {
  1108.     border: none;
  1109.     transition: all .15s ease;
  1110.     box-shadow: 0 2px 3px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  1111.     border-radius: 3px;
  1112. }
  1113. .lg-mcard:hover {
  1114.     transition: all .15s ease;
  1115.     transform: translateY(-1px);
  1116.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  1117. }
  1118. /*--犇犇Tab条*/
  1119. /*此处使用了不太好的适配器解决方案，日后可能会优化*/
  1120. /*.lg-index-benben > .lg-article:nth-of-type(2){
  1121.     box-shadow:none !important;
  1122.     background:transparent;
  1123. }*/
  1124. .feed-selector > a {
  1125.     font-weight: 500;
  1126.     transition: all .15s ease;
  1127.     color: #fff;
  1128.     background-color: #0000008a;
  1129.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  1130.     border-radius: 5px !important;
  1131.     height: 50px;
  1132.     line-height: 36px;
  1133. }
  1134. .feed-selector.am-active > a {
  1135.     color: #0000;
  1136.     border-radius: 9999px;
  1137.     background: linear-gradient(30deg, #2f0162 0%, #2b00ff 40%, #3b007f 70%) !important
  1138. }
  1139. /*--其余Tab条*/
  1140. .am-nav-tabs li > a {
  1141.     font-weight: 500;
  1142.     transition: all .15s ease;
  1143.     color: #5e72e4;
  1144.     background-color: #fff;
  1145.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  1146.     border-radius: 5px !important;
  1147.     height: 50px;
  1148.     line-height: 36px;
  1149.     padding-left: 20px;
  1150.     padding-right: 20px;
  1151.     border: none !important;
  1152.     margin-right: 10px;
  1153. }
  1154. .am-nav-tabs li.am-active > a {
  1155.     color: #fff !important;
  1156.     background: #5e72e4 !important;
  1157. }
  1158. .am-nav-tabs {
  1159.     border: none;
  1160.     margin-bottom: 20px;
  1161. }
  1162. .am-tabs-bd {
  1163.     border-radius: 5px;
  1164.     border: 0.6px solid rgba(0, 0, 0, 0.1);
  1165.     background: transparent;
  1166. }
  1167. /*--进度条*/
  1168. .lg-table-small {
  1169.     margin-top: 5px;
  1170. }
  1171. .am-progress,
  1172. .progress-frame {
  1173.     border-radius: .5rem;
  1174.     background-color: #e9ecef;
  1175.     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  1176.     border: none !important;
  1177. }
  1178. .am-progress-bar-secondary,
  1179. .am-progress-bar,
  1180. .progress-frame > div {
  1181.     background-color: #5e72e4 !important;
  1182. }
  1183. /*--复选框*/
  1184. .am-ucheck-checkbox:checked + .am-ucheck-icons,
  1185. .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons,
  1186. .am-ucheck-radio:checked + .am-ucheck-icons,
  1187. .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons {
  1188.     color: #5e72e4;
  1189. }
  1190. .am-checkbox .am-icon-unchecked:before,
  1191. .am-checkbox-inline .am-icon-unchecked:before {
  1192.     content: "";
  1193.     border: 1px solid rgba(0, 0, 0, 0.1);
  1194.     height: 15px;
  1195.     width: 15px;
  1196.     border-radius: 3px;
  1197.     margin-top: 3px;
  1198. }
  1199. /*--404页面*/
  1200. .lg-info-box > #pic,
  1201. .lg-info-box > .lg-stamp {
  1202.     display: none;
  1203. }
  1204. .lg-info-box {
  1205.     color: #fff;
  1206.     border-color: #555abf;
  1207.     background-color: #555abf;
  1208.     padding: 1rem 1.5rem;
  1209.     border: 0;
  1210.     border-radius: .25rem;
  1211.     min-height: 100px !important;
  1212. }
  1213. .lg-info-box > .am-text-left > h1 {
  1214.     margin-bottom: 10px;
  1215.     margin-top: 10px;
  1216. }
  1217. .lg-info-box > .am-text-left > p {
  1218.     margin-top: 0px;
  1219.     margin-bottom: 0;
  1220. }
  1221. .lg-info-box > .am-text-left .lg-small {
  1222.     margin-top: 15px;
  1223.     margin-bottom: 15px;
  1224.     color: rgba(255, 255, 255, 0.6);
  1225.     display: block;
  1226. }
  1227. /*--对话框*/
  1228. .am-modal-dialog {
  1229.     box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
  1230.     border: 1px solid rgba(0, 0, 0, .2);
  1231.     border-radius: .5rem;
  1232.     outline: 0;
  1233.     background-color: #fff;
  1234.     background-clip: padding-box;
  1235. }
  1236. .am-modal-dialog > #lg-alert-title,
  1237. .am-modal-dialog > #memtitle {
  1238.     font-family: inherit;
  1239.     font-weight: 400;
  1240.     line-height: 1.3;
  1241.     color: #32325d;
  1242.     text-align: left;
  1243.     padding-left: 15px;
  1244.     padding-bottom: 15px;
  1245.     border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  1246.     margin-bottom: 15px;
  1247. }
  1248. .am-modal-dialog > #lg-alert-message,
  1249. .am-modal-dialog > #memadmin {
  1250.     line-height: 1.3;
  1251.     color: #32325d;
  1252.     text-align: left;
  1253.     padding-left: 15px;
  1254.     padding-bottom: 25px;
  1255.     padding-top: 10px;
  1256.     border-bottom: 0.7px solid rgba(0, 0, 0, 0.1);
  1257. }
  1258. .am-modal-dialog .lg-model-content {
  1259.     margin-top: 10px;
  1260. }
  1261. .am-modal-btn {
  1262.     outline: none !important;
  1263.     border: none !important;
  1264.     letter-spacing: .05em;
  1265.     padding: 8px 18px;
  1266.     transition: all .15s ease;
  1267.     box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  1268.     color: #fafafa !important;
  1269.     height: unset;
  1270.     line-height: unset;
  1271.     border-radius: 5px !important;
  1272.     margin-right: 3px;
  1273.     display: inline-block !important;
  1274. }
  1275. .am-modal-btn:hover {
  1276.     box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
  1277.     transform: translateY(-1px);
  1278. }
  1279. .am-modal-btn:active {
  1280.     box-shadow: none;
  1281. }
  1282. .am-modal-btn,
  1283. .am-modal-btn:hover,
  1284. .am-modal-btn:active,
  1285. .am-modal-btn:focus,
  1286. a.am-modal-btn:visited {
  1287.     border-color: #5e72e4;
  1288.     background-color: #5e72e4;
  1289. }
  1290. .am-modal-footer {
  1291.     width: max-content;
  1292.     height: max-content;
  1293.     padding: 5px;
  1294.     display: block;
  1295.     margin-top: 10px;
  1296.     margin-bottom: 8px;
  1297.     padding-left: 15px;
  1298. }
  1299. /*---PopupMenu*/
  1300. .popup {
  1301.     border: none !important;
  1302.     border-radius: .3rem !important;
  1303.     background-color: #fff !important;
  1304.     background-clip: padding-box !important;
  1305.     box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
  1306.     text-shadow: none;
  1307.     padding: 10px !important;
  1308.     animation: fade 0.2s ease;
  1309. }
  1310. /*---用户信息Popup*/
  1311. .main-container > .header-layout > .header nav a[href^="/space/show"] + div.center,
  1312. .main-container > .header-layout .user-nav a[href^="/space/show"] + div.center {
  1313.     border: none !important;
  1314.     border-radius: .3rem !important;
  1315.     background-color: #fff !important;
  1316.     background-clip: padding-box !important;
  1317.     box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
  1318.     text-shadow: none;
  1319.     padding: 10px !important;
  1320. }
  1321. .main-container > .header-layout > .header nav a[href^="/space/show"] + div.center > .header,
  1322. .main-container > .header-layout > .header nav a[href^="/space/show"] + div.center > footer,
  1323. .main-container > .header-layout .user-nav a[href^="/space/show"] + div.center > .header-layout,
  1324. .main-container > .header-layout .user-nav a[href^="/space/show"] + div.center > footer {
  1325.     border: none;
  1326.     background: transparent;
  1327. }
  1328. .main-container > .header-layout > .header nav a[href^="/space/show"] + div.center,
  1329. .main-container > .header-layout .user-nav a[href^="/space/show"] + div.center {
  1330.     display: block !important;
  1331.     transform: translate(0, 0px) perspective(0px) rotateX(0deg);
  1332.     opacity: 1;
  1333.     transition: all .25s ease;
  1334. }
  1335. .main-container > .header-layout > .header nav a[href^="/space/show"] + div.center[style*="none"],
  1336. .main-container > .header-layout .user-nav a[href^="/space/show"] + div.center[style*="none"] {
  1337.     pointer-events: none;
  1338.     opacity: 0;
  1339.     transform: translate(0, 10px) perspective(80px) rotateX(-2deg);
  1340. }
  1341. /*---首页 Banner 滚动指示器*/
  1342. .am-slider-default .am-control-nav li a {
  1343.     box-shadow: none;
  1344.     transition: all 0.5s ease;
  1345. }
  1346. .am-slider-default .am-control-nav li a.am-active {
  1347.     width: 15px;
  1348.     background-color: #5e72e4;
  1349. }
  1350. /*---一些细节的处理*/
  1351. .lg-message-contact:hover {
  1352.     /*私信左列hover的颜色*/
  1353.     background: rgba(200, 200, 200, 0.2);
  1354. }
  1355. .lg-message-contact *:not(.am-badge):hover {
  1356.     background: transparent;
  1357. }
  1358. .am-selected-list li:hover {
  1359.     /*弹出菜单项Hover处理*/
  1360.     background: rgba(200, 200, 200, 0.2) !important;
  1361. }
  1362. /*--针对犇犇样式变化的适配*/
  1363. /*.lg-index-benben > div.lg-article:nth-of-type(2) {
  1364.     background: rgba(255,255,255,.7) !important;
  1365.     box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
  1366. }
  1367. #home-center-nav {
  1368.     background: #f4f5f7 !important;
  1369.     position: absolute;
  1370.     left: -1px;
  1371.     right: -1px;
  1372.     top: 0;
  1373. }*/
  1374. .lg-index-benben div:nth-of-type(4) {
  1375.     background: transparent !important;
  1376.     box-shadow: none !important;
  1377.     padding-left: 0;
  1378.     padding-right: 0;
  1379. }
  1380. .lg-index-benben div:nth-of-type(4) #home-center-nav {
  1381.     background: transparent;
  1382. }
  1383. /*
  1384. #feed {
  1385.     margin-top: 45px !important;
  1386. }*/
  1387. /*--修一个 Markdown 编辑器弹窗时页码覆盖弹窗的玄学 Bug*/
  1388. #replyarea {
  1389.     opacity: 1 !important;
  1390. }
  1391. /*--- Luogu 4 Beta 兼容*/
  1392. /*--主框架*/
  1393. /*#app-body > div{
  1394.     max-width: 1250px !important;
  1395.     padding-left: 20px !important;
  1396.     padding-right: 20px !important;
  1397.     width:100%;
  1398. }*/
  1399. /*--分隔线*/
  1400. .card hr {
  1401.     margin: .8em 0;
  1402.     height: .5px;
  1403.     background: rgba(0, 0, 0, 0.08);
  1404.     border: none;
  1405. }
  1406. /*适配 Tiny 顶栏*/
  1407. #app > .main-container > .header-layout.tiny {
  1408.     height: 4em !important;
  1409.     background: linear-gradient(30deg, #0091ff85 0%, #00c3ff85 30%, #08e3dc8c 40%, #08e3bf8c 70%) !important;
  1410.     color: #fff !important;
  1411. }
  1412. .header-layout.tiny ~ main.lfe-body {
  1413.     margin-top: 0px !important;
  1414. }
  1415. /*tiny顶栏字体颜色*/
  1416. .header-link[data-v-5d3ff779] {
  1417.     vertical-align: middle;
  1418.     margin-right: 2em;
  1419.     color: #fff;
  1420. }
  1421. /*tiny顶栏图标颜色*/
  1422. .container[data-v-5d3ff779] {
  1423.     display: flex;
  1424.     flex-direction: row;
  1425.     align-items: center;
  1426.     padding-left: 1em;
  1427.     padding-right: 1em;
  1428.     height: 100%;
  1429.     color: #f8f8f8;
  1430. }
  1431. /*底栏字体颜色*/
  1432. .footer[data-v-381c541a] {
  1433.     display: flex;
  1434.     align-items: center;
  1435.     padding: 1em;
  1436.     color: rgba(255, 255, 255, .9);
  1437.     font-size: .875em;
  1438. }
  1439. /*底栏超链接颜色*/
  1440. .footer a[data-v-381c541a] {
  1441.     color: rgba(255, 255, 255, .75);
  1442. }
  1443. /*用户界面设置*/
  1444. .center[data-v-78704ac9] {
  1445.     position: absolute;
  1446.     width: 15em;
  1447.     right: -1em;
  1448.     top: 1.5em;
  1449.     overflow: hidden;
  1450.     z-index: 999;
  1451.     text-align: center;
  1452.     color: #000;
  1453.     background: #fff;
  1454.     /* background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png); */
  1455.     background-size: cover;
  1456.     border: 0px solid #ccc;
  1457.     border-radius: 15px;
  1458.     box-shadow: 0 0 15px 1px rgb(0, 0, 0);
  1459. }
  1460. /*用户栏设置*/
  1461. .user-nav[data-v-52820d90] {
  1462.     position: absolute;
  1463.     right: 4em;
  1464.     top: 0;
  1465.     padding: .5em 1em;
  1466.     color: #000;
  1467.     background: linear-gradient(30deg, #0091ff85 0%, #00c3ff85 30%, #08e3dc8c 40%, #08e3bf8c 70%) !important;
  1468.     border-bottom-left-radius: 25px;
  1469.     border-bottom-right-radius: 25px;
  1470. }
  1471. .mp-editor-container[data-v-a97ae32a] {
  1472.     position: relative;
  1473.     height: 100%;
  1474.     border: 0px solid #ddd;
  1475. }
  1476. .mp-editor-ground[data-v-a97ae32a] {
  1477.     position: absolute;
  1478.     width: 100%;
  1479.     top: 50px;
  1480.     bottom: 0;
  1481.     overflow: hidden;
  1482.     border-top: 1px solid #ddd;
  1483. }
  1484. .float-bottom[data-v-42e973f3] {
  1485.     padding: 0.5em 1em;
  1486.     position: fixed;
  1487.     bottom: 0;
  1488.     width: calc(100% - 122px);
  1489.     max-width: 1168px;
  1490.     margin-left: -21px;
  1491.     box-shadow: 0 2px 4px rgb(0 0 0 / 15%), inset 0 0 1px rgb(0 0 0 / 50%);
  1492.     background-color: #fff;
  1493.     z-index: 99;
  1494.     border-radius: 99rem;
  1495. }
  1496. button[data-v-66021821] {
  1497.     margin-right: .5em;
  1498.     padding: 0;
  1499.     cursor: pointer;
  1500.     width: auto;
  1501.     min-width: 2em;
  1502.     height: 1.7em;
  1503.     background: #fff;
  1504.     border: 1px solid #bfbfbf;
  1505.     border-radius: 99rem;
  1506. }
  1507. button[data-v-370e72e2] {
  1508.     display: inline-block;
  1509.     flex: none;
  1510.     outline: 0;
  1511.     width: auto;
  1512.     height: 2.15rem;
  1513.     cursor: pointer;
  1514.     color: #fff;
  1515.     font-weight: inherit;
  1516.     line-height: 1;
  1517.     text-align: center;
  1518.     vertical-align: middle;
  1519.     background: 0 0;
  1520.     border-radius: .99rem;
  1521.     border: 99px solid;
  1522. }
  1523. span[data-v-20b7d558] {
  1524.     display: inline-block;
  1525.     padding: 0 8px;
  1526.     box-sizing: border-box;
  1527.     font-weight: 400;
  1528.     line-height: 1.5;
  1529.     width: auto;
  1530.     border-radius: 99rem;
  1531. }
  1532. .lg-content-table-left {
  1533.     background: #fcfcfc;
  1534.     box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
  1535.     border-radius: 4rem;
  1536.     border-top-left-radius: 4rem;
  1537.     border-top-right-radius: 4rem;
  1538.     border-bottom-right-radius: 4rem;
  1539.     border-bottom-left-radius: 4rem;
  1540.     margin-top: 20px;
  1541.     padding-left: 30px;
  1542.     padding-right: 30px;
  1543.     padding-bottom: 20px;
  1544.     position: relative;
  1545. }
  1546. .am-btn-primary,
  1547. .am-btn-primary:hover,
  1548. .am-btn-primary:active,
  1549. .am-btn-primary:focus,
  1550. a.am-btn-primary:visited {
  1551.     border-color: #000;
  1552.     background-color: #000;
  1553.     border-radius: 99rem;
  1554. }
  1555. .am-input-group-primary > .am-input-group-label {
  1556.     border-color: #5e72e4;
  1557.     background-color: #5e72e4;
  1558.     border-radius: 99rem !important;
  1559. }
  1560. .am-progress-bar-secondary,
  1561. .am-progress-bar,
  1562. .progress-frame > div {
  1563.     background: linear-gradient(30deg, #0800ff 15%, #0095ff 30%, #0004ff 94%) !important;
  1564.     border-radius: 99rem !important;
  1565. }
  1566. .button-in-anchor[data-v-42c20b13] {
  1567.     vertical-align: baseline;
  1568.     border-radius: 99rem !important;
  1569. }
  1570. .button-in-anchor[data-v-19949a64] {
  1571.     vertical-align: baseline;
  1572.     border-radius: 99rem !important;
  1573. }
  1574. .user-header-top[data-v-32c8167e] {
  1575.     position: relative;
  1576.     height: 240px;
  1577.     background-size: cover;
  1578.     background-position: center;
  1579.     border-radius: .98rem !important;
  1580. }
  1581. .items > li[data-v-8feadc5c]:first-child {
  1582.     margin-left: 0;
  1583.     border-radius: 99rem !important;
  1584. }
  1585. .card[data-v-796309f8] {
  1586.     display: block;
  1587.     margin-bottom: 1.3em;
  1588.     width: auto;
  1589.     background-color: #fff;
  1590.     box-shadow: 0 1px 3px rgb(26 26 26 10%);
  1591.     box-sizing: border-box;
  1592. }
  1593. .progress-frame[data-v-47712372] {
  1594.     box-sizing: border-box;
  1595.     background: #ffffffa6;
  1596.     border: 2px solid #e8e8e8;
  1597.     border-radius: 2px;
  1598.     height: 1em;
  1599.     overflow: hidden;
  1600.     border-radius: 99999px !important;
  1601. }
  1602. .am-btn-danger,
  1603. .am-btn-danger:hover,
  1604. .am-btn-danger:active,
  1605. .am-btn-danger:focus,
  1606. .am-btn-danger:visited {
  1607.     border-color: #f5365c;
  1608.     background-color: #f5365c;
  1609.     border-radius: 99999px !important;
  1610. }
  1611. .items > li[data-v-8feadc5c] {
  1612.     display: inline-block;
  1613.     margin-left: 1em;
  1614.     padding: .063em .5em;
  1615.     transition: .3s ease all;
  1616.     border-radius: 9999px;
  1617. }
  1618. .expand[data-v-68d23b5e] {
  1619.     padding-top: 10px;
  1620.     padding-bottom: 10px;
  1621.     text-align: center;
  1622.  
  1623.     background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
  1624.     border-radius: 99999px !important;
  1625. }
  1626. button[type='button'] {
  1627.     outline: none !important;
  1628.     border: none !important;
  1629.     box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
  1630.     transition: all .15s ease;
  1631.     margin-bottom: 0px;
  1632.     padding: 7px 18px;
  1633.     border-radius: 99999px !important;
  1634. }
  1635. .feed-selector > a {
  1636.     font-weight: 500;
  1637.     transition: all .15s ease;
  1638.     color: #000;
  1639.     background-color: #ffffff9e;
  1640.     box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
  1641.     border-radius: 5px !important;
  1642.     height: 50px;
  1643.     line-height: 36px;
  1644.     border-radius: 99999px !important;
  1645. }
  1646. nav[data-v-27b2cd59] {
  1647.     position: fixed;
  1648.     width: 3.7em;
  1649.     height: 100%;
  1650.     display: flex;
  1651.     flex-direction: column;
  1652.     text-align: center;
  1653.     line-height: 1.2;
  1654.     z-index: 5;
  1655. }
  1656. .am-panel {
  1657.     border: none;
  1658.     box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
  1659.     border-radius: 15px !important;
  1660. }
  1661. .am-form input[type=number],
  1662. .am-form input[type=search],
  1663. .am-form input[type=text],
  1664. .am-form input[type=password],
  1665. .am-form input[type=datetime],
  1666. .am-form input[type=datetime-local],
  1667. .am-form input[type=date],
  1668. .am-form input[type=month],
  1669. .am-form input[type=time],
  1670. .am-form input[type=week],
  1671. .am-form input[type=email],
  1672. .am-form input[type=url],
  1673. .am-form input[type=tel],
  1674. .am-form input[type=color],
  1675. .am-form select,
  1676. .am-form textarea,
  1677. .am-form-field {
  1678.     display: block;
  1679.     width: 100%;
  1680.     padding: .5em;
  1681.     font-size: 1.6rem;
  1682.     line-height: 1.2;
  1683.     color: #555;
  1684.     vertical-align: middle;
  1685.     background-color: #fff;
  1686.     background-image: none;
  1687.     border: 1px solid #ccc;
  1688.     border-radius: 0;
  1689.     -webkit-appearance: none;
  1690.     -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  1691.     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  1692.     border-radius: 15px !important;
  1693. }
  1694. .items > li > .entry.selected[data-v-7092f3a4]::before {
  1695.     margin: 0 0.5em;
  1696.     width: calc(100% - 1em);
  1697.     background: linear-gradient(30deg, #7b00ff 0%, #2b00ff 40%, #3b007f 70%) !important;
  1698. }
  1699. .bar[data-v-7626d048] {
  1700.     height: 100%;
  1701.     transition: width .6s ease;
  1702.     border-radius: 45px !important;
  1703.     color: #fff !important;
  1704.     background: linear-gradient(30deg, #7b00ff 0%, #2b00ff 40%, #3b007f 70%) !important;
  1705. }
  1706. .progress-frame[data-v-7626d048] {
  1707.     position: relative;
  1708.     display: block;
  1709.     padding: 4px;
  1710.     height: 1em;
  1711.     font-size: .8em;
  1712.     line-height: 1;
  1713.     overflow: hidden;
  1714.     border-radius: 4px;
  1715.     background-color: #fff;
  1716.     border-radius: 50px !important;
  1717. }
  1718. .copy-btn[data-v-52f2d52f] {
  1719.     font-size: .8em;
  1720.     float: right;
  1721.     padding: 0 5px;
  1722.     height: 1.6em;
  1723. }
  1724. .content[data-v-bb301a88] {
  1725.     position: absolute;
  1726.     top: 0;
  1727.     left: 0;
  1728.     width: 100%;
  1729.     height: 100%;
  1730.     display: flex;
  1731.     flex-direction: column-reverse;
  1732.     align-items: center;
  1733.     justify-content: center;
  1734. }
  1735. .test-case[data-v-bb301a88] {
  1736.     position: relative;
  1737.     vertical-align: top;
  1738.     cursor: pointer;
  1739.     margin: 0.2em;
  1740.     height: 6em;
  1741.     width: 6em;
  1742.     padding: 0;
  1743.     border-radius: 20px !important;
  1744.     color: #fff;
  1745. }
  1746. .am-modal-dialog {
  1747.     box-shadow: 0 15px 35px rgb(50 50 93 20%), 0 5px 15px rgb(0 0 0 17%);
  1748.     border: 1px solid rgba(0, 0, 0, .2);
  1749.     border-radius: .5rem;
  1750.     outline: 0;
  1751.     background-color: #fff;
  1752.     background-clip: padding-box;
  1753.     border-radius: 24px !important;
  1754. }
  1755. .am-modal-btn,
  1756. .am-modal-btn:hover,
  1757. .am-modal-btn:active,
  1758. .am-modal-btn:focus,
  1759. a.am-modal-btn:visited {
  1760.     border-color: #fff;
  1761.     background-color: #000;
  1762.     border-radius: 50px !important;
  1763. }
  1764. .text[data-v-6b0e15fa] {
  1765.     box-sizing: border-box;
  1766.     margin-top: .2em;
  1767.     margin-bottom: .2em;
  1768.     flex: 1;
  1769.     border-radius: 3px;
  1770.     border: 1px solid #ccc;
  1771.     text-overflow: ellipsis;
  1772.     white-space: nowrap;
  1773.     background: #fff;
  1774.     border-radius: 50px !important;
  1775. }
  1776. .dropdown-wrap[data-v-6b0e15fa] {
  1777.     position: absolute;
  1778.     margin-top: 2em;
  1779.     max-height: 0;
  1780.     width: 100%;
  1781.     color: #333;
  1782.     overflow-y: auto;
  1783.     background: #fff;
  1784.     border-radius: 2px;
  1785.     border: solid 1px #eee;
  1786.     box-shadow: 0 0 1em 0.1em rgb(0 0 0 15%);
  1787.     transition: all .15s ease-out;
  1788.     opacity: 0;
  1789.     z-index: 9;
  1790.     border-radius: 15px !important;
  1791. }
  1792. .frame[data-v-a7f7c968] {
  1793.     box-sizing: border-box;
  1794.     border-radius: 20px;
  1795.     border: 0px solid #bfbfbf;
  1796.     background: #fff;
  1797. }
  1798. .refined-input[data-v-a7f7c968] {
  1799.     display: flex;
  1800.     align-items: baseline;
  1801.     border-top-right-radius: 50px !important;
  1802.     border-bottom-right-radius: 50px !important;
  1803.     border-radius: 50px;
  1804. }
  1805. .am-form-field,
  1806. .input-group > .input-wrap > input,
  1807. .input-wrap > input {
  1808.     transition: box-shadow .15s ease;
  1809.     border: none !important;
  1810.     border-radius: 50px !important;
  1811.     box-shadow: 0 1px 3px rgb(50 50 93 15%), 0 1px 0 rgb(0 0 0 2%);
  1812.     min-height: 25px !important;
  1813. }
  1814. .clone-card[data-v-42c20b13] {
  1815.     background: #fff;
  1816.     box-shadow: 0 1px 3px rgb(26 26 26 30%);
  1817.     padding: .6em .8em;
  1818.     width: max-content;
  1819.     min-width: 150px;
  1820.     font-size: 1rem;
  1821.     border-radius: 15px !important;
  1822.     color: #333;
  1823. }
  1824. .selected .tag[data-v-f5f672d2] {
  1825.     background: #fff;
  1826.     border: 0px solid #ff0000;
  1827.     border-radius: 50px;
  1828.     padding: 0.2em;
  1829.     font-size: 0.8em;
  1830.     display: inline-block;
  1831.     margin-left: 10px;
  1832. }
  1833. .inner-card[data-v-29a65e17] {
  1834.     background-color: #fafafa;
  1835.     border: 1px solid #e8e8e8;
  1836.     padding: 0.375em 0.75em;
  1837.     display: flex;
  1838.     justify-content: space-between;
  1839.     align-items: center;
  1840.     border-radius: 50px;
  1841. }
  1842. .inner-card[data-v-7cdb640e] {
  1843.     background-color: #fafafa;
  1844.     border: 1px solid #e8e8e8;
  1845.     padding: 0.375em 0.75em;
  1846.     display: flex;
  1847.     justify-content: space-between;
  1848.     align-items: center;
  1849.     border-radius: 50px;
  1850. }
  1851. .inner-card[data-v-62e64f9a] {
  1852.     background-color: #fafafa;
  1853.     border: 0.5px solid #e8e8e8;
  1854.     padding: 0.375em 0.75em;
  1855.     display: flex;
  1856.     margin: 6px .5em;
  1857.     justify-content: space-between;
  1858.     align-items: center;
  1859.     border-radius: 50px;
  1860. }
  1861. .inner-card[data-v-78fafe5c] {
  1862.     background-color: #fafafa;
  1863.     border: 0.5px solid #e8e8e8;
  1864.     padding: 0.375em 0.75em;
  1865.     display: flex;
  1866.     justify-content: space-between;
  1867.     align-items: flex-end;
  1868.     border-radius: 50px;
  1869. }
  1870. .inner-card[data-v-4b8033a4] {
  1871.     background-color: #fafafa;
  1872.     border: 0.5px solid #e8e8e8;
  1873.     padding: 0.375em 0.75em;
  1874.     display: flex;
  1875.     justify-content: space-between;
  1876.     align-items: center;
  1877.     border-radius: 50px;
  1878. }
  1879. .row[data-v-325cf452] {
  1880.     height: 34px;
  1881.     padding: 0.25em 0.5em;
  1882.     border: solid #ffffff00;
  1883.     border-width: 1px 1px 0 1px;
  1884.     display: flex;
  1885.     justify-content: space-between;
  1886.     align-items: center;
  1887. }
  1888. pre[data-v-52f2d52f] {
  1889.     margin: .5em 0;
  1890.     padding: .3em .5em;
  1891.     border: #ddd solid 1px;
  1892.     background: #f8f8f8;
  1893.     border-radius: 20px;
  1894.     overflow: auto;
  1895.     font-size: .875em;
  1896.     font-family: monospace;
  1897. }
  1898. button.selected[data-v-66021821] {
  1899.     background: #000dfa;
  1900.     border-color: var(--lfe-color--primary, #3498db);
  1901.     cursor: default;
  1902.     color: #fff;
  1903. }
  1904. .image-block *[data-v-6b8e1cb0] {
  1905.     user-select: none;
  1906.     border-radius: 20px;
  1907. }
  1908. .image-block[data-v-6b8e1cb0] {
  1909.     display: inline-block;
  1910.     position: relative;
  1911.     background: #fafafa;
  1912.     border: 1px solid #e8e8e8;
  1913.     margin: 12px;
  1914.     border-radius: 20px;
  1915. }
  1916. .drop[data-v-688958d9] {
  1917.     display: flex;
  1918.     align-items: center;
  1919.     flex-direction: column;
  1920.     justify-content: center;
  1921.     align-self: center;
  1922.     flex-grow: 0 !important;
  1923.     width: 9em;
  1924.     height: 8.75em;
  1925.     user-select: none;
  1926.     cursor: pointer;
  1927.     margin: 1em;
  1928.     margin-left: 0;
  1929.     background: #fafafa;
  1930.     border: 1px solid #e8e8e8;
  1931.     box-sizing: border-box;
  1932.     border-radius: 30px;
  1933. }
  1934. .swal2-popup {
  1935.     display: none;
  1936.     position: relative;
  1937.     flex-direction: column;
  1938.     justify-content: center;
  1939.     width: 32em;
  1940.     max-width: 100%;
  1941.     padding: 1.25em;
  1942.     border-radius: 5em;
  1943.     background: #fff;
  1944.     font-family: inherit;
  1945.     font-size: 1rem;
  1946.     box-sizing: border-box;
  1947. }
  1948.  
  1949. .input-group[data-v-72107c51] > :not(:first-child),
  1950. .input-group[data-v-72107c51] > :not(:first-child) input {
  1951.     border-radius: 9999px !important;
  1952.     border-top-right-radius: 9999px !important;
  1953.     border-bottom-right-radius: 9999px !important;
  1954. }
  1955. .text[data-v-087e057c] {
  1956.     box-sizing: border-box;
  1957.     margin-top: .2em;
  1958.     margin-bottom: .2em;
  1959.     flex: 1;
  1960.     border-radius: 99px;
  1961.     border: 1px solid #ccc;
  1962.     text-overflow: ellipsis;
  1963.     white-space: nowrap;
  1964.     background: #fff;
  1965.     padding-right: 1.5em;
  1966. }
  1967. .candidate-wrapper[data-v-f5f672d2] {
  1968.     position: absolute;
  1969.     right: 0;
  1970.     top: 32px;
  1971.     background: #fff;
  1972.     box-shadow: 0 1px 3px rgb(0 0 0 16%);
  1973.     width: 100%;
  1974.     z-index: 10;
  1975.     border-radius: 20px !important;
  1976. }
  1977. li {
  1978.     display: list-item;
  1979.     text-align: -webkit-match-parent;
  1980.     border-radius: 20px !important;
  1981. }
  1982. .marked[data-v-5a58a989] code,
  1983. .marked[data-v-5a58a989] pre {
  1984.     font-family: monospace;
  1985.     font-size: .875em;
  1986.     background-color: #fafafa;
  1987.     border: 1px solid #e8e8e8;
  1988.     border-radius: 15px;
  1989. }
  1990. .clone-card[data-v-19949a64] {
  1991.     background: #fff;
  1992.     box-shadow: 0 1px 3px rgb(26 26 26 30%);
  1993.     padding: .6em .8em;
  1994.     width: max-content;
  1995.     min-width: 150px;
  1996.     font-size: .875rem;
  1997.     color: #333;
  1998.     border-radius: 10px;
  1999. }
  2000. .dropdown[data-v-087e057c] {
  2001.     color: #333;
  2002.     position: fixed;
  2003.     background: #fff;
  2004.     border-radius: 15px;
  2005.     border: solid 1px #eee;
  2006.     box-shadow: 0 0 1em 0.1em rgb(0 0 0 15%);
  2007.     z-index: 100000;
  2008.     transition: all .15s ease-out;
  2009.     overflow-y: auto;
  2010. }
  2011. .tag[data-v-5d98bc80] {
  2012.     background: #e8e8e8;
  2013.     border-radius: 99px;
  2014.     padding: 1px .6em;
  2015.     font-size: 0.876em;
  2016.     display: inline-block;
  2017.     color: #fff;
  2018.     margin-right: 5px;
  2019. }
  2020. span.lfe-caption.tag {
  2021.     background-color: #fff;
  2022. }
  2023. .tag[data-v-4bc82191] {
  2024.     cursor: pointer;
  2025.     background-color: #fff;
  2026. }
  2027. .candidates[data-v-d09bbffc] {
  2028.     position: fixed;
  2029.     background: #fff;
  2030.     box-shadow: 0 1px 3px rgb(0 0 0 16%);
  2031.     z-index: 100000;
  2032.     border-radius: 20px;
  2033. }
  2034. .candidates > ul[data-v-d09bbffc] {
  2035.     padding: 0;
  2036.     margin: 0;
  2037.     max-height: 10em;
  2038.     list-style: none;
  2039.     overflow: auto;
  2040.     outline: none;
  2041.     border-radius: 20px;
  2042. }
  2043. #exlg-dash {
  2044.     position: relative;
  2045.     display: inline-block;
  2046.     padding: 1px 10px 3px;
  2047.     background: linear-gradient(50deg, #00dbff 0%, #007cff 40%, #0087ff 70%);
  2048.     color: #fff;
  2049.     border-radius: 99px;
  2050.     font-weight: bolder;
  2051.     box-shadow: 0 0 0px #1e90ff00;
  2052. }
  2053. .exlg-copy {
  2054.     position: relative;
  2055.     display: inline-block;
  2056.     padding: 1px 5px 1px;
  2057.     background-color: #07f;
  2058.  
  2059.     color: white;
  2060.     border-radius: 99px;
  2061.     font-size: 12px;
  2062.     float: right;
  2063.     vertical-align: baseline;
  2064. }
  2065. #exlg-dash-window {
  2066.     position: absolute;
  2067.     top: 35px;
  2068.     left: 0px;
  2069.     z-index: 65536;
  2070.     display: none;
  2071.     overflow-y: scroll;
  2072.     width: 250px;
  2073.     height: 300px;
  2074.     padding: 5px;
  2075.     background: white;
  2076.     color: black;
  2077.     border-radius: 7px;
  2078.     box-shadow: rgb(0, 0, 0) 0px 0px 0px;
  2079. }
  2080. .header-link[data-v-46cb0950] {
  2081.     vertical-align: middle;
  2082.     margin-right: 2em;
  2083.     color: #fff;
  2084. }
  2085. .icon-btn[data-v-1bdb8ce2] {
  2086.     margin-left: .7em;
  2087.     color: #fff;
  2088. }
  2089. div[data-v-034eb354] {
  2090.     display: inline-block;
  2091.     color: #fff;
  2092. }
  2093. .float-bottom[data-v-24f898d2] {
  2094.     padding: 0.5em 1em;
  2095.     position: fixed;
  2096.     bottom: 0;
  2097.     width: calc(100% - 122px);
  2098.     max-width: 1168px;
  2099.     margin-left: -21px;
  2100.     box-shadow: 0 2px 4px rgb(0 0 0 15%), inset 0 0 1px rgb(0 0 0 50%);
  2101.     background-color: #ffffffe6;
  2102.     z-index: 99;
  2103.     border-radius: 15px;
  2104. }
  2105. .user-header-top[data-v-4e1a17e0] {
  2106.     position: relative;
  2107.     height: 240px;
  2108.     background-size: cover;
  2109.     background-position: center;
  2110.     border-top-right-radius: 17px;
  2111.     border-top-left-radius: 17px;
  2112. }
  2113. button[data-v-42c20b13] {
  2114.     margin-right: .5em;
  2115.     background: linear-gradient(30deg, #7b00ff 0%, #2b00ff 40%, #3b007f 70%) !important;
  2116. }
  2117. .button-in-anchor[data-v-42c20b13] {
  2118.     vertical-align: baseline;
  2119.     border-radius: 99rem !important;
  2120.     background: linear-gradient(30deg, #0091ff 0%, #005eff 20%, #00d5ff 84%) !important;
  2121. }
  2122. button[type='submit'] {
  2123.     outline: none !important;
  2124.     border: none !important;
  2125.     box-shadow: 0 4px 6px rgb(50 50 93 11%), 0 1px 3px rgb(0 0 0 8%);
  2126.     transition: all .15s ease;
  2127.     margin-bottom: 6px;
  2128.     padding: 8px 18px;
  2129.     background: linear-gradient(30deg, #190028 0%, #0205c4 20%, #5600ff 84%) !important;
  2130. }
  2131. .items > li > .entry.selected[data-v-7092f3a4] {
  2132.     cursor: default;
  2133.     color: #09f;
  2134.     background-color: transparent;
  2135. }
  2136. .copy-btn[data-v-3b842bd2] {
  2137.     font-size: .8em;
  2138.     padding: 0 5px;
  2139.     height: 18px !important;
  2140.     border-radius: 9px !important;
  2141. }
  2142. .am-badge.lg-bg-green {
  2143.     animation-name: example;
  2144.     animation-direction: normal;
  2145.     animation-duration: 0.35s;
  2146.     animation-iteration-count: infinite;
  2147.     color: #fff;
  2148. }
  2149. rect.highcharts-point.highcharts-color-1 {
  2150.     border-top-left-radius: 99px!important;
  2151.     background: linear-gradient(70deg, #f00 0%, #ffa600 15%, #fbff00 30%, #00ff2e 45%, #0fe 60%, #0003ff 75%, #b600ff 90%);
  2152.     fill: #0df;
  2153.     stroke: #00ffe1;
  2154.     stroke-width: 2;
  2155. }
  2156. path.highcharts-area {
  2157.     color: white;
  2158.     background: white;
  2159.     fill: #00efff00;
  2160. }
  2161. path.highcharts-point.highcharts-color-0 {
  2162.     fill: #00e3ff;
  2163. }
  2164. .am-comment-bd {
  2165.     background: #ffffff;
  2166.     font-size: 14px;
  2167.     border-bottom-right-radius: 19px;
  2168.     border-bottom-left-radius: 19px;
  2169. }
  2170. .am-comment-hd {
  2171.     border-bottom: none;
  2172.     border-top-right-radius: 19px;
  2173.     border-top-left-radius: 19px;
  2174. }
  2175. .mp-editor-toolbar[data-v-6d5597b1] {
  2176.     float: left;
  2177.     width: 100%;
  2178.     height: 40px;
  2179.     box-sizing: border-box;
  2180.     background-color: #fff;
  2181.     border-top-left-radius: 18px;
  2182.     border-top-right-radius: 18px;
  2183. }
  2184. .mp-editor-ground[data-v-6d5597b1] {
  2185.     position: absolute;
  2186.     width: 100%;
  2187.     top: 40px;
  2188.     bottom: 0;
  2189.     overflow: hidden;
  2190.     border-top: 1px solid #ddd;
  2191.     border-bottom-left-radius: 18px;
  2192.     border-bottom-right-radius: 18px;
  2193. }
  2194. .mp-editor-container[data-v-6d5597b1] {
  2195.     position: relative;
  2196.     height: 100%;
  2197.     border: 1px solid #00ccfe;
  2198.     border-radius: 18px;
  2199. }
  2200. .CodeMirror-gutter {
  2201.     white-space: normal;
  2202.     height: 100%;
  2203.     display: inline-block;
  2204.     vertical-align: top;
  2205.     margin-bottom: -30px;
  2206.     background: linear-gradient(30deg, #fff 15%, #888 70%, #000 94%) !important;
  2207. }
  2208. .CodeMirror-linenumber {
  2209.     padding: 0 3px 0 5px;
  2210.     min-width: 20px;
  2211.     text-align: right;
  2212.     color: #fff;
  2213.     white-space: nowrap;
  2214. }
  2215. .login > span[data-v-1bdb8ce2] {
  2216.     font-size: .8em;
  2217.     margin-left: .5em;
  2218.     color: white;
  2219. }
  2220. #app > .lfe-body > div:first-of-type {
  2221.     background-color: #fff0 !important;
  2222.     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;
  2223.     background-repeat: no-repeat;
  2224.     background-size: cover;
  2225.     background-position: center;
  2226.     border-radius: 50px;
  2227.     background-attachment: revert;
  2228. }
  2229. /*洛谷广告*/
  2230. /*
  2231. div img[data-v-0a593618] {
  2232.     width: 0%;
  2233.     
  2234. }
  2235. */
  2236.  
  2237. div img[data-v-0a593618],
  2238. #mhls > img{
  2239.     transition: all .15s ease;
  2240.     box-shadow: 0 5px 15px rgba(50, 50, 93, .1), 0 5px 8px rgba(0, 0, 0, .07)!important;
  2241.     word-wrap: break-word;
  2242.     border-radius: .99rem;
  2243.     background-color: #fcfcfc !important;
  2244.     overflow: visible !important;
  2245. }
  2246.  
  2247. div img[data-v-0a593618],
  2248. #mhls > img:hover {
  2249.     box-shadow: 0 10px 30px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07)!important;
  2250. }
  2251.     
  2252.     
  2253. /*洛谷广告*/
  2254. div > span[data-v-0a593618] {
  2255.     position: absolute;
  2256.     left: .75rem;
  2257.     bottom: .75rem;
  2258.     font-size: .875rem;
  2259.     color: rgba(255, 255, 255, 0);
  2260.     pointer-events: none;
  2261. }
  2262. .exlg-rand-settings {
  2263.     position: relative;
  2264.     display: inline-block;
  2265.     padding: 1.5px 9px 1px 9px;
  2266.     background: linear-gradient(30deg, #0046ff 0, #4e00ff 30%, #5a00ff 60%);
  2267.     border: 0px solid #6495ED;
  2268.     color: #fff;
  2269.     border-radius: 99px;
  2270.     font-size: 13px;
  2271.     position: relative;
  2272.     top: -2px;
  2273.     height: 23px;
  2274.     min-width: 53px;
  2275.     font-weight: bold;
  2276. }
  2277. .exlg-rand-settings:hover {
  2278.     box-shadow: 0 0 0px dodgerblue;
  2279. }
  2280. .exlg-window {
  2281.     position: absolute;
  2282.     top: 150px;
  2283.     left: 100px;
  2284.     z-index: 65536;
  2285.     display: none;
  2286.     width: 255px;
  2287.     height: 300px;
  2288.     padding: 5px;
  2289.     background: #fff;
  2290.     color: black;
  2291.     border-radius: 25px;
  2292.     border: 1px solid black;
  2293.     box-shadow: rgb(187 227 255) 0px 0px 0px;
  2294.     animation-name: exlg1;
  2295.     animation-duration: 0.7s;
  2296.     animation-timing-function: ease-out;
  2297.     animation-fill-mode: forwards;
  2298. }
  2299. .exlg-rand-settings.selected {
  2300.     padding: 1.5px 3px 1px 9px;
  2301.     background: linear-gradient(60deg, #00ffbf 10%, #00f2ff 20%);
  2302.     border: 0px solid #6495ED;
  2303.     color: #fff;
  2304.     width: 70px;
  2305.     font-weight: bold;
  2306. }
  2307. .exlg-smallbtn {
  2308.     position: relative;
  2309.     display: inline-block;
  2310.     padding: 1px 5px 1px;
  2311.     color: white;
  2312.     border-radius: 99px;
  2313.     font-size: 12px;
  2314.     margin-left: 1px;
  2315.     margin-right: 1px;
  2316. }
  2317. .am-btn-warning,
  2318. .am-btn-warning:hover,
  2319. .am-btn-warning:active,
  2320. .am-btn-warning:focus,
  2321. a.am-btn-warning:visited {
  2322.     background-color: #fb6340;
  2323.     border-radius: 99px;
  2324. }
  2325. .popup[data-v-1d675dd8] {
  2326.     margin-left: unset;
  2327.     padding: .3em;
  2328.     width: 10em;
  2329.     background: #fff;
  2330.     background-color: rgb(255, 255, 255);
  2331.     background-clip: border-box;
  2332.     border-radius: 15px !important;
  2333.     border: 0px solid rgba(0, 0, 0, .2);
  2334.     color: #333;
  2335.     user-select: none;
  2336.     animation-duration: 0.7s;
  2337.     animation-timing-function: ease-out;
  2338.     animation-fill-mode: forwards;
  2339. }
  2340. .apps a[data-v-1d675dd8] {
  2341.     display: block;
  2342.     padding: .3em;
  2343.     color: #333;
  2344.     border-radius: 99px;
  2345. }
  2346. }
  2347.  
  2348.  
  2349. @-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).)*$") {
  2350. /*此区域用来应用一些自定义设置*/
  2351. /*--------------------卡片透明度*/
  2352. .lg-article,
  2353. .lg-summary,
  2354. .lg-article-sub,
  2355. .lg-content-table-left,
  2356. .card {
  2357.     background: rgba(252, 252, 252, .6) !important;
  2358. }
  2359. /*--------------------禁用Rated动画*/
  2360. .am-badge.lg-bg-green {
  2361.     animation-name: none;
  2362.     background: linear-gradient(60deg, #0ff 0%, #07f 14%, #70f 28%, #f00 42%, #f70 56%, #ff0 70%, #4f0 84%);
  2363.     color:#fff;
  2364. }
  2365. /*--------------------背景图片，默认是颜色编码*/
  2366. html > body {
  2367.     background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
  2368.     background-repeat: no-repeat;
  2369.     background-size: cover;
  2370.     background-position: center;
  2371.     background-attachment: fixed;
  2372. }
  2373. /*-------------------主题*/
  2374. /*顶栏和侧栏自定义颜色/透明效果*/
  2375. #app > .main-container > header {
  2376.     background: linear-gradient(87deg, #9ce7ff 0, #cbf3ff 100%) !important;
  2377. }
  2378. body #app > .lfe-body > a,
  2379. body #app > .lfe-body > .popup-button {
  2380.     color: #fafafa !important;
  2381. }
  2382. body #app > .lfe-body > div:first-of-type,
  2383. ::-webkit-scrollbar-thumb:hover {
  2384.     background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
  2385.     background-repeat: no-repeat;
  2386.     background-size: cover;
  2387.     background-position: center;
  2388.     background-attachment: revert;
  2389. }
  2390. /*--------------------侧栏颜色*/
  2391. #app > .lfe-body {
  2392.     background: linear-gradient(30deg, #03c8f0 15%, #1eddff 30%, #0000ff 94%) !important;
  2393.     border-radius: 50px;
  2394.     height: 400px;
  2395.     left: 10px;
  2396.     top: 10%;
  2397.     /*横向侧栏（beta）*/
  2398.     /*-webkit-transform:rotate(-90deg);*/
  2399. }
  2400.  
  2401. #app > .lfe-body > a,
  2402. .popup-button > i {
  2403.     color: #fafafa !important;
  2404. }
  2405.     
  2406. /*侧栏方向
  2407. .color-none {
  2408.     -webkit-transform:rotate(90deg);
  2409. }*/
  2410.  
  2411. /*--------------------禁用顶栏标题动画*/
  2412. /*下面是禁用顶栏标题动画CSS
  2413. .main-container > header > .header > h1{
  2414.     animation:none !important;
  2415. }
  2416. */
  2417. }
  2418.  
  2419.  
  2420.  
  2421. @-moz-document regexp("^((?!blog).)*https://class.luogu.com.cn((?!blog).)*$"), regexp("^((?!blog).)*http://class.luogu.com.cn((?!blog).)*$") {
  2422. /*此区域用来应用一些自定义设置*/
  2423. /*--------------------卡片透明度*/
  2424. .lg-article,
  2425. .lg-summary,
  2426. .lg-article-sub,
  2427. .lg-content-table-left,
  2428. .card,
  2429. .exlg-window{
  2430.     background: rgba(252, 252, 252, .6) !important;
  2431. }
  2432. /*--------------------禁用Rated动画*/
  2433. .am-badge.lg-bg-green {
  2434.     animation-name: none;
  2435.     background: linear-gradient(60deg, #0ff 0%, #07f 14%, #70f 28%, #f00 42%, #f70 56%, #ff0 70%, #4f0 84%);
  2436.     color:#fff;
  2437. }
  2438. /*--------------------背景图片，默认是颜色编码*/
  2439. html > body {
  2440.     background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
  2441.     background-repeat: no-repeat;
  2442.     background-size: cover;
  2443.     background-position: center;
  2444.     background-attachment: fixed;
  2445. }
  2446. /*-------------------主题*/
  2447. /*顶栏和侧栏自定义颜色/透明效果*/
  2448. #app > .main-container > header {
  2449.     background: linear-gradient(87deg, #9ce7ff 0, #cbf3ff 100%) !important;
  2450. }
  2451. body #app > .lfe-body > a,
  2452. body #app > .lfe-body > .popup-button {
  2453.     color: #fafafa !important;
  2454. }
  2455. body #app > .lfe-body > div:first-of-type,
  2456. ::-webkit-scrollbar-thumb:hover {
  2457.     background-image: url(https://z3.ax1x.com/2021/10/19/5w73SU.png);
  2458.     background-repeat: no-repeat;
  2459.     background-size: cover;
  2460.     background-position: center;
  2461.     background-attachment: revert;
  2462. }
  2463. /*--------------------侧栏颜色*/
  2464. #app > .lfe-body {
  2465.     background: linear-gradient(30deg, #03c8f0 15%, #1eddff 30%, #0000ff 94%) !important;
  2466.     border-radius: 50px;
  2467.     height: 200px;
  2468.     left: 10px;
  2469.     top: 10%;
  2470.     /*横向侧栏（beta）*/
  2471.     /*-webkit-transform:rotate(-90deg);*/
  2472. }
  2473.  
  2474. #app > .lfe-body > a,
  2475. .popup-button > i {
  2476.     color: #fafafa !important;
  2477. }
  2478.     
  2479. /*侧栏方向
  2480. .color-none {
  2481.     -webkit-transform:rotate(90deg);
  2482. }*/
  2483.  
  2484. /*--------------------禁用顶栏标题动画*/
  2485. /*下面是禁用顶栏标题动画CSS
  2486. .main-container > header > .header > h1{
  2487.     animation:none !important;
  2488. }
  2489. */
  2490. }
  2491.  
  2492.  
  2493.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址