*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

img{
    max-width: 100%;
}

h1{
color: rgb(255, 255, 255);
text-align: center;
padding: 40px;
}

ul{
    list-style: none;
}
    
.page-header{
    background-color: rgb(0, 0, 0);
}

.preview{
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.preview video{
    background-color: black;
    width: 100%;
    border-radius: 20px;
    border: 5px solid black;
    margin-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
}

.screenshots{
 display: flex; 
 flex-wrap: wrap;
 justify-content:center;
 column-gap: 40px;
 row-gap: 40px;
 padding-top: 80px;
 padding-bottom: 80px;

}

.screenshot {
    max-width: 320px;
    min-width: 280px;
    border-radius: 20px;
    border: 5px solid black;
}

.screenshot img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.game-wrapper{
max-width: 1400px;
margin-left: auto;
margin-right: auto;
background-color: black;
margin-bottom: 80px;
}

.page-footer{
    background-color: black;
    color: rgb(255, 255, 255);
    padding: 100px;
    text-align: center;
}

/* 新增：分数显示样式 */
.score-display {
    position: fixed;
    top: 20px;
    left: 20px;
    color: #ffd700; /* 金色 */
    font-size: 1.5em;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    z-index: 1000;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

/* 新增：得分弹窗样式 */
.score-popup {
    position: absolute;
    font-size: 1.2em;
    color: #ffff00; /* 黄色 */
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: scale(0.9);
    user-select: none;
}

#countdown {
    text-shadow: 0 0 10px rgba(0, 255, 0, 0.8); /* 绿色发光效果 */
    transition: opacity 0.3s;
}

/* 剩余时间<5秒时变红 */
#countdown[style*="剩余时间: 4."],
#countdown[style*="剩余时间: 3."],
#countdown[style*="剩余时间: 2."],
#countdown[style*="剩余时间: 1."],
#countdown[style*="剩余时间: 0."] {
    color: red;
    text-shadow: 0 0 15px red;
}