/* 全局按钮组容器 */
.filter-group {
    margin: 15px 0;
}
.group-title {
    font-size: 16px;
    margin-right: 10px;
    font-weight: 500;
}
.btn-group {
    display: inline-flex;
    gap: 8px; /* 按钮之间的间距 */
    flex-wrap: wrap; /* 自动换行 */
}

/* 基础按钮样式 */
.btn_exam {
    padding: 4px 12px;
    border: none;
    border-radius: 4px; /* 圆角 */
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;


  white-space: nowrap;
 background-color: #fef0f0;
 color: #e64340;
 border: 1px solid #ffccc7;
 margin: 0 4px 6px 0;


}

/* 未选中状态（不同颜色区分） */
.btn_exam:not(.active):not(.special) {
    background-color: #fafafb; /* 浅灰底色 */
    color: #409eff;
    border: 1px solid #409eff;
}
/* 蓝色类按钮（比如“全部”“Python”） */
.btn_exam.active {
    background-color: #409eff; /* 蓝色 */
    color: white;
    border: 1px solid #409eff;
}
/* 红色类按钮（比如“公开训练”“A.基本运算”） */
.btn_exam:not(.active):not(.special):nth-child(n+2) {
    background-color: #fafafb;
    color: #e64340;
    border: 1px solid #e64340;
}
/* 绿色类按钮（比如“私有训练”“C++语法”） */
.btn_exam:not(.active):not(.special):nth-child(3) {
    background-color: #fafafb;
    color: #419616;
    border: 1px solid #419616;
}

/* 特殊按钮（GESP、电子学会C++） */
.btn_exam.special {
    background-color: #e6f7ff;
    color: #1890ff;
    border: 1px solid #91d5ff;
}

/*  hover 效果（可选） */
.btn_exam:hover:not(.active):not(.special) {
    opacity: 0.8;
}

.filter-group {margin: 8px 0;}
td{vertical-align: middle;}
form{display: inline-block;}