/* 通用按钮样式 */
.button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    text-decoration: none;
    width: 240px;
    height: 55px;
    border-radius: 8px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(37, 117, 252, 0.3);
}
.button.menu {}
.button.child {
    width: 216px;
    height: 45px;
}
.button.child:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(37, 117, 252, 0.4);
    filter: brightness(1.05);
}

/* 血染钟楼按钮 */
.button.menu.blood {
    background: #8B0000;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
}
.button.child.blood {
    background: #8B0000;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
}
.button.child.blood:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.4);
    filter: brightness(1.05);
}

/* 计中计按钮 */
.button.jzj {
    background: linear-gradient(145deg, #111, #2b2b2b);
    box-shadow: inset 0 0 0 2px #333, 0 4px 15px rgba(0, 0, 0, 0.5);
}
.button.jzj:hover {
    box-shadow: inset 0 0 0 2px #c4322f, 0 6px 20px rgba(196, 50, 47, 0.6);
    color: #ff4945;
    transform: translateY(-2px) scale(1.03);
    background: linear-gradient(145deg, #1a1a1a, #3a3a3a);
}

/* 大杀四方按钮 */
.button.killing {
    background: linear-gradient(90deg, #9b5cff, #e34173);
    box-shadow: 0 4px 15px rgba(227, 65, 115, 0.3);
}
.button.killing:hover {
    background: linear-gradient(90deg, #ae6eff, #f35b8a);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(227, 65, 115, 0.4);
}


/* Github按钮 */
.button.github {
    background: #D5D5D5;
    border: 2px solid #D5D5D5;
    height: 35px;
    color: black;
    box-shadow: none;
}
.button.github:hover {
    border-color: #707070;
    filter: brightness(85%);
    transform: none;
}