Smart - Luogu stylish 样式

/*定义*/
@keyframes showAPP {
	0%{
		opacity:0;
margin-left:
		-300px;
	}
	100%{
		opacity:1;
		margin-left:3px;
	}

}
@keyframes showUI {
	0%{
		opacity:0;
margin-top:
		-20px;
	}
	100%{
		opacity:1;
		margin-top:20px;
	}

}
@keyframes slowshow {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}

}
/*滚动条*/
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background-color: rgba(0, 0, 0, .12);
}
::-webkit-scrollbar-track {
    background-color: rgba(217, 135, 230, .25);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(137, 81, 234, .99);
}
::-webkit-scrollbar-thumb:hover {
    background-color: #5e72e4;
}
/*--标题栏*/
.main-container > .header-layout .background {
display:
	none !important;
}

/*超链接*/
a {
transition:
	all .15s;
color:
#94c3ff;
}
a:
hover {
color:
#fa4b4b ;
}
/*图片背景*/
.main-container > main.lfe-body {
background:
	transparent !important;
}

html > body {
background-image:
url(https://cdn.luogu.com.cn/upload/image_hosting/wvm2ar38.png) !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
/*顶栏*/
#app > .main-container > .header-layout.tiny {
transition: all .45s;
height: 60px;
width: 100%;
background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important;
}
/*侧栏*/
/*carbinluogu*/
#app > .lfe-body {
    background: #fafafa !important/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/;
    box-shadow: 4px 5px 15px rgba(50, 50, 93, .1), 2px 5px 8px rgba(0, 0, 0, .07)!important;
}
#app > .lfe-body > a {
    color: #825ee4 !important;
    height: 3.7em;
    margin-top: 3px;
    padding: 0 !important;
}
#app > .lfe-body > a:first-of-type {
    margin-top: 10px !important;
}
#app > .lfe-body > a > .icon {
    line-height: 2.4em;
    font-size: 18px;
    width: 100%;
    margin: 0 !important;
    transition: all 0.3s ease;
}
#app > .lfe-body > a > .text {
    opacity: 0;
    margin-top: -2em;
    display: block;
    transition: all 0.3s ease;
}
#app > .lfe-body > a:hover > .icon {
    line-height: 1.5em;
    font-size: 17px;
}
#app > .lfe-body > a:hover > .text {
    opacity: 1;
    margin-top: 0.2em;
}
#app > .lfe-body > div:first-of-type {
    background-color: #825ee4 !important;
}
#app > .lfe-body > .popup-button {
    background-color: transparent !important;
    margin-top: 8px;
    color: #825ee4 !important;
}
/*smart - luogu*/
#app > .lfe-body {
    border-radius:30px;
    margin-left:10px;
    margin-top:7%;
    height:50%;
}
#app > .lfe-body > div:first-of-type {
    background-image: url(https://cdn.luogu.com.cn/upload/image_hosting/mj3q9q5d.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    background-attachment: revert;
}

