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



.all{
        border:none;

        }



.container{
        border:none;
        min-height: 100vh;
        }



.introduce{
        border:none;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction: column; /* 子元素垂直堆叠 */
        height:50vh;
        position:relative;
        }



.p1{
        border:none;
        font-family: YouYuan;
        color:white;
        font-size:8vw;
        color:white;
        font-weight:bold;
        margin: 0; /* 清除任何外边距 */
        padding: 0; /* 清除任何内边距 */
        }



.p2{
        border:red solid;
        font-family: YouYuan;
        color:white;
        font-size:1.5vw;
        color:#d8d4f2;
        width:50%;
        }



._4button{
        border:none;
        position:absolute;
        bottom:1vw;
        display:flex;
}


.settingsbutton,.detailsbutton,.noticebutton,.play-button{
        width:5vw;
        height:5vw;
        border-radius:50%;
        display:flex;
        justify-content:center;
        align-items:center;
        background-color:#b6eddb;
        border:none;
        cursor: pointer;
        }



._4btn:hover{
       background-color:#9fd7ce;

}


.settingsbutton,.detailsbutton,.noticebutton{
        margin-right:2vw;

        }



._5module{
        border:none;
        display:flex;
        justify-content:center;


        height:50vh;
        width:100%;
        position: relative;
        z-index: 1;
        }




.module-container {
        border:none;
        height:40%;
        width:99%;
        display:flex;
        justify-content:center;
        align-items:center;
        z-index: 1;
        }



.module {
        width:13%;
        height:auto;

        border:none;
        margin-right:2vw;




        }



._5a{
        border:0.7vw inset #cdc2f5;
        color: #5c4d4c;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        border-radius: 10px;
        font-size: 100%;
        width:100%;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center;

        background-color:#d8d4f2;

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







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

        }



canvas {
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        }



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



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