@media screen and (max-width: 1079px) and (min-width: 752px) {

    /* 导航栏 */
    div#header {
        height: 40px;
        transition: all .5s;
    }

    div#header > div#content {
        width: calc(100% - 32px);
        height: 40px;
        margin: 0 auto;
    }

    div#header > div#content > div#header-narrow {
        width: 100%;
        height: 40px;
    }

    div#header-narrow > div#header-narrow-title {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }

    div#header-narrow-title > div#narrow-title {
        transform: translate(0, 8px);
        transition: all .3s;
        /* transition-delay: 0; */
    }

    div#header-narrow-title > div#narrow-title span {
        display: block;
        transition: all .3s;
        /* transition-delay: 0; */
        color: var(--system-black-1st);
    }

    div#header > div#content > div#header-wide {
        display: none;
    }

    div#fold-section {
        position: absolute;
        top: 92px;
        left: 16px;
    }

    div#fold-section span {
        color: var(--system-black-1st);
    }

    div#fold-section div:not(:first-child) {
        margin-top: 8px;
    }

    #btn {
        width: 16px;
        height: 8px;
        position: relative;
        top: 16px;
    }

    #ex-one,
    #ex-two {
        width: 16px;
        height: 2px;
        background-color: var(--system-black-1st);
        border-radius: 1px;
        transform: rotate(0);
    }

    #ex-two {
        position: relative;
        top: 4px;
        transform: rotate(0);
    }

    .rotate#fold-controller #ex-one {
        transform: rotate(45deg) translateY(4px);
        transition: all .3s;
    }

    .rotate#fold-controller #ex-two {
        transform: rotate(-45deg) translateY(-4px);
        transition: all .3s;
    }

    .origin#fold-controller #ex-one {
        transform: rotate(0) translateY(0);
        transition: all .3s;
    }

    .origin#fold-controller #ex-two {
        transform: rotate(0) translateY(0);
        transition: all .3s;
    }


    /* opening */
    div#opening > div#first-sight > svg {
        width: calc(100vw - 32px);
    }

    div#opening > div#introduce > div#description {
        width: 352px;
    }

    div#opening > div#talk > #next > #narrative span,
    div#opening > div#talk > span {
        width: 720px;
    }

    div#opening > div#talk > div#div-start > div {
        width: 352px;
    }

    div#opening > div#talk > div#div-start div span::before {
        /* display: block; */
        content: '占位字';
        opacity: 0;
    }

    div#opening > div#talk > div#div-start div span {
        transform: translateY(-50%);
    }

    div#academy-content > div {
        position: relative;
        width: calc(100vw - 16px * 2);
        height: calc((100vw - 16px * 3) / 2);
        margin: 0 auto;
        margin-bottom: 16px;
        border-radius: 16px;
        transition: all 1s;
    }
    
    #first-row {
        width: 100vw;
        position: relative;
        transform: translateY(64px);
        opacity: 0;
        transition: all 1s;
    }
    
    div#first-year,
    div#second-year {
        width: calc((100% - 16px) / 2);
        height: 100%;
        border-radius: 16px;
        position: absolute;
        overflow: hidden;
        background-color: #000;
    }
    
    div#first-year {
        left: 0;
    }
    
    div#second-year {
        right: 0;
    }
    
    div#first-year > #first-title,
    div#second-year  > #second-title {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        transform: translateY(calc(-50% - 32px));
        color: #fff;
        transition: all .7s;
    }
    
    div#first-year > img,
    div#second-year > img {
        width: 100%;
        transition: all .7s;
        opacity: .5;
    }
    
    div#first-year > #first-text,
    div#second-year  > #second-text {
        position: absolute;
        max-width: 100%;
        text-align: center;
        top: 50%;
        transform: translateY(16px);
        color: #fff;
        opacity: 1;
        transition: all .7s ease-in;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    div#first-year > #first-more,
    div#second-year  > #second-more {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
        transform: translateY(-48px);
        color: #fff;
        opacity: 1;
        transition: all .7s;
    }
    
    div#first-year > #first-desc,
    div#second-year  > #second-desc {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
        transform: translateY(-16px);
        color: #fff;
    }
    
    div#first-year > #first-more span,
    div#second-year  > #second-more span {
        text-decoration: underline;
    }
    
    div#second-row {
        width: 100vw;
        position: relative;
        opacity: 0;
        transform: translateY(64px);
        transition: all 1s;
    }
    
    div#second-row > div#second-content {
        background-color: var(--system-white-1st);
        width: calc(100vw - 16px * 2);
        max-width: calc(1440px - 16px * 2);
        margin: 0 auto;
        position: relative;
        height: calc((100vw - 16px * 3) / 2);
        max-height: calc((1440px - 16px * 3) / 2);
        border-radius: 32px;
    }

}