*{margin:0;padding:0;box-sizing:border-box;color:#fff;}
body{background:#000;background-image:url('');background-size:cover;}

/*头部横幅*/
.banner-box{
    height:220px;
    background:url(../img/banner.jpg) center/cover no-repeat;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:50px;
}
.banner-text h1{font-size:52px;font-family:"书法字体";}
.banner-text p{font-size:22px;margin-top:8px;opacity:0.9;}

/*导航栏*/
.nav{
    background:#fff;
    display:flex;
    justify-content:center;
    gap:60px;
    padding:14px 0;
}
.nav a{color:#000;text-decoration:none;font-size:17px;font-weight:500;}

/*面食种类模块*/
.type-box{padding:40px 30px;text-align:center;}
.type-box h2{font-size:32px;margin-bottom:25px;}
.type-btn span{
    border:1px solid #fff;
    padding:6px 14px;
    margin:0 6px;
    border-radius:4px;
}

/*前三名排行*/
.rank-top{padding:0 30px 40px;}
.rank-top h2{text-align:center;font-size:32px;margin-bottom:30px;}
.rank-list{display:flex;justify-content:center;gap:25px;}
.rank-item img{width:300px;height:230px;object-fit:cover;border-radius:4px;}
.rank-item p{text-align:center;margin-top:10px;font-size:15px;}

/*简介区域*/
.intro-box{padding:0 40px 50px;}
.intro-box h2{text-align:center;font-size:36px;margin-bottom:30px;}
.intro-content{display:flex;gap:35px;align-items:center;}
.intro-img img{width:320px;}
.intro-word p{line-height:1.8;margin-bottom:12px;font-size:16px;opacity:0.9;}

footer{text-align:center;padding:30px;background:#111;margin-top:20px;}