Xenon Luogu + 透明 by cqbzcky

/* ==UserStyle==
@name           Xenon Luogu Plus
@namespace      USO Archive
@author         cqbzcky
@description    `Some changes have been made to the original program to make the page look better, recommended to be used with exlg (exlg.cc)`
@version        2.5.1
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
==/UserStyle== */

@-moz-document regexp("^((?!blog)(?!practice).)*https://www.luogu.com.cn((?!blog)(?!practice).)*$") {
/*You can remove this line and the matching curly brackets without using exlg*/
    .color-default {
      color:rgb(98, 47, 175) !important;
    }
}

@-moz-document regexp("^((?!blog).)*https://www.luogu.com.cn((?!blog).)*$") {
/* ------------------------------ 透明度 ------------------------------- */
    /* 卡片背景透明度：0.8 */
    .lg-article , .lg-summary , .lg-article-sub, .card{
        background: rgba(252,252,252,0.8) !important;
    }
    /* 引用内容透明度: 0.85*/
    blockquote{
        background: rgba(252,252,252,0.85) !important;
        border-radius: 12px !important;
    }
    .am-comment-bd{
        background: rgba(252,252,252,0.2) !important;
    }
    /*  评论和犇犇背景透明度：0.8   */
    .am-comment-main
    {
        background: rgba(255,255,255,0.8) !important;
    }

    /* 题解底栏透明度 */
    .solution-article > .operations.float
    {
        opacity: 0.9;
    }

/*-------------------------------Xenon Luogu---------------------------------*/
    .am-panel-bd {
	    background-color: rgba(0, 0, 0, .015) !important;
	}
	.am-panel {
	    border: none !important;
	}
	.lfe-vars{
	    --lfe-color--primary: rgb(52, 152, 219) !important;
	    --lfe-color-other: rgb(98, 47, 175) !important;
    }
	.am-pagination>li>a, .am-pagination>li>span {
	    border-radius: 15px !important;
	}
	.popup[data-v-1d675dd8] {
	    background-color: #ffffff !important;
	}
	div[data-v-27b2cd59], nav[data-v-27b2cd59] {
	    background-color: transparent !important;
	}
	.hljs {
	    font-family: Consolas !important;
	}
	pre[data-v-52f2d52f] {
	    font-family: Consolas !important;
	}
	.card[data-v-796309f8] {
	    border-radius: 5px !important;
	}
	button[data-v-370e72e2] {
	    background-color: #fff !important;
	}
	.container[data-v-46cb0950], .header-link[data-v-46cb0950] {
	    color: #eeeeee !important;
	}
	.main-container > .header-layout.tiny[data-v-90bffe18] {
	    color: #eeeeee !important;
	    background: transparent !important;
	}
   a.icon.color-none,.svg-inline--fa.fa-bell.fa-w-14,.svg-inline--fa.fa-envelope.fa-w-16{
        color:#ddd !important;
    }
    a.link.color-default {
        color:rgb(98, 47, 175)!important;
    }
   .user-nav{
        background:rgba(0,0,0,0) !important;
    }
	#search-user-form {
	    display:none !important;
	}
   .am-comment-actions, .am-comment-meta, .mp-editor-toolbar, .cover-upload {
     background: #bfdfee !important;
     color : #584343e6 !important;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13) !important;
     border-radius: 7px 7px 0px 0px;
   }
   .am-comment-main:before, .am-comment-main:after {
    display: none;
   }
   .am-comment-main, .am-comment-hd {
    border-radius: 8px;
   }
   .am-comment-main {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
   }
	.am-badge, .tag[data-v-5d98bc80],  span[data-v-43a42535] {
	    border-radius: 20px !important;
	}
	.main-container > main.lfe-body {
	    position: relative !important;
	}
	.main-container > .header-layout > .header > h1 {
	    font-size: 50px;
	    margin-top: 25px;
	    padding-bottom: 8px;
	    animation: fadeInLeft .5s ease;
	    max-width: calc(100vw - 150px);
	}
   li.selected[data-v-8feadc5c] {
	    background-color: var(--lfe-color--primary) !important;
	    color: white !important;
   }
    li.selected[data-v-6bfea97f]{
       background-color:rgb(98, 47, 175) !important;
	    color: white !important;
    }
   	.background {
	    display: none !important;
	}
	.header-layout > .background {
	    display: block !important;
	    position: fixed !important;
	}
	.main-container > main.lfe-body {
	    background-color: transparent !important;
	    margin-top: 20px !important;
	}
	.text[data-v-cd9b963e] {
	    color: rgba(0, 0, 0, 0) !important;
	    transition-duration: 0.3s !important; 
	}
	.text[data-v-cd9b963e]:hover {
	    color: #dddddd !important;
	}
	button[data-v-370e72e2] {
	    color: rgb(158, 97, 225) !important;
	    border-color: rgb(158, 97, 225) !important;
	}
	span[data-v-20b7d558] {
	    border-radius: 20px !important;
	    padding: 2px !important;
	    font-size: 0.2rem !important;
	    padding-right: 10px !important;
	    padding-left: 10px !important;
	    margin: 2px !important;
	}
	.text[data-v-087e057c] {
	    color: black !important;
	}
	li.selected>a {
	    background-color: var(--lfe-color--primary) !important;
	    color: white !important;
	}
	.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover {
	    background-color: rgb(98, 47, 175) !important;
	    color: white !important;
	    border: none !important;
	}
   div.wrapper.wrapped.lfe-body.header-layout.tiny{
    background:none!important;
   }
	ul>li.selected>span[data-v-73965038] {
	    background-color: var(--lfe-color--primary) !important;
	    color: white !important;
	    padding: 5px !important;
	    border-radius: 5px !important;
	}
	li.am-active {
	    background-color: var(--lfe-color--primary) !important;
	    color: white !important;
	}
	.am-pagination-centered > li.am-active {
	    background-color: transparent !important;
	}
	.footer a[data-v-381c541a], .link[data-v-019a82aa], .text[data-v-019a82aa] {
	    color:rgba(255, 255, 255, .75) !important;
	}
   /*字体*/
 	h1 {
	    font-weight: normal !important;
	}
