.user-info-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:space-between;align-items:center;transition:all .3s;display:flex}.user-info-block:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000001a}.user-info-block .user-detail{flex-direction:column;flex:1;justify-content:center;display:flex}.user-info-block .user-detail .explain{font-size:.3rem;font-weight:400;line-height:1.4}.user-info-block .user-detail .explain .user-name{text-shadow:0 0 10px #7cd7ee99;font-weight:600}.user-info-block .user-detail .sub-message{opacity:.8;margin-top:4px;font-size:.24rem;line-height:1.3}.user-info-block.theme-default{background:linear-gradient(135deg,#7cd7ee14,#a76fd70f);border:1px solid #7cd7ee33}.user-info-block.theme-default .explain{color:#c4c4c4}.user-info-block.theme-default .explain .user-name{color:#7cd7eee6}.user-info-block.theme-default .sub-message{color:#c4c4c4}.user-info-block.theme-default:hover{background:linear-gradient(135deg,#7cd7ee1f,#a76fd714);border-color:#7cd7ee4d}.user-info-block.theme-success{background:linear-gradient(135deg,#3ad29f14,#3ad29f0f);border:1px solid #3ad29f33}.user-info-block.theme-success .explain{color:#c4c4c4}.user-info-block.theme-success .explain .user-name{color:#3ad29fe6;text-shadow:0 0 10px #3ad29f99}.user-info-block.theme-success .sub-message{color:#c4c4c4}.user-info-block.theme-success:hover{background:linear-gradient(135deg,#3ad29f1f,#3ad29f14);border-color:#3ad29f4d}.user-info-block.theme-warning{background:linear-gradient(135deg,#ffc10714,#ffc1070f);border:1px solid #ffc10733}.user-info-block.theme-warning .explain{color:#c4c4c4}.user-info-block.theme-warning .explain .user-name{color:#ffc107e6;text-shadow:0 0 10px #ffc10799}.user-info-block.theme-warning .sub-message{color:#c4c4c4}.user-info-block.theme-warning:hover{background:linear-gradient(135deg,#ffc1071f,#ffc10714);border-color:#ffc1074d}.user-info-block.theme-info{background:#ffffff05;border:1px solid #ffffff0f}.user-info-block.theme-info .explain{color:#c4c4c4}.user-info-block.theme-info .explain .user-name{color:#e6eef5;text-shadow:0 0 10px #e6eef54d}.user-info-block.theme-info .sub-message{color:#c4c4c4}.user-info-block.theme-info:hover{background:#ffffff0a;border-color:#ffffff1f}@media (width<=720px){.user-info-block{padding:12px}.user-info-block .user-detail .explain{font-size:.28rem}.user-info-block .user-detail .sub-message{font-size:.22rem}}