@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap');
*{box-sizing:border-box}
body{margin:0;background:#fff7f0;color:#6b5145;font-family:"Microsoft YaHei"}
#stars{position:fixed;z-index:2;pointer-events:none}
.hero{height:100vh;background:url("images/bg.jpg") center/cover;display:flex;align-items:center;justify-content:center;color:white;text-align:center}
.mask{position:absolute;inset:0;background:linear-gradient(#0005,#0006)}
.content{position:relative;z-index:3}
.en{letter-spacing:6px}
h1{font-family:"Ma Shan Zheng";font-size:60px;font-weight:400}
h1 i{color:#d8aa70;font-style:normal}
.date{font-size:28px}
button{padding:14px 35px;border:0;border-radius:30px;background:#c49a65;color:white;margin:15px;font-size:16px}
section#main{padding:40px 20px;text-align:center}
h2{font-family:"Ma Shan Zheng";font-size:38px}
.card,.timeline{background:white;border-radius:25px;padding:25px;margin:25px auto;max-width:500px;box-shadow:0 10px 30px #0001;line-height:2}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery img{width:100%;height:120px;object-fit:cover;border-radius:15px}
.hearts span{position:fixed;top:-30px;color:#e8b6a5;font-size:24px;animation:fall 5s linear}
@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}
@media(max-width:600px){h1{font-size:45px}}