/*	h2 {
	    font-weight: normal !important;
	}
	h3 {
	    font-weight: normal !important;
	}
	h4 {
	    font-weight: normal !important;   
	}
	h5 {
	    font-weight: normal !important;
	}
	h6 {
	    font-weight: normal !important;
	} */
	/*.am-comment-bd{ border-radius: 5px !important; }*/
    
	 .header-logo[data-v-5d3ff779] {
	    display: none;
	}
	#exlg-dash {
	    background-color: rgb(98, 47, 175) !important;
	    box-shadow: 0 0 7px rgb(118, 67, 195) !important;
	}
	.am-btn-primary {
	    background-color: rgb(98, 47, 175) !important;
	    border: none !important;
	}
	.am-btn-danger {
	    background-color: rgb(61, 15, 235) !important;
	    border: none !important;
	}
	.am-btn-success {
	    background-color: #128888 !important;
	    border-color: #128888 !important;
	    border: none !important;
	}
	button[data-v-72107c51] {
	    color: white !important;
	    background-color: rgb(98, 47, 175) !important;
	    transition: .3s ease-out;
	}
	button[data-v-72107c51]:hover {
	    color: white !important;
	    background-color: rgb(118, 67, 195) !important;
	}
	textarea .am-input-group-primary .am-input-group-btn>.am-btn, .am-input-group-primary .am-input-group-label, .am-input-group-primary.am-input-group .am-form-field .am-form-group {
	    border-color: rgb(98, 47, 175) !important;
	    border-radius: 5px !important;
	    box-shadow: 5px 5px 5px #cccccc;
	}
	input:checked+label>.fa-input[data-v-b9708d54], input:enabled+label:hover>.fa-input[data-v-b9708d54] {
	    color: rgb(98, 47, 175) !important;
	}
	.header-layout.tiny[data-v-90bffe18] {
	    height: 4em !important;
	}
	.header-layout.tiny ~ main.lfe-body {
	    margin-top: 0px !important;
	    background-color: transparent !important;
	}
	.lfe-vars {
	    --lfe-color--blue-1: #e0f7ff;
	    --lfe-color--blue-2: #89d1f5;
	    --lfe-color--blue-3: #3498db;
	    --lfe-color--blue-4: #14558f;
	    --lfe-color--blue-5: #052242;
	    --lfe-color--green-1: #d9f0c7;
	    --lfe-color--green-2: #94d66d;
	    --lfe-color--green-3: #52c41a;
	    --lfe-color--green-4: #22700a;
	    --lfe-color--green-5: #072401;
	    --lfe-color--purple-1: #fbedff;
	    --lfe-color--purple-2: #ce8ee8;
	    --lfe-color--purple-3: #9d3dcf;
	    --lfe-color--purple-4: #561982;
	    --lfe-color--purple-5: #1f0736;
	    --lfe-color--orange-1: #ffedb5;
	    --lfe-color--orange-2: #ffce63;
	    --lfe-color--orange-3: #f39c11;
	    --lfe-color--orange-4: #a65b00;
	    --lfe-color--orange-5: #592b00;
	    --lfe-color--pink-1: #fff0f0;
	    --lfe-color--pink-2: #ff9ea3;
	    --lfe-color--pink-3: #fe4c61;
	    --lfe-color--pink-4: #b3243e;
	    --lfe-color--pink-5: #660e24;
	    --lfe-color--lapis-1: #cad5e8;
	    --lfe-color--lapis-2: #728dcf;
	    --lfe-color--lapis-3: #2949b4;
	    --lfe-color--lapis-4: #0e1d69;
	    --lfe-color--lapis-5: #02051c;
	    --lfe-color--gold-1: #fff6ba;
	    --lfe-color--gold-2: #ffe169;
	    --lfe-color--gold-3: #ffc116;
	    --lfe-color--gold-4: #b37700;
	    --lfe-color--gold-5: #663d00;
	    --lfe-color--cyan-1: #b5f5ec;
	    --lfe-color--cyan-2: #5cdbd3;
	    --lfe-color--cyan-3: #13c2c2;
	    --lfe-color--cyan-4: #006d75;
	    --lfe-color--cyan-5: #002329;
	    --lfe-color--yellow-1: #ffffb8;
	    --lfe-color--yellow-2: #fffb8f;
	    --lfe-color--yellow-3: #fadb14;
	    --lfe-color--yellow-4: #ad8b00;
	    --lfe-color--yellow-5: #614700;
	    --lfe-color--red-1: #ffebe6;
	    --lfe-color--red-2: #ffa694;
	    --lfe-color--red-3: #e74c3c;
	    --lfe-color--red-4: #9c1d19;
	    --lfe-color--red-5: #4f080a;
	    --lfe-color--grey-1: #fafafa;
	    --lfe-color--grey-2: #e8e8e8;
	    --lfe-color--grey-3: #bfbfbf;
	    --lfe-color--grey-4: #595959;
	    --lfe-color--grey-5: #262626;
	    --lfe-color--lgreen-1: #dae0d3;
	    --lfe-color--lgreen-2: #aac791;
	    --lfe-color--lgreen-3: #70ad47;
	    --lfe-color--lgreen-4: #34611e;
	    --lfe-color--lgreen-5: #091405;
	    --lfe-color...