/* 响应式设计 */
@media (max-width: 1200px) {
    .main-content {
        grid-template-columns: 1fr;
    }
    
    .settings-section {
        order: -1;
    }
    
    .chart-container {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 10px;
    }
    
    .header h1 {
        font-size: 2rem;
    }
    
    .button-group {
        justify-content: stretch;
    }
    
    .btn {
        flex: 1;
        min-width: auto;
    }
    
    .modify-section,
    .chart-section,
    .settings-section {
        padding: 15px;
    }
    
    .chart-container {
        height: 300px;
    }
    
    .modal-content {
        width: 95%;
        margin: 10px auto;
    }
    
    .range-cards {
        grid-template-columns: 1fr;
    }
    
    .visibility-controls {
        justify-content: stretch;
    }
    
    .visibility-controls .btn {
        flex: 1;
    }
}

@media (max-width: 480px) {
    .header h1 {
        font-size: 1.5rem;
    }
    
    .btn {
        padding: 10px 16px;
        font-size: 0.9rem;
    }
    
    .modal-content {
        margin: 5px auto;
        border-radius: 10px;
    }
    
    .modal-header,
    .modal-body {
        padding: 15px;
    }
    
    .chart-container {
        height: 250px;
    }
}

/* 打印样式 */
@media print {
    body {
        background: white;
        color: black;
    }
    
    .modify-section,
    .settings-section,
    .modal {
        display: none;
    }
    
    .main-content {
        display: block;
    }
    
    .chart-section {
        background: white;
        box-shadow: none;
    }
}