.content-wrapper {
    margin-left: 300px;
    padding: 50px 100px;
    width: calc(100% - 300px);
    transition: margin-left var(--transition-speed), width var(--transition-speed), padding var(--transition-speed);
}

@media (max-width: 768px) {
    
    .content-wrapper {
        margin-left: 0;
        width: 100%;
        padding: 80px 5px 40px;
    }
}

/* 当内容替换时，这个会套上去然后再取下来造渐入 */
.is-switching {
    opacity: 0;
}