/* 全局样式 */
body {
    background-color: #f8f9fa;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* 卡片样式 */
.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 1.5rem;
}

.card-header {
    font-weight: 500;
}

/* 表格样式 */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table {
    font-size: 0.9rem;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

/* 表单样式 */
.form-label {
    font-weight: 500;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.form-text {
    font-size: 0.75rem;
}

.form-control-sm,
.form-select-sm {
    font-size: 0.875rem;
}

/* 按钮样式 */
.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

/* 多选框样式 */
select[multiple] {
    height: auto;
    min-height: 100px;
}

/* 图表容器样式 */
.img-fluid {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    transition: opacity 0.3s ease-in-out;
}

.opacity-50 {
    opacity: 0.5;
}

#featurePlotContainer {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}