/*记录详情 */
.wrapper > .test-case {
	border-radius: 10px;
    opacity: .9;
    transition: all 0.3s ease;
}
.wrapper > .test-case:hover {
    transform: translateY(-2px);
	border-radius: 13px;
    opacity: 1;
}
.message[data-v-21e0a7cc]{
	border-radius: 10px;
}
/*弹窗*/
.swal2-popup.swal2-modal.swal2-show{
    border-radius:50px;
}
.swal2-actions > .swal2-confirm.swal2-styled{
    border-radius:99px;
}
.swal2-actions > .swal2-cancel.swal2-styled{
    border-radius:99px;
}
/*qwq*/
.info[data-v-3e2ae97b]:after{
	content:"Smart - Luogu 由 SmartBig 研发";
}
/*卡片*/
.lg-article:hover {
    background:rgba(255, 255, 255, .8);
	box-shadow: 3px 3px 20px #1f1f1f;
}
.card.padding-default:hover {
    background:rgba(255, 255, 255, .9);
	box-shadow: 3px 3px 20px #1f1f1f;
}
.card.problem-card.padding-default:hover {
    transform:translateY(-1px); 
	border-radius: 20px 20px 20px 20px;
	background:rgba(255, 255, 255, .9);
	box-shadow: 3px 3px 20px #656565;
}
/*复制按钮*/
.copy-btn.lfe-form-sz-middle{
    animation:slowshow 1s 1;
    transition: all 0.3s ease;
    border-radius: 5px;
    color:#05107c !important;
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important;
    border-color:#e0c3fc !important;
}
.copy-btn.lfe-form-sz-middle:hover{
    transform:translateY(-1px); 
}
.copy-btn.lfe-form-sz-middle{
  opacity: 1;
  transition: .6s;
}
.copy-btn.lfe-form-sz-middle:active{
    opacity: 0.4;
    transition: 0s; 
}
/*rated*/
.am-badge.am-radius.lg-bg-green{
    border-radius: 10px;
    transition: all 0.3s ease;
}
.am-badge.am-radius.lg-bg-green:hover{
    transform:translateY(-2px); 
}
/*exlg*/
#exlg-dash{
    border-radius: 40px;
}
.exlg-badge{
    /*仿正统tag 不喜欢可删*/
    border-radius:5px;
}
.exlg-window{
    background:rgba(255, 255, 255, .8) !important;
}
.exlg-smallbtn.exlg-unselectable{
    animation:slowshow 1s 1;
}
/* -------------------------------- 圆角化 --------------------------------- */
.card.padding-default {
	border-radius: 20px 20px 20px 20px;
	background:
	rgba(255, 255, 255, .7);
	box-shadow: 0px 0px 0px #8f8f8f;
}
.lg-article {
    transition: all 0.5s ease;
	border-radius: 20px 20px 20px 20px;
background:rgba(255, 255, 255, .7);
	box-shadow: 0px 0px 0px #8f8f8f;
}
.dropdown > .center {
	border-radius: 30px 30px 30px 30px;
	box-shadow: 5px 5px 17px #8f8f8f7a;
}
.popup[data-v-1d675dd8] {
background-color: green;
	width: 150px;
	height: 150px;
animation:showAPP .5s 1;
	box-shadow: 5px 5px 17px #8f8f8f7a;
	margin-left: 3px;
	width: 11.4em;
	height: 13.7em;
   background: #fff;
   background-color: rgb(255, 255, 255);
   background-clip: border-box;
	border-radius: 15px !important;
	border: 0px solid rgba(0, 0, 0, .2);
}
.apps a[data-v-1d675dd8] {

padding: .3em;
color: #333;
	border-radius: 99px;
}
.padding-none[data-v-f9624136] {
	border-radius: 30px;
}
.user-nav[data-v-2dfcfd35] {
animation:showUI 1s 1;
transition: all .5s;
    background:rgba(255, 255, 255, .4);
	margin-top:20px;
	border-radius: 25px;
}
.user-nav[data-v-2dfcfd35]:hover {
	background:rgba(255, 255, 255, .6);
}
.card.problem-card.padding-default {
	border-radius: 20px 20px 20px 20px;
	background:rgba(255, 255, 255, .8);
	box-shadow: 0px 0px 0px #8f8f8f;
}
.card.padding-default {
   transition: all .5s ease;
	border-radius: 20px 20px 20px 20px;
	background:rgba(255, 255, 255, .8);
	box-shadow: 0px 0px 0px #8f8f8f;
}
.card.user-header-container.padding-0{
    width:100%;
    border-radius: 20px 20px 20px 20px;
	background:rgba(255, 255, 255, .9);
	box-shadow: 0px 0px 0px #8f8f8f;
    height:400px;
}
.card.user-header-container.padding-0 > .user-header-top{
	height:320px;
}
.select-button.lfe-form-sz-small
{
   border-radius: 30px; 
}
[data-v-47712372]{
    background-color: #0011803b !important;
}
.color-default > .lfe-caption{
    border-radius: 20px; 
}
.tag.color-none > .lfe-caption
{
    border-radius: 20px; 
}
.selected[data-v-66021821]{
    border-radius: 10px; 
}
.bottom.float-bottom{
    animation:slowshow 1s 1;
    margin-bottom:4px;
    border-radius: 20px; 
}