/* 通用按钮样式 */
.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.submenu {}
.button.child {
    width: 215px;
    height: 45px;
    min-height: 35px;
}
.button.child.small {
    background: linear-gradient(135deg, #6caeff 0%, #478dff 100%);
    width: 180px;
    height: 40px;
}
.button.child:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(37, 117, 252, 0.4);
    filter: brightness(1.05);
}
.author {
    position: absolute;
    right: 6px;
    bottom: 2px;
    font-size: 9px;
    opacity: 0.8;
    pointer-events: none;
}
.btn-icon {
    width: 38px;
    height: 38px;
}

/* 血染钟楼按钮 */
.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 {
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.4);
    filter: brightness(1.05);
    transform: translateY(-3px);
}

/* 计中计按钮 */
.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 {
    background: linear-gradient(145deg, #1a1a1a, #3a3a3a);
    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);
}

/* 大杀四方按钮 */
.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);
    box-shadow: 0 6px 20px rgba(227, 65, 115, 0.4);
    transform: translateY(-2px);

}

/* 灵光按钮 */
.button.lingguang {
    background: linear-gradient(145deg, rgba(30, 60, 114, 0.9), rgba(20, 30, 48, 0.9));
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.button.lingguang:hover {
    background: linear-gradient(145deg, rgba(40, 80, 150, 0.95), rgba(30, 50, 80, 0.95));
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

/* 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;
}