@media (max-width: 720px) {

    /* 在小屏幕设备上应用的样式 */

    /* header */
    h1 {
        font-size: 1.8em;
    }

    .container {
        display: block;
    }

    main.main {
        width: 100%;
        margin: 0 auto;
    }

    aside.sidebar {
        width: 100%;
        margin: 1em auto;
    }

    /* button.send-btn {} */

    .site-nav>*+* {
        /* 先0再变 */
        margin-top: 0;
        margin-left: 0;
        transition: margin 0.5s;
    }

    .site-nav {
        overflow: hidden;
        height: 9em;
        transition: all 1s;

        overflow: hidden;
        padding-left: .8em;
        padding-right: .8em;
        padding-top: 0;
        padding-bottom: 0;

        /* 隐藏导航栏 */
        /* display: none; */
        height: 0;

        /* 新的导航栏样式 */
        /* width: fit-content; */
        margin-left: auto;
        /* left: 0; */
        /* height: 0; */
        transition: .4s;
        /* height: initial; */
        z-index: -9;

        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    /* 显示导航栏 */
    .navShow {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding-top: .8em;
        padding-bottom: .8em;
    }

    .navShow>*+* {
        margin-top: 1em;
    }


    /* 显示菜单按钮 */
    .toggle {
        display: flex;
    }

    /* body */
    #jinrishici-sentence {
        display: none;
    }
}

@media (min-width: 721px) and (max-width: 1000px) {

    /* 在中等屏幕设备上应用的样式 */
    nav {
        /* 导航栏 */
        display: initial;
    }

    .danmu p {
        font-size: medium;
    }

    .userSentContent{
        font-size: medium;
    }

    #jinrishici-sentence {
        display: initial;
    }
}

@media (min-width: 1001px) {

    /* 在大屏幕设备上应用的样式 */
    nav {
        /* 导航栏 */
        display: initial;
    }

    .body-container {
        width: 90%;
        max-width: 90%;
    }

    .danmu p {
        font-size: large;
    }

    .userSentContent{
        font-size: large;
    }

    #jinrishici-sentence {
        display: initial;
    }
}