/*
Theme: 面塑云览
Description: 中国面塑非遗数字博物馆
*/


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    font-family:
    "Microsoft YaHei",
    "Noto Serif SC",
    serif;

    color:#333;

    background:#f8f5ef;

}



a{

    text-decoration:none;

    color:inherit;

}



/* ===== 导航 ===== */


header{

    height:90px;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 8%;

    position:relative;

    z-index:10;

}



.logo{

    font-size:32px;

    font-weight:bold;

    color:#8b2e22;

}



nav a{

    margin-left:40px;

    font-size:18px;

    color:#333;

}



nav a:hover{

    color:#b8860b;

}





/* ===== 首页首屏 ===== */


body{

    margin:0;

    padding:0;

    background-image:url("assets/images/bg.jpg");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}





/* 如果HTML里还有这个，不让它遮挡背景 */

.hero-mask{

    display:none;

}




.hero-content{

    width:100%;

    position:relative;

    z-index:2;

    text-align:center;

}



.hero-content h1{


    font-size:90px;

    letter-spacing:15px;

    font-weight:bold;

    margin-bottom:30px;


}




.hero-content h2{


    font-size:38px;

    margin-bottom:25px;

    color:#333;


}




.hero-content p{


    font-size:24px;

    margin-bottom:45px;

    color:#555;


}





.button{


    display:inline-block;


    padding:18px 55px;


    background:#b8860b;


    color:white;


    border-radius:40px;


    font-size:22px;


    transition:.3s;


}



.button:hover{


    background:#d4a017;


    transform:translateY(-5px);


}






/* ===== 六大入口 ===== */


.entrance{


    padding:90px 8%;


    display:grid;


    grid-template-columns:repeat(3,1fr);


    gap:35px;


}




.card{


    background:white;


    padding:45px 30px;


    border-radius:15px;


    text-align:center;


    box-shadow:

    0 10px 30px rgba(0,0,0,.08);


    transition:.3s;


}



.card:hover{


    transform:translateY(-10px);


}




.card h3{


    font-size:28px;


    color:#8b2e22;


    margin-bottom:20px;


}




.card p{


    font-size:18px;


    color:#666;


}






/* ===== 关于 ===== */


.about{


    padding:100px 15%;


    text-align:center;


}




.about h2{


    font-size:42px;


    color:#8b2e22;


    margin-bottom:30px;


}




.about p{


    font-size:22px;


    line-height:2;


}





/* ===== 手机 ===== */


@media(max-width:900px){


    nav a{

        margin-left:15px;

        font-size:14px;

    }



    .hero-content h1{

        font-size:55px;

        letter-spacing:8px;

    }



    .hero-content h2{

        font-size:26px;

    }



    .entrance{

        grid-template-columns:1fr;

    }


}




@media(max-width:600px){


    header{

        padding:0 20px;

    }



    .logo{

        font-size:24px;

    }



    nav{

        display:none;

    }



    .hero-content h1{

        font-size:40px;

    }


}
.vr-page{

height:calc(100vh - 90px);

background:#111;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

color:white;

text-align:center;

}


.vr-page h1{

font-size:60px;

margin-bottom:30px;

}


.vr-page p{

font-size:25px;

}
#debug-info{

position:fixed;

bottom:10px;

left:50%;

transform:translateX(-50%);

background:rgba(0,0,0,.7);

color:white;

padding:10px 20px;

border-radius:20px;

z-index:9999;

font-family:monospace;

}
footer{

text-align:center;

padding:30px 0;

background:#333;

color:#ddd;

font-size:14px;

}


footer a{

color:#ddd;

text-decoration:none;

}


footer a:hover{

color:#c99718;

}