/* ----------------- 差异分析特有网格 (图 + 表) ----------------- */
.diff-grid {
    display: flex; /* 改为 flex 布局 */
    flex-direction: column; /* 上下垂直堆叠 */
    gap: 30px; /* 图和表之间的间距 */
    width: 100%;
}

.plot-box {
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 6px;
    width: 100%; /* 宽度撑满 */
    min-height: 500px; /* 给一个最小舒适高度，不要写死 height */
    padding: 10px; /* 内边距防贴边 */
}

#volcano-plot {
    width: 100%;
    height: 100%; /* 让图表完美充满 plot-box 的内部空间 */
}

.db-icon {
    color: var(--color-primary);
    font-size: 18px;
}

.dataset-dropdown {
    min-width: 280px; /* 让下拉框稍微长一点，显得更大气 */
    border-color: #dcdfe6;
}

.rnafold-action-bar {
    display: flex;
    align-items: center;
}

.rnafold-action-bar .btn-sm {
    padding: 6px 14px;
    font-size: 13px;
}

/* ==================== 响应式 ==================== */
@media (max-width: 768px) {
    .diff-grid {
        gap: 20px;
    }

    .plot-box {
        min-height: 350px;
        padding: 6px;
    }

    .dataset-dropdown {
        min-width: 100%;
        width: 100%;
    }
}