/* ============================================
   Bootstrap 3.3.7 按钮样式覆盖
   修改按钮的 border-radius 和 padding
   border-radius: 3px -> 8px
   padding: 5px 10px -> 6px 14px
   ============================================ */

/* 基础按钮样式 - 从 6px 12px 调整为 6px 14px，border-radius 从 4px 调整为 8px */
.btn {
    border-radius: 8px !important;
    padding: 6px 14px !important;
}

/* 小尺寸按钮 (.btn-sm) - 从 5px 10px 调整为 6px 14px，border-radius 从 3px 调整为 8px */
.btn-sm,
.btn-group-sm > .btn {
    border-radius: 8px !important;
    padding: 6px 14px !important;
}

/* 超小尺寸按钮 (.btn-xs) */
.btn-xs,
.btn-group-xs > .btn {
    border-radius: 8px !important;
    padding: 2px 8px !important; /* 从 1px 5px 按比例调整 */
}

/* 大尺寸按钮 (.btn-lg) - 保持比例 */
.btn-lg,
.btn-group-lg > .btn {
    border-radius: 10px !important; /* 从 6px 按比例调整 */
    padding: 10px 18px !important; /* 从 10px 16px 按比例调整 */
}

/* Input Group 中的按钮 */
.input-group-sm > .input-group-btn > .btn {
    border-radius: 8px !important;
    padding: 6px 14px !important;
}

.input-group-lg > .input-group-btn > .btn {
    border-radius: 10px !important;
    padding: 10px 18px !important;
}

/* Input Group Addon 中的按钮样式 */
.input-group-addon.input-sm {
    border-radius: 8px !important;
    padding: 6px 14px !important;
}

.input-group-addon.input-lg {
    border-radius: 10px !important;
    padding: 10px 18px !important;
}

/* Pagination 中的按钮 */
.pagination-sm > li > a,
.pagination-sm > li > span {
    border-radius: 8px !important;
    padding: 6px 14px !important;
}

/* 其他可能使用 border-radius: 3px 的元素 */
kbd {
    border-radius: 8px !important;
}

/* 确保按钮组中的按钮也应用新样式 */
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* 垂直按钮组 */
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}