/* style.css - 主页特有样式 */

/* 趋势图容器 */
.trend-chart-container {
    height: 300px;
    position: relative;
}

/* 主页表格复选框样式 */
.table-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* 波长页面计数器样式 */
#wavelength-counter {
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

/* 波长数据表格样式 */
.wavelength-table th, .wavelength-table td {
    text-align: center;
    vertical-align: middle;
}

/* 波长数据表格序号列 */
.wavelength-index {
    width: 60px;
    color: #6c757d;
    font-weight: 500;
}

/* 波长数据表格通道列 */
.wavelength-channel {
    width: 80px;
    font-weight: 600;
    color: #0d6efd;
}

/* 波长数据表格波长列 */
.wavelength-value {
    min-width: 120px;
}

/* 虚拟传感器样式 */
.sensor-virtual {
    color: #0dcaf0;
    font-style: italic;
}

/* 精简模式下的表格紧凑样式 */
.table-compact td, .table-compact th {
    padding: 0.3rem;
    font-size: 0.9rem;
}

/* 响应式调整 */
@media (max-width: 576px) {
    #wavelength-counter {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }
    
    #wavelength-counter i {
        font-size: 0.7rem;
    }
    
    .wavelength-table th, .wavelength-table td {
        padding: 0.3rem;
        font-size: 0.85rem;
    }
}

/* 主页响应式调整 */
@media (max-width: 768px) {
    .trend-chart-container {
        height: 250px !important;
    }
    
    .table-responsive {
        font-size: 0.9rem;
    }
}

/* 光谱页面特有样式 */
.spectrum-chart-container {
    height: 500px;
    position: relative;
}

@media (max-width: 768px) {
    .spectrum-chart-container {
        height: 400px;
    }
}