☰

氩洛谷改版

添加了对于专栏和讨论区的更改

以使用者樣式安裝?
作者推薦腳本

您可能也會喜歡 洛谷隐藏广告

以使用者樣式安裝 
  1. /* ==UserStyle==
  2. @name         氩洛谷改版
  3. @namespace    volatile
  4. @author       volatile
  5. @description  添加了对于专栏和讨论区的更改
  6. @version      1.2
  7. @license      MIT
  8. @preprocessor uso
  9. @advanced dropdown backgroundImg "背景图片 (*永远不要*在此上传图片，会引起错乱，请使用图床)(设置背景图片后建议设为透明主题)" {
  10.     backgroundImgNone "不使用*" <<<EOT data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTUwOTcwNDY1MzQ4IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMzUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9IiIgcC1pZD0iMTEzNiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg== EOT;
  11.  
  12. 	backgroundImg-custom-dropdown "Custom" <<<EOT /*[[backgroundImg-custom]]*\/ EOT;
  13. }
  14. @advanced text backgroundImg-custom "背景图片 (*永远不要*在此上传图片，会引起错乱，请使用图床)(设置背景图片后建议设为透明主题) (Custom)" "https://example.com/image.png"
  15. @advanced dropdown themeCSSCode "主题 (预设主题预览:abc233.site/argonpreview)(建议在设置背景后选择透明主题)(部分渐变来自uigradients.com)" {
  16.     Theme1 "渐变 - 默认 - Argon*" <<<EOT  EOT;
  17.     ThemeVijos "Vijos" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  18.     background: linear-gradient(90deg, rgb(91, 165, 197), rgb(207, 148, 197)) !important;
  19. }
  20. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  21.     color: #5ba5c5 !important;
  22. }
  23. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  24.     background-color: #5ba5c5 !important;
  25. }
  26. #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer {
  27.     background-image: url(https://i.loli.net/2019/08/01/5d42d1bb1b30749952.png), linear-gradient(90deg, rgb(91, 165, 197), rgb(207, 148, 197)) !important;
  28.     background-size: cover !important;
  29. }
  30. a {
  31.     transition: all .15s;
  32.     color: #5ba5c5;
  33. }
  34. #app > .lfe-body > .popup-button ,.card .color-default{
  35.     color: #5ba5c5 !important;
  36. }
  37. .am-btn-primary, .am-btn-primary:hover, .am-btn-primary:active, .am-btn-primary:focus, a.am-btn-primary:visited {
  38.     background-color: #5ba5c5;
  39. }
  40. .am-progress-bar-secondary, .am-progress-bar, .progress-frame > div {
  41.     background-color: #5ba5c5 !important;
  42. } EOT;
  43.     Theme2 "渐变 - 恒星 (靛蓝-深天蓝)" <<<EOT #app > .main-container > .header-layout, .main-container > .lfe-body:last-child > .footer{
  44.     background: linear-gradient(87deg,#7474bf 0, #348ac7 100%) !important;
  45. }
  46. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button{
  47.     color: #7474bf !important;
  48. }
  49. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  50.     background-color: #7474bf !important;
  51. } EOT;
  52.     Theme3 "渐变 - 午夜 (浅黑-深灰)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  53.     background: linear-gradient(87deg,#414345 0, #232526 100%) !important;
  54. }
  55. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  56.     color: #414345 !important;
  57. }
  58. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  59.     background-color: #414345 !important;
  60. } EOT;
  61.     Theme4 "渐变 - 湖水 (墨绿-浅绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  62.     background: linear-gradient(87deg,#134E5E 0, #71B280 100%) !important;
  63. }
  64. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  65.     color: #134E5E !important;
  66. }
  67. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  68.     background-color: #134E5E !important;
  69. } EOT;
  70.     Theme5 "渐变 - 夕阳 (浅橙-深橙)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  71.     background: linear-gradient(255deg,#FFC837 0,#FF8008 100%) !important;
  72. }
  73. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  74.     color: #FF8008 !important;
  75. }
  76. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  77.     background-color: #FF8008 !important;
  78. } EOT;
  79.     Theme6 "渐变 - 森林 (草绿-浅绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  80.     background: linear-gradient(87deg,#1D976C 0, #93F9B9 100%) !important;
  81. }
  82. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  83.     color: #1D976C !important;
  84. }
  85. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  86.     background-color: #1D976C !important;
  87. } EOT;
  88.     Theme7 "渐变 - 樱桃 (桃红-橙红)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  89.     background: linear-gradient(87deg,#EB3349 0, #F45C43 100%) !important;
  90. }
  91. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  92.     color: #EB3349 !important;
  93. }
  94. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  95.     background-color: #EB3349 !important;
  96. } EOT;
  97.     Theme8 "渐变 - 粉红 (深粉-浅粉)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  98.     background: linear-gradient(87deg,#DD5E89 0, #F7BB97 100%) !important;
  99. }
  100. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  101.     color: #DD5E89 !important;
  102. }
  103. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  104.     background-color: #DD5E89 !important;
  105. } EOT;
  106.     Theme9 "渐变 - 水鸭 (青色-浅青)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  107.     background: linear-gradient(87deg,#4CB8C4 0, #3CD3AD 100%) !important;
  108. }
  109. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  110.     color: #4CB8C4 !important;
  111. }
  112. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  113.     background-color: #4CB8C4 !important;
  114. } EOT;
  115.     Theme10 "渐变 - 茄子 (深紫-紫红)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  116.     background: linear-gradient(87deg,#61045F 0, #AA076B 100%) !important;
  117. }
  118. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  119.     color: #61045F !important;
  120. }
  121. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  122.     background-color: #61045F !important;
  123. } EOT;
  124.     Theme11 "渐变 - 沙漠 (黑紫-浅黄)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  125.     background: linear-gradient(87deg,#403B4A 0, #E7E9BB 100%) !important;
  126. }
  127. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  128.     color: #403B4A !important;
  129. }
  130. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  131.     background-color: #403B4A !important;
  132. } EOT;
  133.     Theme12 "渐变 - 绿水 (深水绿-浅水绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  134.     background: linear-gradient(87deg,#02AAB0 0, #00CDAC 100%) !important;
  135. }
  136. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  137.     color: #02AAB0 !important;
  138. }
  139. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  140.     background-color: #02AAB0 !important;
  141. } EOT;
  142.     Theme13 "渐变 - 深海 (深蓝灰-蓝灰)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  143.     background: linear-gradient(87deg,#2c3e50 0, #4ca1af 100%) !important;
  144. }
  145. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  146.     color: #2c3e50 !important;
  147. }
  148. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  149.     background-color: #2c3e50 !important;
  150. } EOT;
  151.     Theme14 "渐变 - 蓝天 (深天蓝-浅天蓝)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  152.     background: linear-gradient(87deg,#0083b0 0, #00b4db 100%) !important;
  153. }
  154. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  155.     color: #0083b0 !important;
  156. }
  157. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  158.     background-color: #0083b0 !important;
  159. } EOT;
  160.     ThemeExtra1 "渐变 - 氢 (浅紫-蓝-浅绿)" <<<EOT #app > .main-container > .header-layout, body .main-container > .lfe-body:last-child > .footer{
  161.     background: linear-gradient(87deg, #7F7FD5 0, #86A8E7 50%, #91EAE4 100%) !important;
  162. }
  163. body #app > .lfe-body > a , body #app-sidenav > .popup-button{
  164.     color: #7F7FD5 !important;
  165. }
  166. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  167.     background-color: #7F7FD5 !important;
  168. } EOT;
  169.     Theme15 "透明 - 黑色 - 20%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  170.     background: rgba(0,0,0,.2) !important;
  171. }
  172. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  173.     color: #fff !important;
  174. }
  175. body #app > .lfe-body > div:first-of-type{
  176.     background-color: transparent !important;
  177. } EOT;
  178.     Theme16 "透明 - 黑色 - 40%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > 
  179.  .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  180.     background: rgba(0,0,0,.4) !important;
  181. }
  182. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > header .link * , .header-layout.tiny .link-container a span {
  183.     color: #fff !important;
  184. }
  185. body #app > .lfe-body > div:first-of-type{
  186.     background-color: transparent !important;
  187. } EOT;
  188.     Theme17 "透明 - 黑色 - 60%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  189.     background: rgba(0,0,0,.6) !important;
  190. }
  191. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  192.     color: #fff !important;
  193. }
  194. body #app > .lfe-body > div:first-of-type{
  195.     background-color: transparent !important;
  196. } EOT;
  197.     Theme18 "透明 - 黑色 - 80%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  198.     background: rgba(0,0,0,.8) !important;
  199. }
  200. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  201.     color: #fff !important;
  202. }
  203. body #app > .lfe-body > div:first-of-type{
  204.     background-color: transparent !important;
  205. } EOT;
  206.     Theme19 "透明 - 白色 - 10%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  207.     background: rgba(255,255,255,.1) !important;
  208. }
  209. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  210.     color: #fff !important;
  211. }
  212. body #app > .lfe-body > div:first-of-type{
  213.     background-color: transparent !important;
  214. } EOT;
  215.     Theme20 "透明 - 白色 - 15%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  216.     background: rgba(255,255,255,.15) !important;
  217. }
  218. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  219.     color: #fff !important;
  220. }
  221. body #app > .lfe-body > div:first-of-type{
  222.     background-color: transparent !important;
  223. } EOT;
  224.     Theme21 "透明 - 白色 - 20%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  225.     background: rgba(255,255,255,.2) !important;
  226. }
  227. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  228.     color: #fff !important;
  229. }
  230. body #app > .lfe-body > div:first-of-type{
  231.     background-color: transparent !important;
  232. } EOT;
  233.     Theme22 "透明 - 白色 - 40%不透明度" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  234.     background: rgba(255,255,255,.4) !important;
  235. }
  236. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  237.     color: #fff !important;
  238. }
  239. body #app > .lfe-body > div:first-of-type{
  240.     background-color: transparent !important;
  241. } EOT;
  242.     Theme23 "透明 - 全透明" <<<EOT #app > .main-container > .header-layout, body #app > .lfe-body, body .main-container > .lfe-body:last-child > .footer , html > body > #app > .main-container > .header-layout , html #app > .main-container > .header-layout.tiny{
  243.     background: transparent !important;
  244.     box-shadow: none !important;
  245. }
  246. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button , html > body > #app > .main-container > .header-layout a.icon-btn i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout a.icon i, html > body > #app > .main-container > .header-layout .link * , .header-layout.tiny .link-container a span {
  247.     color: #fff !important;
  248. }
  249. body #app > .lfe-body > div:first-of-type{
  250.     background-color: transparent !important;
  251. } EOT;
  252.  
  253. }
  254. @advanced dropdown nightModeCSS "夜间模式 (暂未适配新洛谷）" {
  255.     nightModeOff "关闭*" <<<EOT  EOT;
  256.     nightModeOn "开启" <<<EOT .lg-article , .lg-summary , .lg-article-sub , .lg-content-table-left , html > body:first-of-type #app-sidenav{
  257.     background:#424242 !important;
  258.     color:#eee !important;
  259. }
  260. #app-sidenav * {
  261.     color: #eee !important;
  262. }
  263. html > body:first-of-type #app-sidenav div:first-of-type {
  264.     background: #353535 !important;
  265. }
  266. .popup , #app-header .content nav a[href^="/space/show"]+div.center , #app-header .content nav a[href^="/space/show"]+div.center *{
  267.     background:#424242 !important;
  268.     color: #eee !important;
  269. }
  270. .am-panel,.feed-selector>a,.am-nav-tabs li>a,.am-comment-bd,.lg-sub-article,code,.am-alert,#lg-tag-result,#lg-tag-select{
  271.     background:#454545 !important;
  272.     color:#eee !important;
  273. }
  274. .am-comment-hd{
  275.     background:#404040 !important;
  276. }
  277. textarea,input{
  278.     background:#666666 !important;
  279.     color:#eee !important;
  280. }
  281. html > body:first-of-type > #app-header , html > body:first-of-type > #app-header .content > header{
  282.     background:#212121 !important;
  283.     color:#eee !important;
  284. }
  285. #app-header h1:before{
  286.     content: "";
  287.     box-shadow: inset -15px 0 30px #212121;
  288. }
  289. body,html,html>body:first-of-type{
  290.     background:#303030 !important;
  291. }
  292. .lg-small,strong{
  293.     color:rgba(255,255,255,.6);
  294. }
  295. .highcharts-axis.highcharts-yaxis > text,.highcharts-axis-labels.highcharts-yaxis-labels > text,.highcharts-axis-labels.highcharts-xaxis-labels > text{
  296.     fill:#ddd !important;
  297. }
  298. .ace_content{
  299.     color:#eee;
  300.     background:#212121;
  301. }
  302. .ace-clouds .ace_keyword.ace_operator{
  303.     color:#aaa !important;
  304. }
  305. .ace-clouds .ace_storage, .ace-clouds .ace_support.ace_class, .ace-clouds .ace_support.ace_function, .ace-clouds .ace_support.ace_other, .ace-clouds .ace_support.ace_type {
  306.     color: #e778b0 !important;
  307. }
  308. .ace-clouds .ace_keyword, .ace-clouds .ace_meta, .ace-clouds .ace_support.ace_constant.ace_property-value {
  309.     color: #40c4ff !important;
  310. }
  311. .ace-clouds .ace_constant.ace_numeric {
  312.     color: #5af354 !important;
  313. }
  314. .ace-clouds .ace_marker-layer .ace_active-line {
  315.     background:#404040;
  316. }
  317. .ace_layer.ace_gutter-layer.ace_folding-enabled{
  318.     background: #303030;
  319.     color: #eee;
  320. }
  321. .ace-clouds .ace_gutter-active-line {
  322.     background-color: #666666;
  323. }
  324. body:before{
  325.     content:"";
  326.     position:fixed;
  327.     z-index:999999999999999;
  328.     top:0;
  329.     left:0;
  330.     right:0;
  331.     bottom:0;
  332.     background:rgba(0,0,0,0.2);
  333.     pointer-events:none;
  334. }
  335. .am-progress {
  336.     background-color: #e9ecef0d;
  337. }
  338. #mp-toolbar{
  339.     background:#212121;
  340.     border:none;
  341. }
  342. #mp-toolbar *,#mp-editor-area{
  343.     border:none !important;
  344. }
  345. .CodeMirror-cursor {
  346.     border-color: #ccc;
  347. }
  348. #mp-editor-area * {
  349.     background: #303030 !important;
  350. }
  351. .CodeMirror-gutters,#mp-editor-preview-area {
  352.     border-color: #555;
  353. }
  354. .cm-s-default .cm-link {
  355.     color: #444899;
  356. }
  357. .cm-s-default .cm-string {
  358.     color: #ca405b;
  359. }
  360. pre.CodeMirror-line {
  361.     color: #ddd;
  362. }
  363. .am-pagination>li>a {
  364.     background: #424242;
  365.     border: none;
  366. }
  367. #app-footer {
  368.     background: #212121 !important;
  369. }
  370. ul.am-dropdown-content>li>a {
  371.     color: #ddd;
  372. }
  373. .am-dropdown-header {
  374.     color: #ccc;
  375. }
  376. textarea, input, .am-dropdown-content {
  377.     background: #404040 !important;
  378.     color: #eee !important;
  379. }
  380. ul.am-dropdown-content .am-divider {
  381.     background-color: #555555;
  382. }
  383. .am-modal-dialog {
  384.     background-color: #424242;
  385. }
  386. .am-modal-dialog>#lg-alert-message, .am-modal-dialog>#memadmin {
  387.     color: #eee;
  388. }
  389. .am-modal-dialog>#lg-alert-title, .am-modal-dialog>#memtitle {
  390.     color: #eee;
  391. }
  392. pre {
  393.     background: transparent;
  394.     border-color: #555;
  395.     color: #eee !important;
  396. }
  397. hr {
  398.     border-color: #666;
  399. }
  400. .lg-sidebar-list li[class^="lg-nav"] a span[class^="am-icon"]:after {
  401.     background: #fff !important;
  402.     opacity: 0.95;
  403. }
  404. .lg-index-benben > div.lg-article:nth-of-type(2) {
  405.     background: #424242 !important;
  406.     box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
  407. }
  408. #home-center-nav {
  409.     background: #303030 !important;
  410. }
  411. .lg-fg-bluedark {
  412.     color: #678baf !important;
  413. }
  414. #app-header * {
  415.     color: #ddd !important;
  416. }
  417. #app-sidenav > div.popup-button {
  418.     color: #eee !important;
  419. }
  420. .lg-summary-content li {
  421.     background: transparent !important;
  422. }
  423. .lg-summary-content .fadeout {
  424.     background-image: linear-gradient(transparent 0%,rgb(69,69,69) 90%);
  425. }
  426. .lg-summary-content .comment-show-more {
  427.     color:#aaa;
  428. }
  429. .lg-article .pagination-centered:before{
  430.     background:#303030 !important;
  431. }
  432. #mp-editor-area div.CodeMirror-selected{
  433.     background:rgba(255,255,255,0.5) !important;
  434. }
  435. #mp-editor-area .CodeMirror-line,#mp-editor-area .CodeMirror-line *{
  436.     background:transparent !important;
  437. } EOT;
  438.  
  439. }
  440. @advanced text opacity "卡片不透明度[0~1之间的小数，0为全透明，1为不透明，推荐0.8~1之间]" "1.0"
  441. @advanced dropdown SidebarColorCSS "侧栏颜色 (因为新功能暂时失效)" {
  442.     SidebarColorWhite "白色*" <<<EOT  EOT;
  443.     SidebarColorPurple "紫色渐变" <<<EOT /*#app-sidenav{
  444.     background: linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%) !important;
  445. }
  446. #app-sidenav > a , .popup-button > i{
  447.     color: #fafafa !important;
  448. }*\/ EOT;
  449.  
  450. }
  451. @advanced dropdown RemoveTitleAnimation "是否启用顶栏标题动画" {
  452.     RemoveTitleAniOff "启用*" <<<EOT  EOT;
  453.     RemoveTitleAniOn "不启用" <<<EOT .main-container > header > .header > h1{
  454.     animation:none !important;
  455. } EOT;
  456.  
  457. }
  458. ==/UserStyle== */
  459. @-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://www.luogu.com((?!blog).)*$"), regexp("^((?!blog).)*http://www.luogu.com((?!blog).)*$") {
  460. @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}
  461. html,body{
  462.     background-color:#f4f5f7 !important;
  463. }
  464. html,body{
  465.     font-family:'open sans' !important;
  466. }
  467. body{
  468.     overflow-x: hidden;
  469. }
  470. h1 , h2 , h3 , h4 , h5 , h6{
  471.     font-weight: 600 !important;
  472. }
  473. *>h2:first-child{
  474.     margin-bottom: 1.6rem;
  475. }
  476. .card .color-default{
  477.     color:#5e72e4 !important;
  478. }
  479. .lg-header, .lg-header-list>li {
  480.     background-color: #555abf;
  481.     border-color: #555abf;
  482. }
  483. .lg-header{
  484.     box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
  485. }
  486. code, .hljs {
  487.     font-family: consolas,monospace,"Courier New";
  488. }
  489. #nprogress .nprogress-peg{
  490.     box-shadow: none !important;
  491. }
  492. #nprogress .nprogress-bar {
  493.     position: fixed;
  494.     top: 0 !important;
  495.     background: #5eb95e;
  496. }
  497. *::selection{
  498.     background-color: #cce2ff;
  499. }
  500. *::-moz-selection{
  501.     background-color: #cce2ff;
  502. }
  503. *::-webkit-selection{
  504.     background-color: #cce2ff;
  505. }
  506. ::-webkit-scrollbar{
  507.    width: 6px;
  508.    height: 10px;
  509.    background-color: rgba(0, 0, 0, 0);
  510. }
  511. ::-webkit-scrollbar-track{
  512.    background-color: rgba(0, 0, 0, 0.05);
  513. }
  514. ::-webkit-scrollbar-thumb{
  515.    background-color: rgba(0, 0, 0, 0.2);
  516. }
  517. ::-webkit-scrollbar-thumb:hover{
  518.    background-color: #5e72e4;
  519. }
  520. a{
  521.     transition:all .15s;
  522.     color: #5e72e4;
  523. }
  524. .lg-fg-green {
  525.     color: #2dce89 !important;
  526. }
  527. .lg-bg-red{
  528.     background-color: #fb6340;
  529. }
  530. .lg-bg-orange{
  531.     background-color: #ff9d09;
  532. }
  533. .lg-bg-purple{
  534.     background-color: #8e44ad;
  535. }
  536. .lg-bg-green{
  537.     background-color: #2dce89;
  538. }
  539. .lg-bg-bluedark{
  540.     background-color: #001277;
  541. }
  542. @keyframes fadeInLeft{
  543.     from{
  544.         opacity:0;
  545.         transform:translateX(-35px);
  546.     }
  547.     to{
  548.         opacity:1;
  549.         transform:translateX(0);
  550.     }
  551. }
  552. @keyframes fade{
  553.     from {
  554.         opacity:0;
  555.     }
  556.     to {
  557.         opacity:1;
  558.     }
  559. }
  560. #app > .lfe-body{
  561.     background:#fafafa !important/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/;
  562.     box-shadow: 4px 5px 15px rgba(50,50,93,.1),2px 5px 8px rgba(0,0,0,.07)!important;
  563. }
  564. #app > .lfe-body > a{
  565.     color: #5e72e4 !important;
  566.     height:3.7em;
  567.     margin-top:3px;
  568.     padding:0 !important;
  569. }
  570. #app > .lfe-body > a:first-of-type{
  571.     margin-top: 10px !important;
  572. }
  573. #app > .lfe-body > a > .icon{
  574.     line-height: 2.4em;
  575.     font-size: 18px;
  576.     width: 100%;
  577.     margin: 0 !important;
  578.     transition: all 0.3s ease;
  579. }
  580. #app > .lfe-body > a > .text{
  581.     opacity:0;
  582.     margin-top: -1em;
  583.     display: block;
  584.     transition: all 0.3s ease;
  585. }
  586. #app > .lfe-body > a:hover > .icon{
  587.     line-height: 1.5em;
  588.     font-size: 17px;
  589. }
  590. #app > .lfe-body > a:hover > .text{
  591.     opacity:1;
  592.     margin-top: 0.2em;
  593. }
  594. #app > .lfe-body > div:first-of-type{
  595.     background-color: #5e72e4 !important;
  596. }
  597. #app > .lfe-body > .popup-button{
  598.     background-color: transparent !important;
  599.     margin-top:8px;
  600.     color: #5e72e4 !important;
  601. }
  602. .lg-sidebar-list li[class^="lg-nav"] a span[class^="am-icon"]:after {
  603.     content: "";
  604.     background: #5e72e4;
  605.     position: absolute;
  606.     left: 50%;
  607.     right: 50%;
  608.     bottom: 8px;
  609.     height: 2px;
  610.     width: 0px;
  611.     border-radius: 10px;
  612.     transition: all .15s ease;
  613. }
  614. .lg-sidebar-list li[class^="lg-nav"] a:hover span[class^="am-icon"]:after {
  615.     left: 40%;
  616.     right: 40%;
  617.     width: 20%;
  618. }
  619. .am-input-group , .input-group{
  620.     transition: box-shadow .15s ease;
  621. }
  622. .am-input-group{
  623.     border-radius: .5rem !important;
  624. }
  625. .am-form-field , .input-group > .input-wrap > input , .input-wrap > input{
  626.     transition: box-shadow .15s ease;
  627.     border:none !important;
  628.     border-radius: 4px !important;
  629.     box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
  630.     min-height:25px !important;
  631. }
  632. .am-form-field:focus , .input-group > .input-wrap > input:focus , .input-wrap > input:focus{
  633.     box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
  634. }
  635. .am-form-field , .input-group > button{
  636.     transition: box-shadow .15s ease;
  637.     border:none;
  638.     border-radius: 4px !important;
  639.     box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
  640. }
  641. .input-group > button{
  642.     margin-left:3px;
  643. }
  644. .am-form-field , .input-group > button:hover{
  645.     box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
  646. }
  647. .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 {
  648.     font-size: 1.35rem !important; 
  649. }
  650. .am-input-group-label {
  651.     background: transparent;
  652.     border: none;
  653. }
  654. .am-input-group-danger,.am-input-group-primary{
  655.     box-shadow:none;
  656. }
  657. .am-input-group-danger > .am-input-group-label,.am-input-group-primary > .am-input-group-label{
  658.     border-radius:.5rem !important;
  659.     outline:none !important;
  660.     letter-spacing: .05em;
  661.     transition: all .15s ease;
  662.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  663.     color: #fff !important;
  664.     margin-bottom:6px;
  665.     height:33.4px;
  666. }
  667. .am-input-group-danger > .am-input-group-label:hover,.am-input-group-primary > .am-input-group-label:hover{
  668.     box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  669. }
  670. .am-input-group-danger > .am-input-group-label:active,.am-input-group-primary > .am-input-group-label:active{
  671.     box-shadow: none;
  672. }
  673. .am-input-group-danger > .am-input-group-label{
  674.     border-color: #f5365c;
  675.     background-color: #f5365c;
  676. }
  677. .am-input-group-primary > .am-input-group-label{
  678.     border-color: #5e72e4;
  679.     background-color: #5e72e4;
  680.     border-radius: .5rem !important;
  681. }
  682. textarea{
  683.     box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
  684.     border:none !important;
  685. }
  686. textarea:focus{
  687.     box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
  688. }
  689. .lg-input-title {
  690.     margin-bottom: 5px;
  691.     border-radius: 5px;
  692.     border-color: #ddd;
  693. }
  694. #topbar-search-text{
  695.     border-radius:.5rem 0 0 .5em !important;
  696. }
  697. #topbar-search{
  698.     border-radius:0 .5rem .5em 0 !important;
  699.     border-color: #5e72e4;
  700.     background-color: #5e72e4;
  701. }
  702. .lg-article , .lg-summary , .lg-article-sub , .card{
  703.     transition: all .15s ease;
  704.     box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
  705.     word-wrap: break-word;
  706.     border-radius: .25rem;
  707.     background-color: #fcfcfc !important;
  708.     overflow: visible !important;
  709. }
  710. .lg-article:hover , .lg-summary:hover , .lg-article-sub:hover , .card:hover{
  711.     box-shadow: 0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)!important;
  712. }
  713. .card{
  714.     line-height: 1.8;
  715. }
  716. .am-btn{
  717.     outline:none !important;
  718.     border:none !important;
  719.     letter-spacing: .05em;
  720.     padding: 8px 18px;
  721.     transition: all .15s ease;
  722.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  723.     color: #fff !important;
  724.     margin-bottom:6px;
  725. }
  726. .am-dropdown > .am-btn{
  727.     color: inherit !important;
  728. }
  729. button[type='button']{
  730.     outline:none !important;
  731.     border:none !important;
  732.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  733.     transition: all .15s ease;
  734.     margin-bottom:6px;
  735.     padding: 8px 18px;
  736. }
  737. .am-btn.am-disabled , .am-btn[disabled] , fieldset[disabled] .am-btn , button[type='button'][disabled] , button.disabled[type='button']{
  738.     box-shadow:none;
  739.     opacity: .65;
  740. }
  741. .am-btn:hover , button[type='button']:hover{
  742.     box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  743.     transform: translateY(-1px);
  744. }
  745. .am-btn:active , button[type='button']:active{
  746.     box-shadow: none;
  747. }
  748. .am-btn-danger,.am-btn-danger:hover,.am-btn-danger:active,.am-btn-danger:focus,.am-btn-danger:visited{
  749.     border-color: #f5365c;
  750.     background-color: #f5365c;
  751. }
  752. .am-btn-primary,.am-btn-primary:hover,.am-btn-primary:active,.am-btn-primary:focus,a.am-btn-primary:visited{
  753.     border-color: #5e72e4;
  754.     background-color: #5e72e4;
  755. }
  756. .am-btn-success,.am-btn-success:hover,.am-btn-success:active,.am-btn-success:focus,a.am-btn-success:visited{
  757.     border-color: #2dce89;
  758.     background-color: #2dce89;
  759. }
  760. .am-btn-warning,.am-btn-warning:hover,.am-btn-warning:active,.am-btn-warning:focus,a.am-btn-warning:visited{
  761.     border-color: #fb6340;
  762.     background-color: #fb6340;
  763. }
  764. .copy-btn{
  765.     border-color: #5e72e4!important;
  766.     background-color: #5e72e4 !important;
  767.     color: #fff !important;
  768.     margin-top: 3px;
  769. }
  770. .tip-twitter{
  771.     background:#172b4d;
  772.     color:#fff;
  773.     border-radius:50px;
  774.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  775. }
  776. .tip-twitter>div{
  777.     font-weight:unset !important;
  778.     font-size:13px !important;
  779.     margin-left:5px;
  780.     margin-right:5px;
  781. }
  782. .am-badge{
  783.     border-radius:50px !important;
  784.     padding-left:10px;
  785.     padding-right:10px;
  786.     padding-top:4px;
  787.     padding-bottom:4px;
  788.     transition:all .15s;
  789. }
  790. .tag span.lfe-caption, .difficulty span.lfe-caption{
  791.     border-radius:50px !important;
  792.     padding-left:10px;
  793.     padding-right:10px;
  794.     padding-top: 1px;
  795.     padding-bottom: 1px;
  796.     transition:all .15s;
  797. }
  798. .am-badge:hover , .tag span.lfe-caption:hover, .difficulty span.lfe-caption:hover{
  799.     transform: translateY(-1px);
  800.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  801. }
  802. .am-badge , .lfe-caption[slot='difficulty'] , .lfe-caption.tag , .tags-wrap{
  803.     overflow:visible !important;
  804. }
  805. .am-badge.lg-bg-red{
  806.     background-color: #f80031;
  807. }
  808. .am-badge.lg-bg-orange{
  809.     background-color: #ff471d;
  810. }
  811. .am-badge.lg-bg-yellow{
  812.     background-color: #ff9d09;
  813. }
  814. .am-badge.lg-bg-green{
  815.     background-color: #1aae6f;
  816. }
  817. .am-badge.lg-bg-bluelight{
  818.     background-color: #03acca;
  819. }
  820. .am-badge.lg-bg-purple{
  821.     background-color: #8e44ad;
  822. }
  823. .am-badge.lg-bg-bluedark{
  824.     background-color: #001277;
  825. }
  826. .am-badge.am-badge-warning{
  827.     background-color: #fb6340;
  828. }
  829. .am-dropdown-content{
  830.     padding: 1.5rem;
  831.     border-radius: .25rem;
  832.     background: #fff;
  833.     width:300px;
  834.     border:none;
  835.     margin-top:5px;
  836.     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);
  837. }
  838. .am-dropdown-content:before,.am-dropdown-content:after{
  839.     display:none !important;
  840. }
  841. .lg-unread{
  842.     line-height: 60px;
  843.     width: 60px;
  844.     height: 60px;
  845.     padding: 0;
  846.     text-align: center;
  847.     border-radius: 50%;
  848.     transition: all .15s ease;
  849.     color: #fff;
  850.     background-color: #5e72e4;
  851.     box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  852.     overflow:hidden;
  853. }
  854. .am-comment-main{
  855.     border:none;
  856.     box-shadow:0 3px 5px rgba(50,50,93,.1), 0 2px 3px rgba(0,0,0,.08);
  857.     transition:all .15s;
  858. }
  859. .am-comment-main:hover{
  860.     border:none;
  861.     box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  862. }
  863. .am-comment-main:before,.am-comment-main:after{
  864.     display:none;
  865. }
  866. /*--标题栏*/
  867. .main-container > .header-layout{
  868.     height: 380px !important;
  869.     display: block;
  870.     position: relative !important;
  871.     left: 0 !important;
  872.     right: 0 !important;
  873.     background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
  874.     border: none;
  875.     color: #fff;
  876.     font-weight: unset !important;
  877. }
  878. .main-container > .header-layout .background{
  879.     display: none !important;
  880. }
  881. .main-container > .header-layout > .header{
  882.     max-width:1250px;
  883.     background: transparent !important;
  884.     padding-left: 35px;
  885.     position: relative;
  886. }
  887. .main-container > .header-layout > .header .user-nav{
  888.    right: 0;
  889. }
  890. @media screen and (max-width:1475px){
  891.     .main-container > .header-layout > .header{
  892.         position: initial;
  893.     }
  894.    .main-container > .header-layout > .header .user-nav{
  895.        right: calc(80px);
  896.    }
  897. }
  898. .main-container > .header-layout > .header > h1{
  899.     font-size: 50px;
  900.     margin-top:25px;
  901.     padding-bottom: 8px;
  902.     animation: fadeInLeft .5s ease;
  903.     max-width: calc(100vw - 150px);
  904. }
  905. .main-container > main.lfe-body{
  906.     margin-top: -180px;
  907.     position: relative;
  908.     background: transparent !important;
  909. }
  910.  
  911. @media screen and (max-width: 576px){
  912.     .main-container > main.lfe-body {
  913.         margin-top: -60px;
  914.     }
  915.     .main-container > .header-layout > .header{
  916.         padding-left: 5px;
  917.     }
  918.     .main-container > .header-layout > .header > h1{
  919.         font-size: 35px;
  920.     }
  921. }
  922. .main-container > .header-layout .bread-crumb , .main-container > .header-layout .bread-crumb a{
  923.     color: rgba(255,255,255,.8) !important;
  924.     text-decoration:none;
  925. }
  926. .lg-main-content.solution-block{
  927.     margin-top:0 !important;
  928. }
  929. .main-container > header .bread-crumb , .main-container > header .bread-crumb a{
  930.     color: rgba(255,255,255,.8) !important;
  931.     text-decoration:none;
  932. }
  933. .lg-main-content.solution-block{
  934.     margin-top:0 !important;
  935. }
  936. .lg-content-table-left{
  937.     background:#fcfcfc;
  938.     box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
  939.     border-radius: .375rem;
  940.     margin-top:20px;
  941.     padding-left:30px;
  942.     padding-right:30px;
  943.     padding-bottom: 20px;
  944.     position: relative;
  945. }
  946. .lg-content-table-left>.lg-table-row{
  947.     width:100% !important;
  948.     box-shadow:none;
  949.     background:transparent;
  950.     border-radius:0;
  951.     border-bottom:0.6px solid rgba(0,0,0,0.08);
  952.     border-spacing: 2px;
  953.     padding-bottom:20px;
  954. }
  955. .lg-content-table-left>.lg-table-row:last-of-type {
  956.     border-bottom: none;
  957.     padding-bottom: 0;
  958. }
  959. div > .header-wrap{
  960.     padding-bottom: 20px !important;
  961.     font-size: 17px;
  962.     border-bottom: 0.6px solid rgba(0,0,0,0.08) !important;
  963. }
  964. div > .header-wrap .lfe-caption{
  965.     box-shadow: none !important;
  966. }
  967. div > .row-wrap{
  968.     padding: 24px 0 !important;
  969.     font-size: 17px;
  970.     border-bottom: 0.6px solid rgba(0,0,0,0.08) !important;
  971. }
  972. div > .row-wrap:last-child{
  973.     margin-bottom: 30px;
  974. }
  975. div > .row-wrap .lfe-caption{
  976.     font-size:14px;
  977. }
  978. .rate-wrapper .rate-popup{
  979.     transition: all .25s ease !important;
  980.     display: block !important;
  981.     border-radius: 3px;
  982.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08) !important;
  983.     min-width: 4em;
  984.     min-height: 1em;
  985.     width: 4em;
  986.     height: 1em;
  987.     padding: 0 !important;
  988.     margin-bottom: -15px;
  989.     overflow: hidden !important;
  990.     opacity: 0;
  991.     color: transparent;
  992.     background: transparent;
  993.     pointer-events: none;
  994. }
  995. .rate-wrapper:hover .rate-popup{
  996.     border-radius: 30px;
  997.     margin-bottom: 10px;
  998.     min-width: 10em;
  999.     min-height: 1em;
  1000.     width: unset;
  1001.     height: unset;
  1002.     padding: 5px 18px !important;
  1003.     opacity: .8;
  1004.     color: #fff;
  1005.     background: #172b4d;
  1006. }
  1007. .am-pagination , .page-area{
  1008.     padding-top:20px;
  1009.     padding-bottom:20px;
  1010.     width:max-content;
  1011.     width:-moz-max-content;
  1012.     margin-left:auto;
  1013.     margin-right:auto;
  1014.     border-top: none !important;
  1015. }
  1016. .am-pagination > li > a , .page-area .page-bar > button{
  1017.     outline:none !important;
  1018.     cursor: pointer;
  1019.     line-height: 1.25;
  1020.     position: relative;
  1021.     display: block;
  1022.     margin-left: -.0625rem;
  1023.     padding: .5rem .75rem;
  1024.     color: #8898aa;
  1025.     border: .0625rem solid #dee2e6;
  1026.     background-color: #fff;
  1027.     font-size: 15px;
  1028.     font-weight: unset;
  1029.     display: flex;
  1030.     min-width: 36px;
  1031.     height: 36px;
  1032.     margin: 0 3px;
  1033.     border-radius: 100px!important;
  1034.     align-items: center;
  1035.     justify-content: center;
  1036.     transition:all .3s;
  1037. }
  1038. .page-area .page-bar > button:hover{
  1039.     background-color: #eee;
  1040. }
  1041. .am-pagination > .am-active > a , .page-area .page-bar > button[style*='background']{
  1042.     color: #fff;
  1043.     border-color: #5e72e4 !important;
  1044.     background-color: #5e72e4 !important;
  1045.     box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  1046. }
  1047. .am-pagination > .am-active > a:hover{
  1048.     color: #fff;
  1049.     border-color: #5e72e4;
  1050.     background-color: #5e72e4;
  1051. }
  1052. .lg-article .pagination-centered:before {
  1053.     content: "";
  1054.     background: #f4f5f7;
  1055.     width: calc(100% + 35px);
  1056.     height: calc(100% + 40px);
  1057.     position: absolute;
  1058.     left: -15px;
  1059.     top: -10px;
  1060. }
  1061. .lg-record-tile{
  1062.     transition: all .15s ease;
  1063.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1064.     border-radius:3px;
  1065. }
  1066. .lg-record-tile:hover{
  1067.     transition: all .15s ease;
  1068.     transform: translateY(-5px);
  1069.     box-shadow: 0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
  1070. }
  1071. .test-case-wrap > .wrapper{
  1072.     width: 100px;
  1073.     height: 100px;
  1074.     margin-right: 16px;
  1075.     margin-bottom: 12px;
  1076. }
  1077. .test-case-wrap{
  1078.     margin-top: 25px;
  1079. }
  1080. .test-case-wrap > .wrapper .test-case{
  1081.     width: 100px;
  1082.     height: 100px;
  1083.     transition: all .2s ease;
  1084.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1085.     border-radius:3px;
  1086.     padding: 3px;
  1087. }
  1088. .test-case-wrap > .wrapper .test-case:hover{
  1089.     transform: translateY(-5px);
  1090.     box-shadow: 0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
  1091. }
  1092. .test-case-wrap > .wrapper .test-case .info{
  1093.     width: calc(100% - 10px);
  1094.     line-height: 15px;
  1095.     font-size: 10px;
  1096.     white-space:nowrap;
  1097.     overflow:hidden;
  1098.     text-overflow:ellipsis;
  1099. }
  1100. .test-case-wrap > .wrapper .test-case:hover .info{
  1101.     white-space: normal;
  1102. }
  1103. .test-case-wrap > .wrapper .test-case .id{
  1104.     margin-left: 3px;
  1105. }
  1106. .test-case-wrap > .wrapper .test-case .status{
  1107.     font-weight: bold;
  1108.     font-size: 22px;
  1109.     margin-bottom: 5px;
  1110. }
  1111. .test-case-wrap > .wrapper .message{
  1112.     transition: all .25s ease !important;
  1113.     display: block !important;
  1114.     border-radius: 3px;
  1115.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1116.     min-width: 105px;
  1117.     min-height: 105px;
  1118.     width: 105px;
  1119.     padding: 0;
  1120.     margin-top: 40px;
  1121.     opacity: 0;
  1122.     color: transparent;
  1123.     background: transparent;
  1124.     pointer-events: none;
  1125. }
  1126. .test-case-wrap > .wrapper:hover .message{
  1127.     border-radius: 30px;
  1128.     margin-top: -30px;
  1129.     min-width: 12em;
  1130.     min-height: 1em;
  1131.     width: unset;
  1132.     height: unset;
  1133.     padding: 5px 18px;
  1134.     opacity: .8;
  1135.     color: #fff;
  1136.     background: #172b4d;
  1137. }
  1138. .test-case-wrap > .wrapper .test-case[style*='rgb(112, 173, 71)']{
  1139.     background-color: #2dce89 !important;
  1140. }
  1141. .test-case-wrap > .wrapper .test-case[style*='rgb(231, 76, 60)']{
  1142.     background-color: #fb6340 !important;
  1143. }
  1144. .test-case-wrap > .wrapper .test-case[style*='rgb(157, 61, 207)']{
  1145.     background-color: #8e44ad !important;
  1146. }
  1147. .test-case-wrap > .wrapper .test-case[style*='rgb(5, 34, 66)']{
  1148.     background-color: #001277 !important;
  1149. }
  1150. .test-case-wrap > .wrapper .test-case[style*='rgb(14, 29, 105)']{
  1151.     background-color: #34495e !important;
  1152. }
  1153. .test-case-wrap > .wrapper .test-case[style*='background: rgb(20, 85, 143);']{
  1154.     background-color: #3498db !important;
  1155. }
  1156. .am-comment-avatar{
  1157.     box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
  1158.     border:none;
  1159.     transition:all .15s;
  1160. }
  1161. .am-comment-avatar:hover{
  1162.     box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  1163. }
  1164. .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{
  1165.     box-shadow:none;
  1166. }
  1167. .am-panel{
  1168.     border:none;
  1169.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1170. }
  1171. .main-container > .lfe-body:last-child{
  1172.     padding: 0;
  1173. }
  1174. .main-container > .lfe-body:last-child .background{
  1175.     display: none !important;
  1176. }
  1177. .main-container > .lfe-body:last-child > .footer{
  1178.     background:linear-gradient(150deg,#7795f8 15%,#6772e5 70%,#555abf 94%) !important;
  1179.     max-width: unset !important;
  1180.     padding: 25px 35px;
  1181. }
  1182. .main-container > .lfe-body:last-child > .footer a{
  1183.     color:#fff !important;
  1184. }
  1185. .main-container > .lfe-body:last-child > .footer .qr-img{
  1186.     display:none !important;
  1187. }
  1188. .lg-mcard{
  1189.     border:none;
  1190.     transition: all .15s ease;
  1191.     box-shadow: 0 2px 3px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1192.     border-radius:3px;
  1193. }
  1194. .lg-mcard:hover{
  1195.     transition: all .15s ease;
  1196.     transform: translateY(-1px);
  1197.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1198. }
  1199. .feed-selector > a{
  1200.     font-weight: 500;
  1201.     transition: all .15s ease;
  1202.     color: #5e72e4;
  1203.     background-color: #fff;
  1204.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1205.     border-radius: 5px !important;
  1206.     height:50px;
  1207.     line-height:36px;
  1208. }
  1209. .feed-selector.am-active > a{
  1210.     color: #fff;
  1211.     background: #5e72e4 !important;
  1212. }
  1213. .am-nav-tabs li>a{
  1214.     font-weight: 500;
  1215.     transition: all .15s ease;
  1216.     color: #5e72e4;
  1217.     background-color: #fff;
  1218.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1219.     border-radius: 5px !important;
  1220.     height:50px;
  1221.     line-height:36px;
  1222.     padding-left:20px;
  1223.     padding-right:20px;
  1224.     border:none !important;
  1225.     margin-right:10px;
  1226. }
  1227. .am-nav-tabs li.am-active>a{
  1228.     color: #fff !important;
  1229.     background: #5e72e4 !important;
  1230. }
  1231. .am-nav-tabs{
  1232.     border:none;
  1233.     margin-bottom:20px;
  1234. }
  1235. .am-tabs-bd{
  1236.     border-radius:5px;
  1237.     border:0.6px solid rgba(0,0,0,0.1);
  1238.     background:transparent;
  1239. }
  1240. .lg-table-small{
  1241.     margin-top:5px;
  1242. }
  1243. .am-progress , .progress-frame{
  1244.     border-radius: .5rem;
  1245.     background-color: #e9ecef;
  1246.     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  1247.     border:none !important;
  1248. }
  1249. .am-progress-bar-secondary , .am-progress-bar , .progress-frame > div{
  1250.     background-color: #5e72e4 !important;
  1251. }
  1252. .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 {
  1253.     color: #5e72e4;
  1254. }
  1255. .am-checkbox .am-icon-unchecked:before, .am-checkbox-inline .am-icon-unchecked:before {
  1256.     content: "";
  1257.     border: 1px solid rgba(0,0,0,0.1);
  1258.     height: 15px;
  1259.     width: 15px;
  1260.     border-radius: 3px;
  1261.     margin-top:3px;
  1262. }
  1263. .lg-info-box > #pic,.lg-info-box > .lg-stamp{
  1264.     display:none;
  1265. }
  1266. .lg-info-box{
  1267.     color: #fff;
  1268.     border-color: #555abf;
  1269.     background-color: #555abf;
  1270.     padding: 1rem 1.5rem;
  1271.     border: 0;
  1272.     border-radius: .25rem;
  1273.     min-height:100px !important;
  1274. }
  1275. .lg-info-box>.am-text-left>h1{
  1276.     margin-bottom:10px;
  1277.     margin-top:10px;
  1278. }
  1279. .lg-info-box>.am-text-left>p{
  1280.     margin-top:0px;
  1281.     margin-bottom:0;
  1282. }
  1283. .lg-info-box >.am-text-left .lg-small{
  1284.     margin-top:15px;
  1285.     margin-bottom:15px;
  1286.     color:rgba(255,255,255,0.6);
  1287.     display:block;
  1288. }
  1289. .am-modal-dialog {
  1290.     box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
  1291.     border: 1px solid rgba(0, 0, 0, .2);
  1292.     border-radius: .5rem;
  1293.     outline: 0;
  1294.     background-color: #fff;
  1295.     background-clip: padding-box;
  1296. }
  1297. .am-modal-dialog>#lg-alert-title,.am-modal-dialog>#memtitle{
  1298.     font-family: inherit;
  1299.     font-weight: 400;
  1300.     line-height: 1.3;
  1301.     color: #32325d;
  1302.     text-align: left;
  1303.     padding-left: 15px;
  1304.     padding-bottom: 15px;
  1305.     border-bottom: 0.7px solid rgba(0,0,0,0.1);
  1306.     margin-bottom: 15px;
  1307. }
  1308. .am-modal-dialog>#lg-alert-message,.am-modal-dialog>#memadmin{
  1309.     line-height: 1.3;
  1310.     color: #32325d;
  1311.     text-align: left;
  1312.     padding-left: 15px;
  1313.     padding-bottom: 25px;
  1314.     padding-top: 10px;
  1315.     border-bottom: 0.7px solid rgba(0,0,0,0.1);
  1316. }
  1317. .am-modal-dialog .lg-model-content{
  1318.     margin-top:10px;
  1319. }
  1320. .am-modal-btn{
  1321.     outline:none !important;
  1322.     border:none !important;
  1323.     letter-spacing: .05em;
  1324.     padding: 8px 18px;
  1325.     transition: all .15s ease;
  1326.     box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  1327.     color: #fafafa !important;
  1328.     height:unset;
  1329.     line-height:unset;
  1330.     border-radius:5px !important;
  1331.     margin-right:3px;
  1332.     display:inline-block !important;
  1333. }
  1334. .am-modal-btn:hover{
  1335.     box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  1336.     transform: translateY(-1px);
  1337. }
  1338. .am-modal-btn:active{
  1339.     box-shadow: none;
  1340. }
  1341. .am-modal-btn,.am-modal-btn:hover,.am-modal-btn:active,.am-modal-btn:focus,a.am-modal-btn:visited{
  1342.     border-color: #5e72e4;
  1343.     background-color: #5e72e4;
  1344. }
  1345. .am-modal-footer {
  1346.     width: max-content;
  1347.     height: max-content;
  1348.     padding:5px;
  1349.     display: block;
  1350.     margin-top:10px;
  1351.     margin-bottom:8px;   
  1352.     padding-left: 15px;
  1353. }
  1354. .popup{
  1355.     border: none !important;
  1356.     border-radius: .3rem !important;
  1357.     background-color: #fff !important;
  1358.     background-clip: padding-box !important;
  1359.     box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
  1360.     text-shadow: none;
  1361.     padding: 10px !important;
  1362.     animation: fade 0.2s ease;
  1363. }
  1364. .main-container > .header-layout > .header nav a[href^="/space/show"]+div.center , .main-container > .header-layout .user-nav a[href^="/space/show"]+div.center {
  1365.     border: none !important;
  1366.     border-radius: .3rem !important;
  1367.     background-color: #fff !important;
  1368.     background-clip: padding-box !important;
  1369.     box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, .2);
  1370.     text-shadow: none;
  1371.     padding: 10px !important;
  1372. }
  1373. .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{
  1374.     border: none;
  1375.     background: transparent;
  1376. }
  1377. .main-container > .header-layout > .header nav a[href^="/space/show"]+div.center  , .main-container > .header-layout .user-nav a[href^="/space/show"]+div.center{
  1378.     display:block !important;
  1379.     transform: translate(0,0px) perspective(0px) rotateX(0deg);
  1380.     opacity:1;
  1381.     transition: all .25s ease;
  1382. }
  1383. .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"]{
  1384.     pointer-events:none;
  1385.     opacity:0;
  1386.     transform: translate(0,10px) perspective(80px) rotateX(-2deg);
  1387. }
  1388. .am-slider-default .am-control-nav li a {
  1389.     box-shadow: none;
  1390.     transition: all 0.5s ease;
  1391. }
  1392. .am-slider-default .am-control-nav li a.am-active {
  1393.     width: 15px;
  1394.     background-color: #5e72e4;
  1395. }
  1396. .lg-message-contact:hover{
  1397.     background:rgba(200,200,200,0.2);
  1398. }
  1399. .lg-message-contact *:not(.am-badge):hover{
  1400.     background:transparent;
  1401. }
  1402. .am-selected-list li:hover{
  1403.     background:rgba(200,200,200,0.2) !important;
  1404. }
  1405. .lg-index-benben div:nth-of-type(4) {
  1406.     background: transparent !important;
  1407.     box-shadow: none !important;
  1408.     padding-left: 0;
  1409.     padding-right: 0;
  1410. }
  1411. .lg-index-benben div:nth-of-type(4) #home-center-nav{
  1412.     background: transparent;
  1413. }
  1414. #replyarea{
  1415.     opacity:1 !important;
  1416. }
  1417. .card hr{
  1418.     margin: .8em 0;
  1419.     height: .5px;
  1420.     background: rgba(0,0,0,0.08);
  1421.     border: none;
  1422. }
  1423. /*适配 Tiny 顶栏*/
  1424. #app > .main-container > .header-layout.tiny{
  1425.     height: 4em !important;
  1426.     background: #fff !important;
  1427.     color: #333 !important;
  1428. }
  1429. .header-layout.tiny ~ main.lfe-body{
  1430.     margin-top: 0px !important;
  1431. }
  1432. }
  1433.  
  1434. @-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://www.luogu.com((?!blog).)*$"), regexp("^((?!blog).)*http://www.luogu.com((?!blog).)*$"), regexp("https://ti.luogu.com.cn/*") {
  1435. /*此区域用来应用一些自定义设置*/
  1436. /*--------------------卡片透明度*/
  1437. .lg-article , .lg-summary , .lg-article-sub , .lg-content-table-left , .card{
  1438.     background: rgba(252,252,252,/*[[opacity]]*/) !important;
  1439. }
  1440. /*--------------------背景图片，默认是颜色编码*/
  1441. html > body{
  1442.     background-image: url(https://moe.jitsu.top/img/?sort=pc);
  1443.     background-repeat: no-repeat;
  1444.     background-size: cover;
  1445.     background-position: center;
  1446.     background-attachment: fixed;
  1447. }
  1448. #app > div.main-container.lside-bar > header{
  1449.     background: rgba(255,255,255,0) !important;
  1450. }
  1451. #app > div.main-container.lside-bar > footer{
  1452.     background: rgba(255,255,255,0) !important;
  1453.     color: rgba(255, 255, 255, .9);
  1454. }
  1455. main[data-v-51efdf02]{background-color: rgba(255,255,255,0);}
  1456. div[data-v-0a593618]{display: none;}
  1457. div[data-v-fdcd5a58]{display: none;}
  1458. #app > div.main-container.lside-bar > main{
  1459.     background-color: rgba(255,255,255,0);
  1460. }
  1461. #app > div.main-container.lside-bar > main > div:nth-child(2){
  1462.     background-color: rgba(255,255,255,0.9) !important;
  1463. }
  1464. #app > div.main-container.lside-bar > main > div.article-banner.columba-content-wrap.wrapper > div{
  1465.     color: rgb(255,255,255);
  1466. }
  1467. #app > div.main-container.lside-bar > main > div.article-banner.columba-content-wrap.wrapper > div > div > div.author > div > div.label{
  1468.     color: rgb(255,255,255);
  1469. }
  1470. #app > div.main-container.lside-bar > main > div.article-banner.columba-content-wrap.wrapper > div > div > div.metas > div:nth-child(1) > div{
  1471.     color: rgb(255,255,255);
  1472. }
  1473. #app > div.main-container.lside-bar > main > div.article-banner.columba-content-wrap.wrapper > div > div > div.metas > div:nth-child(2) > div.label{
  1474.     color: rgb(255,255,255);
  1475. }
  1476. #app > div.main-container.lside-bar > main > div.article-comment.columba-content-wrap.wrapper > h3{
  1477.     color: rgb(255,255,255);
  1478. }
  1479. #app > div.main-container.lside-bar > main > div.article-comment.columba-content-wrap.wrapper > h4{
  1480.     color: rgb(255,255,255);
  1481. }
  1482. #app > div.main-container.lside-bar > main > div.article-comment.columba-content-wrap.wrapper > div.comment-filter-line > span{
  1483.     color: rgb(255,255,255) !important;
  1484. }
  1485. #app > div.main-container.lside-bar > main > div > div > div.main > div.row.row-space-between.reply-info > div:nth-child(1){
  1486.     color: rgb(255,255,255) !important;
  1487. }
  1488. /*-------------------主题*/
  1489. /*顶栏和侧栏自定义颜色/透明效果*/
  1490. /*[[themeCSSCode]]*/
  1491. /*
  1492. 示例配色代码
  1493. #app > .main-container > header{
  1494.     background: linear-gradient(87deg,#7474bf 0, #348ac7 100%) !important;
  1495. }
  1496. body #app > .lfe-body > a , body #app > .lfe-body > .popup-button{
  1497.     color: #7474bf !important;
  1498. }
  1499. body #app > .lfe-body > div:first-of-type , ::-webkit-scrollbar-thumb:hover{
  1500.     background-color: #7474bf !important;
  1501. }
  1502. */
  1503. /*--------------------夜间模式*/
  1504. /*[[nightModeCSS]]*/
  1505. /*下面是夜间模式CSS
  1506. .lg-article , .lg-summary , .lg-article-sub , .lg-content-table-left , html > body:first-of-type #app > .lfe-body{
  1507.     background:#424242 !important;
  1508.     color:#eee !important;
  1509. }
  1510. #app > .lfe-body * {
  1511.     color: #eee !important;
  1512. }
  1513. html > body:first-of-type #app > .lfe-body div:first-of-type {
  1514.     background: #353535 !important;
  1515. }
  1516. .popup , #app-header .content nav a[href^="/space/show"]+div.center , #app-header .content nav a[href^="/space/show"]+div.center *{
  1517.     background:#424242 !important;
  1518.     color: #eee !important;
  1519. }
  1520. .am-panel,.feed-selector>a,.am-nav-tabs li>a,.am-comment-bd,.lg-sub-article,code,.am-alert,#lg-tag-result,#lg-tag-select{
  1521.     background:#454545 !important;
  1522.     color:#eee !important;
  1523. }
  1524. .am-comment-hd{
  1525.     background:#404040 !important;
  1526. }
  1527. textarea,input{
  1528.     background:#666666 !important;
  1529.     color:#eee !important;
  1530. }
  1531. html > body:first-of-type > #app-header , html > body:first-of-type > #app-header .content > header{
  1532.     background:#212121 !important;
  1533.     color:#eee !important;
  1534. }
  1535. #app-header h1:before{
  1536.     content: "";
  1537.     box-shadow: inset -15px 0 30px #212121;
  1538. }
  1539. body,html,html>body:first-of-type{
  1540.     background:#303030 !important;
  1541. }
  1542. .lg-small,strong{
  1543.     color:rgba(255,255,255,.6);
  1544. }
  1545. .highcharts-axis.highcharts-yaxis > text,.highcharts-axis-labels.highcharts-yaxis-labels > text,.highcharts-axis-labels.highcharts-xaxis-labels > text{
  1546.     fill:#ddd !important;
  1547. }
  1548. .ace_content{
  1549.     color:#eee;
  1550.     background:#212121;
  1551. }
  1552. .ace-clouds .ace_keyword.ace_operator{
  1553.     color:#aaa !important;
  1554. }
  1555. .ace-clouds .ace_storage, .ace-clouds .ace_support.ace_class, .ace-clouds .ace_support.ace_function, .ace-clouds .ace_support.ace_other, .ace-clouds .ace_support.ace_type {
  1556.     color: #e778b0 !important;
  1557. }
  1558. .ace-clouds .ace_keyword, .ace-clouds .ace_meta, .ace-clouds .ace_support.ace_constant.ace_property-value {
  1559.     color: #40c4ff !important;
  1560. }
  1561. .ace-clouds .ace_constant.ace_numeric {
  1562.     color: #5af354 !important;
  1563. }
  1564. .ace-clouds .ace_marker-layer .ace_active-line {
  1565.     background:#404040;
  1566. }
  1567. .ace_layer.ace_gutter-layer.ace_folding-enabled{
  1568.     background: #303030;
  1569.     color: #eee;
  1570. }
  1571. .ace-clouds .ace_gutter-active-line {
  1572.     background-color: #666666;
  1573. }
  1574. body:before{
  1575.     content:"";
  1576.     position:fixed;
  1577.     z-index:999999999999999;
  1578.     top:0;
  1579.     left:0;
  1580.     right:0;
  1581.     bottom:0;
  1582.     background:rgba(0,0,0,0.2);
  1583.     pointer-events:none;
  1584. }
  1585. .am-progress {
  1586.     background-color: #e9ecef0d;
  1587. }
  1588. #mp-toolbar{
  1589.     background:#212121;
  1590.     border:none;
  1591. }
  1592. #mp-toolbar *,#mp-editor-area{
  1593.     border:none !important;
  1594. }
  1595. .CodeMirror-cursor {
  1596.     border-color: #ccc;
  1597. }
  1598. #mp-editor-area * {
  1599.     background: #303030 !important;
  1600. }
  1601. .CodeMirror-gutters,#mp-editor-preview-area {
  1602.     border-color: #555;
  1603. }
  1604. .cm-s-default .cm-link {
  1605.     color: #444899;
  1606. }
  1607. .cm-s-default .cm-string {
  1608.     color: #ca405b;
  1609. }
  1610. pre.CodeMirror-line {
  1611.     color: #ddd;
  1612. }
  1613. .am-pagination>li>a {
  1614.     background: #424242;
  1615.     border: none;
  1616. }
  1617. #app-footer {
  1618.     background: #212121 !important;
  1619. }
  1620. ul.am-dropdown-content>li>a {
  1621.     color: #ddd;
  1622. }
  1623. .am-dropdown-header {
  1624.     color: #ccc;
  1625. }
  1626. textarea, input, .am-dropdown-content {
  1627.     background: #404040 !important;
  1628.     color: #eee !important;
  1629. }
  1630. ul.am-dropdown-content .am-divider {
  1631.     background-color: #555555;
  1632. }
  1633. .am-modal-dialog {
  1634.     background-color: #424242;
  1635. }
  1636. .am-modal-dialog>#lg-alert-message, .am-modal-dialog>#memadmin {
  1637.     color: #eee;
  1638. }
  1639. .am-modal-dialog>#lg-alert-title, .am-modal-dialog>#memtitle {
  1640.     color: #eee;
  1641. }
  1642. pre {
  1643.     background: transparent;
  1644.     border-color: #555;
  1645.     color: #eee !important;
  1646. }
  1647. hr {
  1648.     border-color: #666;
  1649. }
  1650. .lg-sidebar-list li[class^="lg-nav"] a span[class^="am-icon"]:after {
  1651.     background: #fff !important;
  1652.     opacity: 0.95;
  1653. }
  1654. .lg-index-benben > div.lg-article:nth-of-type(2) {
  1655.     background: #424242 !important;
  1656.     box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
  1657. }
  1658. #home-center-nav {
  1659.     background: #303030 !important;
  1660. }
  1661. .lg-fg-bluedark {
  1662.     color: #678baf !important;
  1663. }
  1664. #app-header * {
  1665.     color: #ddd !important;
  1666. }
  1667. #app > .lfe-body > div.popup-button {
  1668.     color: #eee !important;
  1669. }
  1670. .lg-summary-content li {
  1671.     background: transparent !important;
  1672. }
  1673. .lg-summary-content .fadeout {
  1674.     background-image: linear-gradient(transparent 0%,rgb(69,69,69) 90%);
  1675. }
  1676. .lg-summary-content .comment-show-more {
  1677.     color:#aaa;
  1678. }
  1679. .lg-article .pagination-centered:before{
  1680.     background:#303030 !important;
  1681. }
  1682. #mp-editor-area div.CodeMirror-selected{
  1683.     background:rgba(255,255,255,0.5) !important;
  1684. }
  1685. #mp-editor-area .CodeMirror-line,#mp-editor-area .CodeMirror-line *{
  1686.     background:transparent !important;
  1687. }
  1688. */
  1689. /*--------------------侧栏颜色*/
  1690. /*[[SidebarColorCSS]]*/
  1691. /*下面是侧栏颜色CSS
  1692. #app > .lfe-body{
  1693.     background: linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%) !important;
  1694. }
  1695. #app > .lfe-body > a , .popup-button > i{
  1696.     color: #fafafa !important;
  1697. }
  1698. */
  1699. /*--------------------禁用顶栏标题动画*/
  1700. /*[[RemoveTitleAnimation]]*/
  1701. /*下面是禁用顶栏标题动画CSS
  1702. .main-container > header > .header > h1{
  1703.     animation:none !important;
  1704. }
  1705. */
  1706. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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