body{
font-family:'Comic Sans MS',Segoe UI;
background-color:#fff0f5;
color:#333;
text-align:center;
padding:50px;
}

h1{
color:#d04a7f;
}

button{
padding:12px 24px;
background-color:#d04a7f;
color:white;
border:none;
border-radius:8px;
font-size:16px;
cursor:pointer;
}

button:hover{
background-color:#a83863;
}

.modal{
display:none;
position:fixed;
z-index:1;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
overflow:auto;
padding-top:60px;
}

.modal-content{
background-color:#fff;
margin:5% auto;
padding:20px;
border-radius:10px;
width:80%;
text-align:center;
}

.close{
color:#aaa;
float:right;
font-size:28px;
font-weight:bold;
}

.close:hover{
color:black;
cursor:pointer;
}

.pujian-text{
font-size:18px;
color:#d04a7f;
margin-top:20px;
}