/* 确保 main-content 足够宽 */
.main-content {
    max-width: 100% !important; /* 让容器占满全屏宽度 */
    margin: 20px !important;    /* 取消 auto，改用固定的边距，靠左 */
    padding: 0 40px;            /* 给左右留一点呼吸空间，不至于死贴着边缘 */
}

/* 核心：开启 Flex 布局，实现左右排布 */
.viz-section {
    display: flex !important; /* 强制开启 */
    align-items: stretch;
    gap: 30px;                /* 左右间距 */
    width: 100%;
    margin-top: 30px;
}

/* 左侧：控制面板框 */
.control-panel {
    flex: 0 0 20%;         /* 固定宽度 300px，不被压缩 */
    background-color: #f8f9fa; /* 浅灰色背景 */
    border: 1px solid #dee2e6; /* 灰色边框 */
    border-radius: 8px;
    padding: 25px;
    height: fit-content;      /* 高度自适应内容 */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* 右侧：绘图面板 */
.plot-panel {
    flex: 0 0 60%; /* 固定占据 50% 宽度 */
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    min-height: 600px;       /* 保证高度 */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 空白占位空间 */
.viz-section::after {
    content: "";
    flex: 0 0 20%; /* 占用剩下的 1/4 */
    pointer-events: none; /* 不响应点击 */
}

/* 内部控件微调 */
.form-group { margin-bottom: 20px; }
.form-group label { display: block; font-weight: bold; margin-bottom: 8px; }
.form-group select { width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc; }

#static-data-table tbody tr:hover {
    background-color: #e6f2ff !important; /* 鼠标放上去变浅蓝色 */
    transition: background-color 0.2s ease;
}