#upgradeWarp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 42.8vh;
    flex: 1;
}
.upgrade {
    display: flex;
    flex: 1;
    width: 100%;
}
.upgrade:not(:last-child) {
    border-bottom: 0.3vh solid #fff;
}

.upgrade > span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.upgradeInfo {flex: 1;}
.upgradeEffects {flex: 2;}
.upgradBtnWarp {flex: 1;}

.upgrade > span > div {
    width: 100%;
}
.upgradBtnWarp {
    align-items: center;
    width: 100%;
}

.upgradeInfo {
    z-index: 1;
}
.upgradeInfo > div {
    margin: 0.3vh 0;

    color: #222;
    font-weight: bolder;

    background: rgb(63, 63, 63);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(141, 141, 141) 50%, rgba(0, 0, 0, 0) 100%);
    
    box-shadow: 0 0 0.3vh rgb(245, 219, 164);
}
.upgradeInfo > div:nth-child(1) {
    font-size: 3em;
}
.upgradeInfo > div:nth-child(2) {
    font-size: 1.2em;
}

.upgradeEffects {
    background: linear-gradient(135deg, rgba(0,0,0,0) 35%, rgba(73, 58, 9, 0.75) 50%, rgba(92,92,92,0.75) 50%, rgba(0,0,0,0) 65%);
    z-index: 0;
}
.upgradeEffects > div {
    width: 80%;
}
.upgradeEffects > div:nth-child(1) {
    display: inline-block;
    text-align: right;
    text-indent: 62%;
    direction: rtl;
    font-weight: bold;
    font-size: 2.1em;
    color: rgb(156, 126, 25);
}
.upgradeEffects > div:nth-child(2) {
    text-align: left;
    text-indent: 55%;
    font-size: 1.5em;
}
.upgradeEffects > div::before {
    position: absolute;
    opacity: 0.3;
    font-size: 1.2em;
    filter: blur(0.1vh);
}
.upgradeEffects > div:nth-child(1)::before {
    transform: translate(1vw, -3.2vh);
    content: "现";
}
.upgradeEffects > div:nth-child(2)::before {
    transform: translate(-1vw, 2vh);
    content: "后";
}

.upgradBtnWarp > .upgradeBtn {
    padding: 1.4vh 0;
    width: 90%;
}