/* 平板屏幕 (768px - 1199px) */
@media screen and (max-width: 1199px) {
    .sidebar {
        width: 250px;
    }
    
    .editor-toolbar {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* 手机屏幕 (<768px) */
@media screen and (max-width: 767px) {
    .content-area {
        flex-direction: column;
    }
    
    .sidebar {
        width: 100%;
        max-height: 300px;
        border-right: none;
        border-bottom: 1px solid var(--border-color);
    }
    
    .config-panel, .saved-articles {
        padding: 0.75rem;
    }
    
    .tabs {
        overflow-x: auto;
    }
    
    .tab-btn {
        padding: 0.5rem 1rem;
        white-space: nowrap;
    }
    
    .editor-toolbar {
        overflow-x: auto;
        justify-content: flex-start;
    }
    
    .action-bar {
        flex-direction: column;
        gap: 0.5rem;
        align-items: stretch;
    }
    
    .status-message {
        text-align: center;
    }
}

/* 小型手机屏幕 (<480px) */
@media screen and (max-width: 479px) {
    .top-bar {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.5rem;
    }
    
    .global-actions {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .editor-content {
        padding: 0.75rem;
    }
    
    .form-group {
        margin-bottom: 0.75rem;
    }
}