body {
        border:none;
        background-color: #5c4d4c;
        margin:0;<!--取消body和屏幕之间的间隙-->
        }



.all{
        border:1.6vw groove #351e1c;
        width:95.5vw;
        height:auto;
        margin:0;
        padding:0;
}



.header{
        border:none;
        height:30vh;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        }



.inspiration{
        border:none;
        font-family: YouYuan,Kaiti,SimSun,Arial, sans-serif;
        color:white;
        font-size:3vw;
        color:white;
        font-weight:bold;
        margin: 0; /* 清除任何外边距 */
        padding: 0; /* 清除任何内边距 */
}



.inspiration-detail{
        border:none;
        font-family: YouYuan,Kaiti,SimSun,Arial, sans-serif;
        color:white;
        font-size:1.3vw;
        color:#d8d4f2;
        font-weight:bold;
}



.nav{
        border:1vw groove #9fd7ce;
        height:auto;
        background-color:#b6eddb;
        position: sticky;/*让导航栏固定在屏幕顶部，不随内容移动*/
        top: 0;
}



.nav ul{
        border:none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width:100%;
        height:100%;
        display:flex;
        align-items:center;
}



.nav ul li{
        border:none;
        border-right:1px solid white;
        float:left;
        width:10%;
        height:100%;
        margin:0;
        padding:0;

        padding-top:9px;
        padding-bottom:9px;
}



.nav ul li:hover{
        background-color:#9fd7ce;

}



.nav-a{
        border:none;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        font-family: YouYuan,Kaiti,SimSun,Arial, sans-serif;
        color:white;
        color:#5c4d4c;
        font-weight:bold;
        text-decoration:none;
}



.container{
        border:none;
        height:auto;
        display:flex;
        justify-content:center;
        align-items:center;
        }

.fun-things{
        border:none;
        width:80%;

        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;


}

.fun{
        border:1vw inset 	#cdc2f5;

        width:95%;
        height:15vh;
        margin-top:100px;
        background-color:#d8d4f2;
        display:flex;
        justify-content:center;
        align-items:center;


}

.fun:hover{
                background-color:	#cdc2f5;
                        transform: translateY(3px);
                        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.a-fun{
        border:none;
        text-decoration:none;

        display:flex;
        justify-content:center;
        align-items:center;

        width:70%;
        height:70%;

        font-family: YouYuan,Kaiti,SimSun,Arial, sans-serif;
        color:white;
        font-size:3vw;
        color:#5c4d4c;
        font-weight:bold;
}


.footer{
        border:none;
        display:flex;
        justify-content:center;
        align-items:center;
        height:10vw;
        }



.a-beian-num{
        text-decoration:none;
        color:white;
        }