body{
    margin:0;
    min-height: 100vh;
    background-image: url(bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.container{
    width:85%;
    max-width:900px;
    margin: 0 auto;
    padding:40px 20px;
    text-align:center;
}

/*首页模块盒子样式*/
.box-wrap{
    margin-top:60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:30px;
}

.box{
    display:block;
    padding:45px 10px;
    font-size:24px;
    background-color:rgba(255,255,255,0.72);
    border-radius:14px;
    text-decoration:none;
}
.box:hover{
    background-color:rgba(255,255,255,0.9);
}

/*返回按钮*/
.back-btn{
    display:inline-block;
    margin-top:50px;
    font-size:18px;
    text-decoration:none;
    background-color:rgba(255,255,255,0.72);
    padding:12px 26px;
    border-radius:10px;
    color:#000000;
}
.back-btn:hover{
    background-color:rgba(255,255,255,0.9);
}

p{
    font-size:17px;  /*子页面文字变小*/
    color:#000000;   /*子页面黑色字体*/
    background-color:rgba(255,255,255,0.72);
    padding:20px;
    border-radius:12px;
}

h1{
    font-size:32px;
    color:#000000; /*默认黑色，首页会单独覆盖*/
}

img{
    max-width: 520px;  /* 最大宽度，超过就自动缩小 */
    width: 100%;
    border-radius:12px;
    margin:15px 0;
}/*文字图片左右并排容器*/
.text-img-row{
    display:flex;
    gap:25px;
    align-items:center;
    margin:20px 0;
}
.text-img-row p{
    flex:1;
}
.text-img-row img{
    max: width 320px;;
}

/*手机小屏幕自动变回上下堆叠*/
@media (max-width:720px){
    .text-img-row{
        flex-direction:column;
    }
}
/*三张旅行图片横向排列*/
.travel-img-group{
    display:flex;
    gap:16px;
    justify-content:center;
    margin:25px 0;
}
.travel-img-group img{
    max-width:240px;
    width:100%;
    border‑radius:12px;
}
/*手机屏幕自动变成竖着堆叠，不会挤坏*/
@media (max‑width:700px){
    .travel-img-group{
        flex‑direction:column;
        align‑items:center;
    }
}


}

}