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;
    }
}


/*文字淡入上滑动画*/
.text-ani {
    opacity: 0;
    transform: translateY(25px);
    animation: fadeUp 0.8s ease forwards;
}
.delay1 { animation-delay: 0.15s; }
.delay2 { animation-delay: 0.30s; }
.delay3 { animation-delay: 0.45s; }
.delay4 { animation-delay: 0.60s; }
.delay5 { animation-delay: 0.75s; }

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 首页顶部标题：居中三行文字 */
.home-top-title{
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
}

.home-top-title p{
    margin:8px 0;
    font-size:32px;
    color:#000;
    background-color:transparent;
    padding:0;
    border-radius:0;
}

/* 四个模块保持原来的2行2列居中布局 */
.card-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    width:280px;
    margin:0 auto;
}

.card{
    width:130px;
    height:170px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,255,255,0.72);
    border-radius:14px;
    text-decoration:none;
}

.card-text{
    font-size:24px;
    color:#000;
    letter-spacing:3px;
}

.card:hover{
    background-color:rgba(255,255,255,0.9);
}
/* 文字从上淡入动画 */
.fade-in-text {
    opacity: 0;
    transform: translateY(15px);
    animation: textFade 0.8s ease forwards;
}

@keyframes textFade {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}